移动界面设计点滴(2)——Flow大局观
来源:互联网 发布:深入浅出python 微盘 编辑:程序博客网 时间:2024/06/07 10:55
在移动设计中,我们需要完善的功能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。
这使得用户需要更多的时间来熟悉操作,这不是我们想要看到的。
–
站在用户的高度,你将更理解设计。
- 移动界面设计点滴(2)——Flow大局观
- 移动界面设计点滴(1)——减少空间占用
- 移动界面设计点滴(3)——工欲善其事,必先利其器
- 移动界面设计点滴(3)——工欲善其事,必先利其器
- 移动界面设计点滴
- (读书笔记).NET大局观—.NET引介
- (读书笔记).NET大局观—通用语言运行时
- 《UI进化论——移动设备人机交互界面设计》
- 移动端界面设计——尺寸(ios)
- 微软.NET开发认证基础技术知识大局观——核心篇
- 第10章 快到碗里来——DirectX大局观认知
- .NET大局观笔记
- dotNET大局观
- Ajax大局观
- 建立大局观
- 项目管理大局观
- .NET大局观笔记
- OpenCV框架大局观
- 实现网站的RSS应用
- 重新认识Unix市场
- 手机客户端适配性
- ListView若干点
- 移动界面设计点滴(1)——减少空间占用
- 移动界面设计点滴(2)——Flow大局观
- MACHINE_START宏
- 移动界面设计点滴(3)——工欲善其事,必先利其器
- 移动界面设计点滴(3)——工欲善其事,必先利其器
- 3. 生成套接口地址
- vim 跳转技巧
- 关于VS上魔兽私聊的问题
- iPhone 可有设计哲学?
- riaworld