APP的设计原则(交互)——源自谷歌69点设计原则

GoodUI 总结了一个长达69条设计原则的清单,列举了他们认为非常重要的设计要点。而APP设计很多的设计方法和用户习惯均由WEB端带来,所以此文根据一些WEB设计原则整理拓展为APP设计原则,希望对大家有所帮助。(持续更新中~)

01.让新用户从尝试产品入手,而不是一来就面对冷冰冰的注册表单

先让用户尝试使用产品,而非急于让用户一进来就填写一系列冰冷的表单。先要让用户看到你产品的价值,并通过价值吸引用户如何让产品成为自己的,这样用户才会愿意与你分享他额外的个人信息。这种渐进的参与实际上是一种尽可能推迟注册过程的方式,并且仍然允许用户使用和自定义您的应用程序或产品。


02.减少使用线框,这会过多的吸引用户注意力,而且会让页面看上去透不过气

很多设计师常常喜欢用线来划分各个功能模块区域,这些边界虽然可以很清晰准确的定义一个空间,但是他们也会消耗我们的认知能量,因为它们被认为是明确的线条(特别是交互设计师喜欢用线条输出交互文档)。所以为了减少屏幕元素支线的关系,元素也可以通过接近、对齐、留白等排列出不同的风格以组合到一起区分不同的模块。


3.注意界面元素的一致性,降低用户学习成本

努力保持界面元素的一致性,这是唐纳德·诺曼(Donald Norman)《设计的通用法则》书中提到的最广为人知的设计原则之一。因为一致的UI或交互可以降低用户不同页面或同页面的不同模块的理解成本,有利于用户对于页面信息作出快速的反馈。比如当用户按下按钮或者滑动模块时,用户会发现这些交互元素的外观、行为和被发现的方式都是一样的。一致的界面也可以通过各种各样的形式来表现,比如:颜色、方向、行为、位置、大小、形状、标签和语言。所以在设计过程中,我们要制定设计规范,规范其页面元素的展现形式,对于APP内的的元素保持统一的设计样式。

上图是蚂蚁金服的公共设计平台,供大家参考:https://ant.design/index-cn

4. 提升页面的视觉层次,增强可阅读性

视觉层次的结构是由排列、接近、颜色、字体大小、元素大小、动效、间距、填充等变化而来的。好的视觉层次结构可以用来区分重要的元素和不重要的元素。当这些视觉元素被正确使用时,在页面中它们就能共同协作,引导和暂停用户的注意力,提高页面的整体阅读性。

在交互原型设计的过程中,我们更应该凸显页面的层次结构,减缓用户第一次访问时从头至尾浏览整个页面的速度,让用户快速达到目的。比如,标题突出,同一模块信息处于同一背景之下,特别可以参考格式塔定理,同类信息结合在一起。这对于产品的理解,以及后续视觉和开发对交互的理解都更加清晰明确。


5.延续用户日常的使用习惯,而不是重新创造

如果我们在一个APP保持一致的操作,尽可能保持页面之间的相似度,这样用户的学习曲线会进一步降低。

比如在现有的ios规范中,我们习惯了进入页面时,从右至左的滑入,而退出页面时,从左至右的退出。APP也延续了这个规范,让整个APP的转场动效统一,以达到体验的保一致性。



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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,629评论 1 92
  • 每天进步一点点点点点点点点点点点点点点点点点点点点点点点点点点点点点点~~从开始只能写几句话、模仿别人的观点,到现...
    一个帅气的名字呀阅读 17,801评论 4 31
  • 产品知识面考察 真题 例题分析 例题7.3 DAU代表 。 日用户点击量 月活跃用户数量 日活跃用户数量 网站...
    爱摄影的奥派阅读 12,107评论 4 46
  • 最近做的工作内容就是总结分析常见常用的交互原则。在阅读整理的基础上,我将目前常见常用的交互法则总结如下。本文整体结...
    壹玖贰贰阅读 2,300评论 1 18
  • 从公司到出租屋只有十几分钟的路程,有时加班到很晚归来,小区亮着的灯光洒在这条路上,这条走了两年的路竟显得格外的长,...
    只是时间的不凑巧阅读 178评论 0 0