关于设计流程和方法的总结

这算是我的第一篇博文。近一周来因为毕设的原因,我不得不又停下来梳理一遍交互设计的流程。其实在清华美院这一两年的时间,耳濡目染了很多设计流程和方法。但是我始终觉得这些方法是零碎的,少了一根把他们串起来的主线,用起来总有种找不着线头很混乱的感觉。

美院用的是斯坦福设计学院的设计思维流程是“emphasize、define、ideate、prototype、test”;最经典的交互设计精髓这本书里的设计流程是“研究、建模、需求定义、设计框架、设计细化和支持”;而在尤文文的知乎回答里,他的观点是由于设计不是完全理性和可工程化的,所以设计流程是不可控的,但思考维度是可以按照下图的用户体验五要素的框架进行的。这三种框架都是业界非常经典的。


但是在我真的做具体项目的时候,我发现这些框架因为太概念和抽象在具体操作上的指导意义不大,于是我又去看了工业界的交互设计流程,试图获得实际的可操作的方法。网易云课堂的交互设计微专业提供的设计流程是“设计需求分析、信息架构和流程设计、页面布局、测试和评估”(注意这个课程实际上只针对结构层和框架层);而破茧成蝶中提供的设计流程则是如图所示:


网易的这两个设计流程是非常有操作性质的流程。于是,在总结完这几个设计流程后,我开始了毕业作品的设计。可是,由于这些流程和方法有很多细微区别,我在设计的过程中经常会陷入一种受方法论束缚而不知所措的状态,导致进度缓慢。由于我的纠结性格,我不得不在传统流程的基础上重新总结一套,适合自己的可操作性的设计流程和方法。不然这进度要跪了!!~ T T

1、战略层:产品定位(使用人群、主要功能、产品特色)和 用户需求(目标用户、使用场景、用户目标)-> 采集需求的方法(用户调研、竞品分析、用户反馈、产品数据)

2、范围层:产品功能和优先级(基本型需求、期望型需求、兴奋型需求)

3、结构层:任务流程(用户场景、接触点)、信息架构(卡片分类)

4、框架层:交互界面(设计原则)

5、表现层:视觉设计

(用户场景在需求定义和任务流程的地方都用上了,也就是说不管是产品还是交互,用户场景都很重要。有时为了完成流程设计,甚至需要构思的用户场景有多个。同时,在页面的设计过程中,任务流程和信息架构也是反复使用的方法。之前一直在这儿很混乱 = =)


交互设计的定义—— 设计用户行为(Action )使产品好用。交互发生在人和产品之间,所以作为一名交互设计师,需要基于对人的了解(人因学、设计心理学)和对产品平台的了解(平台规范)来进行设计。

在设计的过程中,以Krug可用性第一定律“Don't make me think”为原则—— 让每一个页面都不言而喻,至少能自我解释;记住用户是扫描不是阅读,通过视觉层次来突出重点、降低干扰—— 以简约至上里的“组织需要提供的,隐藏非核心的,转移需要重新布局的,删除不必要的”为方法。

设计过程中需要用到一些人因学的定律: Fitts’ Law / 菲茨定律、Hick’s Law / 希克法则、神奇数字 7±2 法则、格式塔原理、隐喻等。


设计方案可通过三个维度来衡量:有用性Utility(满足需求)、可用性Usability(用户易于理解、学习、使用无障碍),而吸引力则是加分项(情感化设计)。

其中,可用性由尼尔森定义为五个部分:(https://www.nngroup.com/articles/usability-101-introduction-to-usability/

Usability is aquality attributethat assesses how easy user interfaces are to use. The word "usability" also refers to methods for improving ease-of-use during the design process.Usability is defined by5 quality components:

Learnability: How easy is it for users to accomplish basic tasks the first time they encounter the design?

Efficiency: Once users have learned the design, how quickly can they perform tasks?

Memorability: When users return to the design after a period of not using it, how easily can they reestablish proficiency?

Errors: How manyerrorsdo users make, how severe are these errors, and how easily can they recover from the errors?

Satisfaction: How pleasant is it to use the design?

往往需要通过用户测试来评估可用性。设计原则和用户测试也需要贯穿整个设计过程。

There are many methods for studying usability, but the most basic and useful isuser testing, which has 3 components:

Get hold of somerepresentative users, such as customers for an ecommerce site or employees for an intranet (in the latter case, they should work outside your department).

Ask the users to performrepresentative taskswith the design.

Observe what the users do, where they succeed, and where they have difficulties with the user interface. Shut up andlet the users do the talking.

Jakob Nielsen's 10 general principles for interaction design(启发式评估原则)

苹果的官方设计原则为:美学完整性、一致性、直接操作、反馈、隐喻、用户控制。

整理各种来源的设计原则,可归纳交互设计原则为:Learnability易学、Accessibility易用、Consistency一致性、Errors防错容错、Reaction反馈、Help帮助。

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

推荐阅读更多精彩内容