快好知 kuaihz

移动界面设计点滴(2)——Flow大局观

Mobile UI design tips—— the overall view of flow

在移动设计中,我们需要完善的功能flow,对它认知的价值使得flow在整个设计开发过程中始终走在前面。完善的flow不仅令功能产品更加易用,带来良好的用户体验,与此同时,也有助于提升开发效率,不到位的flow将带来设计与开发的反复,使团队蒙受损失。

良好的移动产品flow标准有三

end-to-end

清晰

整合

所谓end to end是指功能根据需求设计需要符合所在平台的特性,完整的考虑到用户如何在任何场景下使用操作及完成任务,提供因为有效或无效操作而带来的反馈帮助信息。

清晰是指整个设计中不会造成用户的疑惑,符合平台特性易于理解的设计。通常但凡清晰的功能,即使需要付出更多次的操作,value还是高于稍显混乱的设计,虽然后者简化了用户的操作。

整合,在前一篇《移动界面设计点滴(1)——减少空间占用》的一文有所涉及,受限于移动产品的诸多条件,合理的归纳使得产品使用更为流畅。这与清晰并不矛盾,重在调和。

下面以前些时间已经release的一个功能模块作为示例,展示如何设计一个良好的flow。

案例简析

功能目标:通过列表快速定位城市。

功能从属于Map视图,图标以形象的道路指向标示。

在mockup中的功能主UI,显示支持的国家;

点击任意国家进入以首字母排列的城市列表;

点击任意城市,自动切入到Map视图并转向相应的可视地区。

主UI左上角提供Back键,预留回退。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:大局观  大局观词条  界面设计  界面设计词条  点滴  点滴词条  移动  移动词条  Flow  Flow词条  
设计

 第五章:产品管理(1~2) – ...

产品管理是公司为了管理一个产品或者产品线的产品计划、产品市场和产品生命周期所采用的组织架构。产品管理是一个非常典型强矩阵型的管理方式,工作性质包括项目管理,但并...(展开)