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

移動場景中的產(chǎn)品設(shè)計(4)

設(shè)計啟示:高對比度

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

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

設(shè)計啟示:快速調(diào)節(jié)亮度

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

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

 

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

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

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

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

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

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

我們在設(shè)計搜索結(jié)果頁的時候,原來的界面是這樣的。

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

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