交互设计的四策略 打造简单易用好用的产品

这个遥控器是不是好熟悉呢?按钮少,层次分明,一共就三组按键,我一直在想小米在设计这款遥控器的时候,是不是也看过这本书《简约至上》。在进行交互设计前需要明确几个前提条件,如下。

01.场景

何为场景,场景简单地说就是什么时间、什么地点、什么人、做什么事。作者把场景分为环境、角色、情节。

可信的环境,故事中的“时间”和“地点”。

可信的角色,“谁”

流畅的情节,“做什么”和“怎么样”、“为什么”

是不是觉得和5w2h很像,WHO谁?由谁来做?WHAT是什么?做什么工作?目的是什么?WHY为什么做?可不可以不做?有没有替代方案?WHEN何时做?WHERE在哪里做?HOW怎么做?方法是什么?HOW MACH做到什么程度?质量如何?数量多少?

又让我想起小学学记叙文的六要素是:时间、地点、人物、事件的起因、经过、结果。

02.用户

作者将用户分为三种类型,分别是专家型用户、随意型用户、主流用户

何为专家型用户?看看那些极客或发烧友,没事就拆拆刚上市的手机;小米研发手机系统的时候,发烧友会给小米反馈很多优化意见,还爱把体验制作成视频或文章分享出来;这类比较有探索精神,热爱新奇事物,求知欲比较强的用户,我们就可以当成专家型用户。

何为随意型用户?这类用户没有专家型用户那么爱学习爱分享,能够接受一定程度的新鲜事物,但是不能过于复杂。

何为主流用户?我能粗暴的说除了前面两种,都是主流用户吗?好像可以这么认为,这类人没有探索精神、不爱分享、不爱研究,对新鲜事物也没那么感兴趣,求知欲也不强,一般使用产品就只使用最基本的功能。然后这类用户的群体最大。


猜猜看哪些是主流用户,哪些是随意型用户,哪些是专家型用户。作者提出一个概念,忽视专家型用户,为主流用户设计。

废话一箩筐,直接上干活吧。下面我们详细来介绍《简约至上》的核心,交互设计的四策略。

01.删除

策略:关注核心用户的核心价值,对功能进行优先级排序,保留优先级最高完全满足大众使用的功能,删除可有可无的内容,直到不能再删为止。实现方法如下。

1 关注核心

我们只关注核心用户和核心价值,核心用户就是前面提到的用户群体最大的主流用户;去留意和观察,他们日常生活最关心的功能体验,产品增加价值始于核心体验。

2 砍掉残缺

在产品圈子经常听到研发和产品调侃,砍我不要砍需求。作者认为如果实现不狗理想,就应该砍掉,因为做得多相应维护成本也大,这类功能越多,越容易掩盖掉优质的功能,最后整个产品会变得极其平庸。

曾经我负责某公司的教育类产品,在我们进到公司时发现该公司居然开发了一百多个系统,实际有应用到不到5%。不近浪费了很多人力物力,市场销售在推广的时候也不知道亮点在哪里,老板的方向也变得凌乱。

3 减少操作

给出默认值,让用户少选择少操作;记住用户的上次操作,也有同样的效果。

4 减少判断和干扰

删除没必要的选项,可以减少对用户的干扰;少给一些错误提示,尤其是模态弹窗,会让用户多操作同时感觉自己做错了什么。

减少不必要的文字说明,进行视觉排版,可参照《写给大家看的设计书》的原则,亲密性、对齐、重复、对比,以后会详细介绍。

5 功能优先级排序

非核心问题或残缺功能统统砍掉,然后按产品是否满足用户最高优先级的目标进行排序。用户最终想要解决什么问题,最想解决的是什么问题。完成排序,就会进入下面三个策略。

02.组织

策略:将删除后保留的功能,划分成组,同类型功能操作在同一个位置。作者特别指出:只强调一两个最重要的主题。实现的具体方法如下。

1 分块

