Lisa是一個sales,一天上午她拿出手機準備定位當前與客戶的位置,確定路線。卻發現因為過於強烈的光線,看不清列表結果頁的地址。
Bill有睡前用手機查看訂閱、處理郵件的習慣。卻總會因為屏幕刺眼的光線,需要時間逐漸從光暈中適應辨清字體。
類似的場景在日常生活中你或許也有碰到。
部分硬件設備也為其提供了相應的解決方案——屏幕亮度調節,可以手動控制屏幕的亮度,適應不同的環境,以及在更高端的設備上支持的光線感應器。
同時我們也看到應用商所做的努力。更有貼心的是閱讀應用的夜晚閱讀模式,這為字體與背景提供了弱對比度的配色設計。
但我們在更多的應用軟件中發現,對光線環境的設計需求被忽略。我相信也會有更多的方式與設計,為用戶帶來良好的針對環境的優化體驗。忘記浮躁的成本效益,專注產品UI設計。
設計原則
- 佈局結構清晰
- 內容清晰
- 適合的灰度與色彩對比度
- 聲音事件的反饋
- 適合的環境元素參與
清晰的佈局結構是對一個應用是否可用的基本要求,功能佈局層次鮮明,使得新用戶通過低成本的學習快速記憶掌握應用的功能佈局,能夠在短時間內完成既定的任務。
保持圖標的簡約以及文字的可讀尺寸,切忌因為過於追求特效與視覺美感,忽略最基本的可讀性。
為不同的環境模式提供相應的對比度設計,以減少用戶的閱讀疲勞,其中仍需保持內容的可讀性。
設計不應局限於視覺體驗,在enable操作後觸發的聲音,會讓用戶確信每一步操作的正確,以及填充某些環境下視覺設計的死角。
更多具有感情色彩的元素參與,將賦予界面更多的靈性。將weather的元素加入reader不是一件很溫馨的事情麼?
視覺設計範例
Google Map
清晰的功能引導設計,綠色、紅色的Pin可以直觀的確認目的地與當前位置,導航列表簡潔,可以更可靠的工作在日光之下。
QQ瀏覽器
提供了白天模式/夜間模式的切換,在夜間周圍光線較弱時,一定程度上緩解了視覺疲勞。
商舖點評
為室內/室外環境分別做了配色以及字體設計。在室外的實際應用過程中,更大的字體與對比反差帶來了良好的閱讀體驗。並概念性的加入了天氣組件,為出遊逛街提供了更多便利。
特例
當然,並不是所有的應用都需要針對性的UI設計,該類設計較適用於內容主導的生活相關應用。在遊戲中設計多套色彩模型並不是一個好主意。
來源:http://www.mdong.org/?p=1633
特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy