破蚕成蝶——用户体验设计师的成长之路

最近在工作空闲时间看完了破蚕成蝶这本书,如果从这边书的定义来看,我现在在公司的职位是一名交互设计师而非产品经理,其实我从内心是认可这样自我角色的转变的。除了对于角色的认知外,慢慢的还形成了2个结构化思维方式,让我在考虑任何产品时都能从这两个方面来思考产品,第一:出现一个问题  >> 需要为什么人解决这个问题 >> 如何解决 >> 如何增加趣味性;第二:什么样的人在什么情况下使用什么样的产品完成了什么样的事情。其实这两个说的是同一个事情——人,场景,功能,需求间的相互关系,只是第一个更加偏向于解决具体的事情,而后者更能把握产品的大方向。接下来具体讲一下人和需求。

(一)用户

(1)如何看待用户

1.用户说的不一定是心中所想的(真实使用时,做决定时,询问时)

2.用户没有表达出自己的真是需求(用户表达是直观的而需求是隐藏的)

3.该用户是不是你的目标用户

4.用户意见不一定专业

(2)看待用户:

1.根据目标用户考虑(提出要求的用户是你的目标用户么:)

2.根据使用场景考虑(发生在什么场景?合乎实际的使用情况么:)

3.根据目标用户目标(真实需求)考虑(用户表达出自己的真实需求了么?)

4.根据产品定位考虑(用户提出的要求符合产品的定位么?)

5.根据项目资源考虑(这个要求需要多少资源?价值多大?立即开发么?)

(二)需求

(1)需求来源:用户调研;用户反馈;竞品分析;产品数据。

(2)需求处理:

1.筛掉明显不合理的需求(目前不可实现,价值不大,无适合场景)

2.挖掘用户目标(用户真实需求是什么)

3.匹配产品定位(目标用户,主要功能,产品特色)

4.考虑项目资源/定义优先级(实现成本,商业价值,用户价值)

从结构化思维考虑产品后,具体到工作当中,根据每个人所处的公司环境及团队在实施的工程中还是会发生变化,总体来说无外乎会面临三种情况:理想状态;现实状态;竞品状态,具体如下:

(2)理想的需求分析过程:

1.产品定位(目标用户,功能范围,产品特色);

2.需求采集(用户调研,竞品分析,用户反馈,产品数据);

3.需求文档(功能,内容,优先级);

(二)现实的需求分析过程:

1.需求文档(领导要求,看竞品,拍脑门);

2.设计目标(用户调研,竞品分析,用户反馈,产品数据);

3.设计需求(功能,内容,优先级);

(3)“抄袭”竞品的需求分析过程

1.竞品界面(界面样式,操作路径,任务流程,用户需求);

2.设计目标(用户调研,竞品分析,用户反馈,产品数据);

3.设计需求(功能,内容,优先级)。

从用户到需求,这个阶段我们对于要解决什么要的问题,用什么样的产品来解决这个问题已经想的很清楚了,产品的定位自然就出来,具体来说包括两个方面,一方面:产品定义(适用人群;主要功能,产品特色);另一方面:用户需求(目标用户;使用场景;用户目标)。这样对产品就有了一个宏观上的把握,接下来就要谈谈产品从宏观到微观,从抽象到具体的产品设计过程。

(三)设计草图

从需求到界面还隔着一扇门,而这扇门是信息的组织和任务的设定,在完成导航设计,大概的草图就出来了。

(1)信息组织:(逻辑归类、卡片分类)信息架构是导航设计的基础。

(2)导航设计:涉及到用户习惯和产品逻辑,要在这两者之间找到一种平衡。(导航的自我解释、深广度的平衡,用户所示信息与商业推广信息的平衡、为主要功能和常用功能设置快捷入口)

(3)设计任务:(任务流程图>页面流程图>页面交互、分解用户任务、排列任务优先级、组织合并相关任务)

(4)引导用户完成任务(相似性引导、方向性引导、运动元素引导、向导控件)

(四)设计友好易用的界面

(1)如何简化复杂的操作(减少冗余步骤和干扰项、将复杂操作转移给系统、简化操作方式、优化操作过程);