相同内容或功能,分到一个组织。参照上面的遥控器布局,还有就是常见的APP,比如顶部是分类、搜索,下面是内容列表。

2 分先后

按照用户先做什么后做什么,进行先后顺序的排版。

3 搜索

搜索是弥补网站或APP导航缺失的部分,导航的搜索结果可能来源很多个组织,所以一定要将组织分块完成后,再来进行设计。高级搜索,可以选择多个组织,也可仅筛选某个组织。

4 分时间和空间

比如时间轴,就是将事件按时间进行组织;再比如马蜂窝的目的地,就是按空间进行组织。

5 其他

让不规则的布局方式,变得有条理;大小和位置上做区分;上下分层,呈现立体感,借助不同颜色阴影可实现分层;详细请阅读《写给大家看的设计书》的对比和对齐。

03.隐藏

策略:将不那么重要但又需要的功能隐藏到更深的位置,减少对主流用户的干扰。比如微信,点击我的>>支付后,里面还藏着很多功能。

隐藏会给用户带来操作上的不便,所以在隐藏的时候,需要考虑用户的操作成本,做好数据采集和分析,没有太多用处的功能,可以尽早删除。

1 常用功能放在最显眼的位置,不常用功能隐藏在菜单下。

比如PS软件、Offce软件、开发软件等很多复杂软件,因为功能太多了,需要通过切换tab或则点击菜单来查找更多功能。 

2 隐藏在设置里

如果我们开发了很多功能,这些功能不是所有人都需要,但是针对不同的用户,如专家型用户,随意型用户,就需要将这些功能隐藏到设置里,设置功能开关,默认是关上的,目的是不干扰主流用户。

3 隐藏在正文里

使用微信读书或多看阅读等软件,发现不认识的字或单词,长按,可以调出字典或搜索,用来查找解释。

4 隐藏在搜索里

平时我们使用百度和谷歌仅仅使用了文本搜索框,你是否有留意过高级搜索呢?这是为专家型用户涉及的,再比如购物筛选,可以按销量、价格等因素进行复杂筛选。

04.转移

策略:将复杂的操作转移到其他地方,让它变得更加易用。看看你的手机,再看看下面图片的手机,键盘哪去了?


还有遥控器少了很多按键,各种复杂的设置、搜索等都可以转移到电视机上,通过遥控器语音或上下左右键就可以进行操作。完成转移有如下方法。

1 设备与设备之间的转移

刚刚提到的遥控器与电视机的转移,手机键盘与手机屏幕的转移。

2 桌面平台与移动平台转移

从PC时代到现在移动互联网时代,很多OA办公变为移动办公;以前你在电脑上看新闻、视频、娱乐、听音乐,现在你只需要一部手机就可以完成。

3 支付转移

以前我们出门购物,都要带上钱包;现在,好似一两月不取钱,都不紧要。

4 人与设备的转移

看看现在路面上的监控系统,各种摄像头,以前交通管理靠交警指挥,现在全靠信号灯。治安也信息化了,靠监控系统捕捉,就可以进行治安管理。

5 转移的未来

以后太多需要人类去完成的重复性的简单呢的工作,都会有机器人来完成;人的头脑会转移到程序里,程序与程序之间互相转移,机器会自己学习和进化,“人类”成了“机器”,“机器”成了“人类”。

end.总结

本书最重要的四个策略:删除、组织、隐藏、转移,可用于产品设计前的交互设计原则,也可用于产品设计后的检查复盘。无论是设计前还是设计后,目的只有一个给到用户功能最清晰、操作最简单、一看就能用、一用就喜欢。加入你在购买电视机或其他产品,也可以借鉴这里提到的四个策略,如果设计太复杂,请勿购买!另外,《简约至上》还有很多小案例和丰富的配图,建议购买纸质书阅读,他们的排版和设计也值得学习。

最后有个恳求,能说说你见到过的,简单好用的产品吗?

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

推荐阅读更多精彩内容