五月|移动设计

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

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


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

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

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

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

几种典型的导航设计:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

⑦其他影响因素

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

用户待机和拇指使用

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

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

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


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

1项目概要

主要包括内容

2流程图

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

3交互原型

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

4交互说明

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

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


学习用axture画图

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容