经验之谈:如何思考和审查你的设计?

怎么才算一个好的交互设计?

空泛地回答,可以说满足用户行为需求的设计就是一个好的设计;更具体地可以说,就是符合可用性原则的设计,即易用,易学,高效,容错等等。当然这些答案都是正确的,但是前者由于太抽象,以至于并不能运用于设计实践当中,而后者却是提出了一大堆原则和概念,并不是一套严密的逻辑,这种思维是松散的,难免出现漏洞。

要回答这个问题,可以先把交互设计分几个层次。众所周知,用户体验可分为五要素:战略层、范围层、结构层、框架层、表现层。而交互设计则横跨了用户体验的后三层,即结构层、框架层和表现层。


在结构层的交互设计

由于更加接近范围层,其思考的出发点往往会更多地考虑业务上的东西。而事实上,也是有了。产品的结构往往会因一个新的功能上线而改变,而改变的原因往往是来自业务上的需求,而非用户需求。而好的交互设计就是在业务逻辑不会畸变的前提下尽可能地为用户的行为逻辑争取话语权,比如微信的朋友圈广告就比那种在启动页打广告的方法高明得多。由于这层面的交互设计与业务需求息息相关,脱离具体产品再细致地定义好的交互与不好的就是耍流氓,所以只能点到即止。感兴趣的朋友可以翻阅我之前的文章,有针对具体的产品的分析。

在框架层的交互设计

这部分的交互设计对应到设计流程上就是界面原型设计,也是职场上大多数交互设计师的主要工作任务。笔者更具自身经验,总结了以下四点去衡量设计的好坏:信息的可寻性、状态的完备性、操作的便捷性和逻辑的合理性。

1.信息的可寻性

信息的可寻性就是在界面上应给呈现出用户想要的信息。比如一个打车软件,我需要始发地、目的地、耗时、价钱等信息,缺少任何一个信息打车流程都可能无法继续。我们必须回答这些问题:用户可能需要什么信息?这些信息的特征是什么,重要的?必要的?首要的?我应该保留还是舍弃这些信息?难点就在于,有很多信息都不是非黑即白的逻辑,存在着很多无棱两可的情况,其次,设计者可能完全没有考虑到用户需要信息的情况。这也是我将要说的第二点,状态的完备性。

2.状态的完备性

状态的是否完备最能体现设计是否严密,也是最容易被人忽略的环节。一般来说,状态可以分为三种:内容(即信息)的状态、外部环境的状态、用户的状态。

2.1内容的状态

内容的状态可分为:空白状态、初始状态、加载中、一般状态、极限状态、成功状态、错误状态、完成状态。一般来说原型设计都需要考虑这些状态,当然不同的应用也存在着一些比较特殊的状态,比如聊天应用的高亮状态等等。而这通常与任务流程紧密相连,一般都是优先考虑。

2.2外部环境的状态

外部环境的状态,其实就是指用户所处的环境的特征。以一个音乐APP为例,用户经常在车上听歌,于是就有了车载模式;用户经常在深夜听歌,于是就与了夜间模式;用户在大多情况下都不能使用WiFi,所以就有了离线模式。正因为对用户所在的各种环境有着正确的理解,才能使用户听歌的体验无缝连接。

2.3用户的状态

用户的状态非常多样,包括心理、生理、行为、情绪等等而且与外部环境息息相关。要预判到用户的状态是一件极其困难的事情。尽管如此,也不能放弃对其的思考。比如再以音乐APP为例,通过定位和时间,检测到用户在一个法定节假日内出了一次远门,可以预判他在旅游,就可以推送一些欢快的适合旅行的音乐给他,尽管概率不高,但一旦击中便有情感倍增的效果。(当然,这已经是范围层的内容。)

而由于时间资源是有限的,对于一个初次诞生的产品来说不能完整地考虑到每种状态是非常正常的事情。这时候就需要设计者权衡状态的优先级,这也是一门考功夫的事情。而随着产品的迭代,各种状态也应该被逐步完善,将用户体验贯彻到每一个细节上。

3.操作的便捷性

操作的便捷性其实就是指产品的可用性。这部分的方法和原则都非常常见,比如尼尔森的十大可用性原则(一致、高效、易取、可见……)、唐诺曼所提出的化繁为简七原则,交互设计的七大定律(菲兹定律、7±2定律……),交互设计四策略(删除、组合、转移、隐藏)等等。而我们要做的不是刻板得遵循这些原则,而是结合具体情况合理分析,这也是我想说的第四点。

4.逻辑的合理性

逻辑的合理性是贯穿于以上三点的,它是一个设计能否成立的根本立足点。而逻辑建立的前提是充足的客观事实,也就是设计调研。通过调研达到用户需求的洞察,建立起一套自洽的逻辑体系,进而能作为设计的依据。例如,以音乐APP为例,用户经常在车上听歌,然而车上的环境与平时的环境是不一样的(用户注意力不在手机上、用户不能方便操作手机……),因此要为这一状态做一个新的设计。在信息的可寻性上,为了让用户专注驾驶,信息要尽量地缩减,剩下最基本的歌名、开始/暂停、上一首、下一首。而在操作的便捷性上,为了让用户更方便操作,按钮会做得更大,同时为了让用户的视线不切换到手机上,增加了非触屏的操作(摇一摇切歌)。

在表现层的交互设计

在表现层上,主要是视觉设计的活。而交互设计主要是负责信息的可达性。可寻性决定了信息的有无,而可达性决定了信息的效率。这就涉及了界面的布局、顺序、层次等。如何让重要的信息一眼就发现?如何表示信息间的关系?如何引导用户的阅读顺序?我们可以利用一些心理原理,如格式塔原理来辅助设计。


写在最后

相信以上内容大家都曾经看过或听过,而笔者只是将其结构化地表达出来,作为思考框架。在设计实践中,笔者经常以这框架去思考和审查设计稿,不仅还能让设计思路更加清晰,可以弥补设计漏洞和逻辑错误。

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

推荐阅读更多精彩内容