美文网首页
五月|移动设计

五月|移动设计

作者: 之之境 | 来源:发表于2016-05-24 14:52 被阅读0次

    1、对产品的框架而言,在手机环境中,考虑应用场景和硬件设备,更适合浅而窄的方式。浅的产品框架可以缩短用户的寻找时间;窄的产品框架可以突出对用户来说重要的内容。

    2、在达到产品扁平化设计之前,要甄别出用户需要的核心内容,使核心内容的路径扁平化,提升产品的连续性和效率。(核心内容的扁平化处理)


    1、移动应用 导航的设计模式

    在设计产品的时候,需要规划好产品框架的深度和广度,确定最合适的模式,建立良好的导航模式。

    空间维度:页面前后+上下左右的组合

    举例-导航在页面上下,处于页面前端;或者导航位于页面左右,隐藏在页面后方

    几种典型的导航设计:

    ①标签式:可在几类信息之间来回跳转,信息优先级较高;例如淘宝等

    适用:入口选项数目不多、用户需要在选项之间来回切换

    不适合:过于复杂或者过于稳定的结构

    扩展形式:突出设计需要展示的核心内容按钮,增加功能设计的交互

    ②辐射式:将全应用信息进行独立分类,做到信息互斥,类别各自独立入口,内容间基本并列;例如360云盘

    适用:分类清晰,入口独立且固定

    不适合:在交叉类别中使用

    ③列表式:以表格为容器,装载文字图标、并指向相关内容的一种导航神器。以文字表述为主,内容较多,相对没那么重要。通常最上方的位置信息更重要,比如扣扣好友分组,当列表达到一定数量以后可再进行分组,形成树状列表。

    ④平铺式:是一种简单的层级框架,适用于少而精的内容和随意浏览的页面,易于实用滑动即可,界面占用空间少。如天气预报。

    缺点:无法立即跳到非相邻页面,不适合较多页面的加载。

    ⑤抽屉式:以当前内容为核心展示的应用,

    注意:隐藏的导航内容需要用更好地方式调出,比如手势。

    ⑥点聚式:当层次框架比较复杂,几个并列的模块中都有用户频繁使用的核心内容时,通过一个点的方式,汇聚这些入口,让界面空间更开阔

    需要核心点来展示,需要良好的引导

    ⑦其他影响因素

    除了自身的业务需求,还需要考虑:

    用户待机和拇指使用

    扩展屏幕之外的导航:空间边缘的合理利用

    不同平台系统的框架设计和硬件配置

    界面可视化:框架可视化、内容信息的可视化


    制作一份比较规范的移动产品交互文档,需要包括:

    1项目概要

    主要包括内容

    2流程图

    整个产品的框架流程,在制作产品前就制作出产品的流程,能够对产品有一个整体上的把握,避免出现一些逻辑问题。

    3交互原型

    交互设计师制作的可以操作的原型,通过动态面板、添加触发事件、条件、动作等生成网页后可以直接操作。

    4交互说明

    是在交互原型的界面基础上,对界面的操作结果、异常流程做详细说明

    以上,是一份规范文档的设计思路,设计师们可以根据自己的团队、业务特点整理出自己的原型规范。


    学习用axture画图

    相关文章

      网友评论

          本文标题:五月|移动设计

          本文链接:https://www.haomeiwen.com/subject/cilzrttx.html