【原创 交互设计四大要素你了解过么?】

《简约至上:交互设计四要素》读后核心内容摘取

  • 先理解用户,再思考合适的设计
  • 软件实用环境,是观察用户的最佳地点
  • 在家里、公司、户外你的设计必须能够适应各种干扰
  • ** 用户分类** :
    -专家型:愿意探索你的产品或服务,并且会提出各种改进意见,一般忽略,专家想要的功能往往会吓倒主流用户
    -随意型:他们可能使用过类似的产品或服务,他们有兴趣使用更高级别更复杂的产品,但不愿意接触全新的东西,要想让他们认可新功能,那么新功能必须足够简单。
    -主流用户:最大的用户群体,不会因为你产品的技术而去使用你的产品,而是使用你的产品完成某项任务,掌握一些重要功能的使用方法,但永远不会产生学会所有功能的想法。
  • 想要吸引大众,必须关注主流
  • 主流用户想要什么?
    -把工作立刻做完
    -容易操控最有价值
    -想得到靠谱的结果
    -害怕弄坏什么
    -只要合适就行了
    -想看到示例和故事
  • 满足用户的感情需求:Things
  • 简单就是感觉在掌控一切,绝对不要漏掉关键环节
  • 描述用户体验:用讲故事的方式,通过一个故事展示出一个需求点,并确定满足需求的功能(核心功能)好的用户故事应该 简明、具体、可信、并且有相关细节。想象一下,你正站在大街上,突然……
  • 在设计情节中要考虑比这件东西更大的环境(故事中的时间和地点)、角色(谁和为什么)、情节(什么和怎么样)
  • 设计简单的体验意味着追求极端的目标,这样才不会使得产品变得很重
  • 尽可能用最简单的词汇来描述你的想法
  • 洞察力:评估你的故事并追问,什么因素对用户的影响最大?运用学到的东西构思故事,然后再去深刻理解自己要去解决的问题,接着奇迹就发生了。搜集用户问题,把那些对用户影响力最大的事情放到最前面,找突破口、排出设计要点的优先级、验证(如果我的见解有偏差会导致什么结果?有哪些不可控因素会影响你的看法?正反例子?这些例子能否反应你的看法有问题?)
  • 花点儿时间观察和研究你的故事背后的数据
    不要匆忙着手设计,理解核心问题需要时间;真正伟大的人还会继续向前,直至找到问题的关键和深层次原因,然后再拿出一个优雅的、堪称完美的有效方案!
  • 分享:跟参与项目的人反复讲述你的故事,看见他们一次就讲一次,不要停止,天天讲,反复讲,直到你讲得自己都厌烦了,人们才会真正领悟你的认识。