(2)信息量太大,页面怎么摆(让页面层次不言而喻:逻辑相关的在视觉上分为一组、内容或重要程度不同的在视觉上体现出差距、逻辑上包含关系在设觉上进行嵌套;让重要信息“逃出来”,将次要信息“藏起来”);

(3)理性的规划和感性的界面(以人为本的界面设计、帮助用户找到想要的东西、吸引无目标用户、符合用户的心里模型)

(4)捕获用户的芳心(拟物化的视觉、隐喻化的操作、可控的感受、积极的反馈、贴心的提醒、互动的乐趣、惊喜的力量、情景的烘托)

(5)快速表达想法纸面原型

(五)好的设计需要表达——原型

(1)标准的原型应该包含什么内容(1.变更日志、版本说明、信息架构;2.任务流程与页面流程;3.线框图和交互说明)

(2)画线框图(1.通过明暗对比表达;2.不使用截图与颜色;3.合理的布局;4.遵守栅格规范;5.标记第一屏高度;6.表达情况UI逻辑;7.考虑视觉实现后的效果;8.了解视觉趋势)

(3)重点说一下交互说明:(1.尽量使用真实、符合逻辑的数据内容;2.不遗漏特殊状态的描述;3.避免过长的说明;4.避免流水账式的说明:流程图代替文字说明、用表格罗列各种状态、巧妙组织文字说明、制造动态效果;5.关于重复出现的模块;6.如原型有修改,不要口头沟通,而要更新交互说明并告知大家)

1.限制(范围值:数据的取值范围;极限值:数据显示的限制);

2.状态(默认状态,常见状态,特殊状态);

3.操作(常见操作,特殊操作,误操作,手势操作:点击,滑动,拖动,放大,缩小,长按,双击,横扫,摇晃);

4.反馈(提示,跳转,动画)

5.交互说明例子:

if 在订单确定满足一下条件,返回到购物车页面(该页面显示变动的信息)

case1:库存下降,切少于用户的股买量

case2:价格变动

case3:case1&case2

else:跳转到订单成功界面

(4)关于设计规范

在下面几种情况下可能会考虑制定设计规范:1.大型且重要的产品;2.产品结构、页面类型、UI组件相对较单一;3.项目人手充足、时间较充裕;4.品牌风格、主题风格已确定完毕,品牌备忘和梳理势在必行;5.产品线日益丰富,后续设计一致性和可循环的要求被提高;6.产品结构壮大、新人不断涌入,沟通和执行效率有待提高。

分类:

1.纵向考虑:交互规范和视觉规范

2.横向考虑:产品战略级方向的大规范和单个项目中的设计小规范。

(六)项目跟进

(1)原型设计评审(1.设计评审的目的:检验目标、发现问题、达成共识;2.评审前的充足准备:事先考虑所有可能的方案、准备各种设计依据、做好会议邀请工作;3.如何在评审中掌握主权:主导流程——明确设计方向>阐述设计分析>展示设计方案>引导讨论、提高效率,控制话题、区分和收集有价值的反馈意见;4.评审后的分析与跟进)

(2)视觉稿设计评审(1.对交互稿理解是否正确;2.拒绝毫无发挥的视觉设计;3.关注视觉层次是否足够清晰;4.关注交互细节和状态标注;5.在审美方面不要过分干涉)

(3)开发阶段注意事项(1.勤于沟通;2.统一的规范和标注;3.设计走查)

(七)成果检验

(1)上线前(可用性测试,A/B测试)

1.可用性测试(设计任务>招募用户>进行测试>分析问题):定性分析,样本量少,结果未必可靠,可以了解用户的想法。

2.A/B测试(1.设定衡量标准;2.对同一个用户呈现相同的页面;3.保证两个版本同时测试;4.单一变量 ):样本量大,结构客观,不过很难直接通过数据了解背后的原因。

(2)上线后(产品反馈,用户数据)。

(八)自我修炼

1.需求变动多;

2.过于主观;

3.过于关注细节;

4.不能合理安排时间;

5.不负责任;

6.过于强调自己的主导地位。

交互设计师谨记:

1.不懂得平衡

2.定位局限

3.抱怨多,建设性意见少

4.视野狭窄

5.专业技能不强

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

推荐阅读更多精彩内容