您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 移動前端 >> 瀏覽設計教程

移動場景中的產品設計(4)

設計啟示:高對比度

大家覺的下圖這樣的設計方式有什么問題嗎?問題是這樣的設計容易讓用戶較難發(fā)現(xiàn)其他幾個入口,特別是在昏暗的環(huán)境下,和手機低亮度底下,可見度是非常差的。

設計師們是配置了最好的顯示器,在寬敞明亮的燈光下工作的,所以這樣的設計是好看的。但實際的應用場景是,用戶在各種各樣的環(huán)境底下使用,可能特別昏暗也可能特別刺眼,所以設計師可以考慮在設計完畢后,放在手機上調節(jié)各種亮度或則在太陽底下看看實際的效果。所以提高前后元素的對比度,可以適應各種場景。

設計啟示:快速調節(jié)亮度

現(xiàn)在很多瀏覽器和閱讀器,如ZAKER,QQ/UC瀏覽器等,都直接配置夜間模式,和屏幕亮度調節(jié)。讓我們在弱對比度中,感受到產品對我們的體貼的一面。這些也都是考慮到移動產品場景的復雜性和變化。

聲音提示,也是對環(huán)境的一種擬補。在昏暗的環(huán)境下,一個丁的聲音,讓你立刻直到短消息來。還有在操作的過程中,一些反饋不能及時看到,聲音就能將這部分的視覺死角給擬補過來。

 

場所/時段/注意力—碎片化時間

Web場景:場所較固定,每次使用時間段長,注意力集中

移動場景:隨時隨地,碎片化時間使用,注意力分散

設計啟示:注重核心點表達,顯示操作結果,高效信息傳達…

是否有這樣一種體驗:當早上出門忘記帶手機,就感覺這一天過的特不踏實,對大部分人來說都有這樣的感受。當移動設備能裝入口袋的那天起,就已經融入了我們的身體。所以任何時間,任何地點,承載著強大功能的手機,都可能被我們拿起,然后因為各種原因又快速收起。移動產品的特性,就決定了它碎片化時間的使用。我們看看碎片化時間主要產生在哪些產所:步行中,坐公交,擠地鐵,逛商場,工作中,睡前睡醒,旅游出差,無聊寂寞,聯(lián)系他人,拍照,玩游戲。。。

手機總能出現(xiàn)在我們產生的碎片時間里,這個過程是沒法做到聚精會神的,從頭到尾好好干完一件事的。周邊各種環(huán)境永遠在影響著你,思路常常被打斷,操作常常會停止,任務中斷后,還需要繼續(xù),于是設計就要考慮聚焦核心點,考慮中斷后的連續(xù)性。所以在產品的信息布局上就需要將這樣的場景考慮進去,讓這樣的布局減輕用戶的記憶負擔。

我們在設計搜索結果頁的時候,原來的界面是這樣的。

層級過多,排序全部展示出來,分類篩選全部隱藏。排序和分類篩選的展現(xiàn)方式,一個過多展示,一個只有入口,沒有操作后的結果顯示。在碎片化的時間里,當用戶使用了分類篩選后,過段時間再回到這個頁面,估計基本就忘記剛剛的選擇了。我們不可能讓用戶再這里還承擔上記憶負擔,所以根據(jù)這一點,和產品的意愿,我們后面改版成如下方式,提升了用戶訪問深度。

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/wd1309.html
網(wǎng)頁前端開發(fā)人員必用在線web工具和應用
20款超棒的響應式設計測試書簽應用
圖趣網(wǎng)微信
建議反饋
×