四个策略

  • 删除——去掉所有不必要的按钮,注重产品的深度,而不是广度,做的事情虽少,但是比同类产品做的要好,保证交付那些真正有价值的功能和内容,砍掉功能有时候是一个血腥无情的过程。砍掉残缺功能(为什么要留着它?能发挥多少作用?保留它会额外导致多少成本?)
    -关注核心:增加价值始于改进核心体验,排列优先级的时候特别要注意,与新增功能相比,用户更关注基本功能的改进不要猜测用户可能会或者可能不会怎么样,
  • 去发现问题,如果一个小的变化导致了复杂的流程,就应该退一步去寻找更好的解决方案。
  • 口碑、用户评论、个人推荐以及产品试用的重要性以及远远超过了大众媒体,删除的时候要去专注于用户的核心任务
    -排定功能优先级
  • 确定用户想要达到的目的
  • 专注于寻找能够完全满足优先级最高的用户需求的解决方案,找到之后再考虑满足用户的其他目标
  • 确定用户在产品使用过程中最常见的干扰源,并将解决这些问题的功能按难易程度排除优先级
  • 给那些轻易就能满足主流用户需求的功能排定优先次序,不要以功能的多寡来认定产品的价值,应该看产品能够满足用户最高优先级的目标。
  • 帮助用户减轻负担:去除没有人会看的文字,简化布局,去掉重复项、精简按钮和链接的样式、减少广告位和数量、去掉
  • 分散注意力的元素
  • 选择有限:用户反而更欢喜
  • 培养专注度:不分心
  • 默认值:适合大多数人口味的选择,分析客户信息如日志文件,可以找到很多选择默认值的依据。热门文档、头条、类似项(浏览过这个产品的用户还看过)、个性化信息、共同的选择(+86区号),自动保存和恢复状态
  • 主流用户不喜欢为设置首选项和选项费心
  • 减少视觉混乱的方法
    使用空白或轻微的背景色来划分页面,而不用线条,因为线条在前景中更多的吸引人的注意力
  • 少使用强调
  • 不使用粗黑线,匀称、浅色的线更好
  • 控制信息的层次:不要超过三个层次,标题、子标题、正文
  • 减少元素大小的变化:如9宫格的设计中区块的大小一致性
  • 减少元素开头的变化。整个界面最好只使用一种按钮样式
  • 精简句子的方法
  • 不使用介词(对于/根据/为了/基于/通过/关于)
  • 不使用is的动词形式(正在消耗时间),尽你所能使用其他
  • 表述方式(“花时间”
  • 把被动句式转为主动句式
  • 删掉索然无味的开头,开门见山
  • 减少废话,用“每天”替代“在每天的基础上”
  • 删除的核心在于干掉那些分散注意力的因素,聚焦于项目
  • 聚焦于对用户有价值的功能
  • 聚焦于可用资源
  • 聚焦于达成用户的目标
  • 删除那些干扰性的,增加用户负担的“减速带”:错误信息,不知所云的文字,不必要的选项和造成视觉混乱的元素。
  • 组织——按照有意义的标准将按钮划分成组
  • 强调一两个最重要的主题
  • 分块—“7加减1”个块,人的大脑瞬间能记住的最大数目
  • 围绕行为进行组织:理解用户行为,他们想做什么,先做什么后做什么
  • 画出用户的行为有助于理解如何组织你的软件产品(逻辑流程图)
  • 善于分类:是非分明,简单的分类通常指的是重复交叉最少的分类方法
  • 排序方法:字母表通常会把事情搞乱,格式来分更好
    无论是设计还是使用,搜索都比浏览困难得多,如果要想设计简单的用户体验,那么最好先对内容有效地组织,然后再考虑如何设计搜索。
  • 按照时间和空间(实体对象)来组织活动是一种简单而又通用的方式
    ——网格设计:《连线》Wired杂志和《卫报》Guardian网站
    ——大小和位置:《Apple’s HyperCard Stack Design Guidelines》不太重要的界面元素应该小一点,想办法表现出不同的重要性,如果一个元素的重要性为1/2,就做成1/4的大小
    ——分层:运用感知分层的技术,颜色(地铁线)、灰色阴影、大小缩放、形状变化
    尽可能使用较少的层。内容越负责,所需的分层反而能少些
    考虑把某些基本元素放在常规背景层,一个元素很难放在两层
    让两层之间的差别最大化,便于区分
    对于相对重要的类别,使用明亮、高饱和度的颜色,可以让它们在页面上更加突出
    对于同等重要的类别,使用相同的亮度和大小,知识色调要不一样
    ——检测设计是否成功:可以眯起眼睛来观察屏幕,看是否能区分出不同的层
    ——色标系统:常用的
    期望路径:人们并不总是走你为他们铺好的路,不断重复使用软件的路径,不要被自己规划图中清晰的线条和整洁的布局所迷惑。简单的组织,意味着你在使用软件的时候会对什么感觉不错,而不是你在规划中看到了什么逻辑
    -隐藏——把那些不是最重要的按钮安排在活动仓盖之下,避免分散用户注意力
  • 无论隐藏什么功能都意味着你在用户和功能之间设置了一道障碍,需要仔细权衡
  • 主流用户很少用,但自身需要更新的功能适合隐藏,设置(放在一个开放的页面)
  • 事关细节(对服务器进行配置或设计电子邮件的签名)
  • 选项和偏好(绘图单位,英寸改为厘米)
  • 特性于地区的信息(时间和日期等需要频繁自动更新的信息)
  • 个性化设置
  • 让用户自定义自己的用户界面是假设用户知道如何布局最有效、最高效
  • 去除自动定制和缩小扩展
  • 渐进展示:如mac中的保存扩展按钮,对于用户期望的功能,要在正确的环境下给出明确的提示
    阶段展示:必须符合用户心理预期
    设定一种场景:如电商付款页面加上“欢迎安全付款”打消用户的顾虑
  • 讲一个故事:把敏感的如用户姓名,地址放到后面
  • 说用户的语言,去除专业术语
  • 把信息分成小块显示,每个块必须完整而又自成一体
  • 适时出现:尽可能彻底的隐藏所有需要隐藏的功能,在合适的时机合适的位置上显示相应的功能。(如单词,放上后问号,点击才出现解释)
  • 提示与线索:细微的线索足以提示隐藏的功能(如PS左侧的功能隐藏)
  • 让功能容易找到:保证用户在前进的过程中能够遇到提示,但不要挡住他们的去路
  • 隐藏策略:
  • 隐藏一次性设计和选项
  • 隐藏精确控制选项,但专家用户必须能够让这些选项始终保持可见
  • 不可强迫或寄希望于主流用户使用自定义功能,可以给专家用户提供多个选项
  • 巧妙地隐藏,彻底隐藏+适时出现
  • 删除不必要的、组织要提供的、隐藏非核心的
  • 转移——保留最基本功能的按钮,将其他的按钮转移到其他屏幕,转移复杂性
  • 把正确的功能放到正确的平台或者正确的系统组件中去
  • 在设备之间转移:如RunKeeper用手机端来记录和采集信息,用PC端来浏览
  • 向用户转移,如旅行规划(地点、活动、时间),用户指挥计算机操作,就会给人简单的感觉
  • 创造开放式体验:让一个组件具有多种用途,把相似的功能绑定到一起
  • 菜刀与钢琴:简单界面的最高境界就是专家和主流用户都感觉它非常好用
  • 非结构化数据:让计算机负责完成数据的结构化工作,简化用户体验
  • 信任:让用户参与产品设计中来,不要让用户觉得被控制和指挥了
  • 复杂性之谈:创造简单用户体验的秘诀在于把复杂性转移到正确的地方,让用户每时每刻都能感受到简单之美,到底应该把这个复杂性放到哪里呢?
  • 这个任务是自动化的还是由用户来控制?自动对焦/手动
    界面中是应该包含很多功能特定的按钮还是只做一些通用的按钮?
  • 这个任务是一次完成还是应该分几段时间来完成?
    这个任务应该让用户有意识的去处理?还是应该在无意间完成?
  • 细节很重要!
  • 给用户留下足够的想象空间:如旅行线路的查找,在翻阅手册的时候用户非常放松,有大幅照片和热门线路的显眼标识,完整的报价表,用户能够自我陶醉。

今天中午12:58收到的腾讯面试通知,晚上赶赴北京,明天回来,我也是醉了……
这篇文章的排版可能有些乱,因为小编得去好好准备面试了,嘿嘿,回来的时候再美化一下:)
如果大家有看过这本书的,欢迎帮我补充噢 ~ 吼吼~

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,727评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,448评论 25 707
  • 作者依托二十多年的交互式设计的探索和实践,提出了合理删除、分层组织、适时隐藏和巧妙转移这四个简约至上的终极策略,讲...
    2tackle阅读 597评论 2 1
  • 人生说长很长,要去体验各种酸甜苦辣,不要急于求成;人生说短很短,要去追求的立刻行动,不要缓慢拖延;两种说法看似矛盾...
    DarknightZou阅读 122评论 0 0
  • 先上画稿完成图。 四季仿佛特别偏爱秋天,随手一拍都美的令人停驻,秋叶承载着树的使命,翩然而落的瞬间是否会有对生命的...
    青花素彩阅读 607评论 6 19