在移動設計中,我們需要完善的功能flow,對它認知的價值使得flow在整個設計開發過程中始終走在前面。完善的flow不僅令功能產品更加易用,帶來良好的用戶體驗,與此同時,也有助於提升開發效率,不到位的flow將帶來設計與開發的反复,使團隊蒙受損失。
良好的移動產品flow標準有三
- end-to-end
- 清晰
- 整合
所謂end to end是指功能根據需求設計需要符合所在平台的特性,完整的考慮到用戶如何在任何場景下使用操作及完成任務,提供因為有效或無效操作而帶來的反饋幫助信息。
清晰是指整個設計中不會造成用戶的疑惑,符合平台特性易於理解的設計。通常但凡清晰的功能,即使需要付出更多次的操作,value還是高於稍顯混亂的設計,雖然後者簡化了用戶的操作。
整合,在前一篇《移動界面設計點滴(1)——減少空間佔用》的一文有所涉及,受限於移動產品的諸多條件,合理的歸納使得產品使用更為流暢。這與清晰並不矛盾,重在調和。
下面以前些時間已經release的一個功能模塊作為示例,展示如何設計一個良好的flow。
案例簡析
功能目標:通過列表快速定位城市。
該功能從屬於Map視圖,圖標以形象的道路指向標示。
在mockup中的功能主UI,顯示支持的國家;
點擊任意國家進入以首字母排列的城市列表;
點擊任意城市,自動切入到Map視圖並轉向相應的可視地區。
主UI左上角提供Back鍵,預留回退。
在此,有兩種設計思路。另一則是使用IPhone自帶的Pickers控件,將國家列表橫向置於上方,城市列表縱向置於UI下方。
它的優勢在於可以在一屏中解決所有的問題。
但為了更好的使用Pickers,你需要加入更多的諸如Supported City等提示信息以區分兩個Pickers,以及頂部的Done Cancel按鈕,以完善flow。
這使得用戶需要更多的時間來熟悉操作,這不是我們想要看到的。
–
站在用戶的高度,你將更理解設計。
特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy