1、对产品的框架而言,在手机环境中,考虑应用场景和硬件设备,更适合浅而窄的方式。浅的产品框架可以缩短用户的寻找时间;窄的产品框架可以突出对用户来说重要的内容。
2、在达到产品扁平化设计之前,要甄别出用户需要的核心内容,使核心内容的路径扁平化,提升产品的连续性和效率。(核心内容的扁平化处理)
1、移动应用 导航的设计模式
在设计产品的时候,需要规划好产品框架的深度和广度,确定最合适的模式,建立良好的导航模式。
空间维度:页面前后+上下左右的组合
举例-导航在页面上下,处于页面前端;或者导航位于页面左右,隐藏在页面后方
几种典型的导航设计:
①标签式:可在几类信息之间来回跳转,信息优先级较高;例如淘宝等
适用:入口选项数目不多、用户需要在选项之间来回切换
不适合:过于复杂或者过于稳定的结构
扩展形式:突出设计需要展示的核心内容按钮,增加功能设计的交互
②辐射式:将全应用信息进行独立分类,做到信息互斥,类别各自独立入口,内容间基本并列;例如360云盘
适用:分类清晰,入口独立且固定
不适合:在交叉类别中使用
③列表式:以表格为容器,装载文字图标、并指向相关内容的一种导航神器。以文字表述为主,内容较多,相对没那么重要。通常最上方的位置信息更重要,比如扣扣好友分组,当列表达到一定数量以后可再进行分组,形成树状列表。
④平铺式:是一种简单的层级框架,适用于少而精的内容和随意浏览的页面,易于实用滑动即可,界面占用空间少。如天气预报。
缺点:无法立即跳到非相邻页面,不适合较多页面的加载。
⑤抽屉式:以当前内容为核心展示的应用,
注意:隐藏的导航内容需要用更好地方式调出,比如手势。
⑥点聚式:当层次框架比较复杂,几个并列的模块中都有用户频繁使用的核心内容时,通过一个点的方式,汇聚这些入口,让界面空间更开阔
需要核心点来展示,需要良好的引导
⑦其他影响因素
除了自身的业务需求,还需要考虑:
用户待机和拇指使用
扩展屏幕之外的导航:空间边缘的合理利用
不同平台系统的框架设计和硬件配置
界面可视化:框架可视化、内容信息的可视化
制作一份比较规范的移动产品交互文档,需要包括:
1项目概要
2流程图
整个产品的框架流程,在制作产品前就制作出产品的流程,能够对产品有一个整体上的把握,避免出现一些逻辑问题。
3交互原型
交互设计师制作的可以操作的原型,通过动态面板、添加触发事件、条件、动作等生成网页后可以直接操作。
4交互说明
是在交互原型的界面基础上,对界面的操作结果、异常流程做详细说明
以上,是一份规范文档的设计思路,设计师们可以根据自己的团队、业务特点整理出自己的原型规范。
学习用axture画图