用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

1. 设计师如何参与一个具体的项目需求分析,了解需求,清楚我们要做一个什么样的产品,目标用户是谁,要达到什么效果,具体有什么内容、功能…然后我们开始进行设计,在草图上梳理信息架构,设计任务流程,设计界面,确认没有问题后再用专业的软件工具把设计方案呈现出来。经过设计评审后,设计师要去跟进后续的视觉、前端、开发、测试环节,确保最后的产出物和自己的设计方案一致。2. 在项目中设计师容易遇到的问题团队成员的专业能力外界因素的影响团队凝聚力3. ...

1. 设计师如何参与一个具体的项目

需求分析,了解需求,清楚我们要做一个什么样的产品,目标用户是谁,要达到什么效果,具体有什么内容、功能…

然后我们开始进行设计,在草图上梳理信息架构,设计任务流程,设计界面,确认没有问题后再用专业的软件工具把设计方案呈现出来。

经过设计评审后,设计师要去跟进后续的视觉、前端、开发、测试环节,确保最后的产出物和自己的设计方案一致。

2. 在项目中设计师容易遇到的问题

团队成员的专业能力

外界因素的影响

团队凝聚力

3. 和产品经理一起做需求分析

由于产品经理背负各种产品绩效指标,压力大,这种情况下难以避免的要站在商业/项目角度考虑问题,很难再去心平气和的考虑用户的需求。这样就难以做到商业价值与用户需求的平衡。产品经理应该在初始阶段和设计师一起合作,通过融合各自的专业方法,共同完成需求分析,这样更好的平衡商业价值和用户需求,同时也保证最好的产品产出不会过于偏离产品方向。

4.产品定位的内容:

例:专为摄影初学者使用的简单易用的修图软件。

使用人群:摄影初学者

主要功能:修图

产品特色:简单易用

产品定义的作用:迫使产品经理努力去思考产品的方向和机会,在激烈的竞争中杀出一条血路;其次产品定义为产品限定了大致范围,让团队成员不至于在千头万绪中感到无从下手、难以取舍;最后产品定义使团队成员的凝聚力更强、思想更统一,而不是各自为政。

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

5.需求文档应该包含什么内容:

文档修改与审核记录。

背景描述:为什么要做这个产品\模块、市场行情、业务目标、产品定位等。

用户类型特征:简单的描述目标用户情况或现在使用人群的情况。

项目时间安排:何时启动,何时完成等。

信息结构:这里可简单理解为内容或页面的层级。

整体业务流程说明:对于涉及较多的产品\功能,需要业务流程图,帮助设计师和项目成员理解具体的业务逻辑。

需求详细说明:每一条需求的详细说明。一个文档里会有若干条这样的说明。

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

6.如何搞定信息分类:

逻辑归类:人们生活中熟悉的分类逻辑对内容进行组织。(例如:衣服的男装女装。或者是幼儿学习课程按照年龄分类)

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

7.好的导航设计:

导航的自我解释。

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

iPhone的官网导航,左上方的网站logo告诉用户正在访问iPhone家的服务,无论什么时候点这里都能回到首页,右边的mac字体成浅灰色显示,与其他同级元素有差别,下方icon形象显示mac的产品,告诉用户整个页面信息都是属于这个分类下,banner右下方显示新款按钮。清楚的解释了“我从哪里来?”、“我现在在哪里?”、“我能去哪里?”

深广度平衡。

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

相较于鼠标不停的点击,眼睛在页面上扫视的成本要低很多,比起深层次的导航结构,广度导航更利于用户发现信息。但广度超出用户接受范围人们要阅读很多选项才能选择,如vivo家的导航广度平衡,但哇点的就有些多。

用户所需信息与商业推广信息平衡。

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

智联的推广信息就特别多了 用户有时候都在网站上找不到输入框。

为重要功能和常用功能设置快捷入口。

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

淘宝的购物车设置的快捷入口。

8.如何突出主要任务?

分解用户任务:首先要明确用户使用web产品时,要完成的任务有哪些,并详尽地分解出这些任务;

排列任务优先级:子任务所对应功能的优先级进行排列。

组织合并相关任务:需要将这些任务按一定的意义组织起来,便于用户理解和使用。

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

图一购票任务分解:选影片、电影院、观影时间、座位、输入手机号、确认订单。

图二任务优先级:浏览影片详情、评论详情,观看地预告片优先级最低

图三组织任务:将内容组织后得到8个视图界面:浏览影片列表、票房排行,优惠推荐、影片简介,详情、观看预告片、选区域,影院,日期,场次、选座、输入手机号、确认购票。我们图五可按优先级分成三个页面,列表页、详情页、选座页。

9.如何引导用户完成任务:

相似性引导:如果大小,颜色,形态,视觉元素等因素相似,那么这些相似的因素可以牵引着用户的视觉。

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

方向性引导:对于操作步骤较多的任务,可以利用具有指向性的箭头,进行方向性引导。

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

运动元素引导。加入购物袋利用运动元素引导用户去购物车结算,垃圾桶盖揭起引导用户点击删除。

向导控件。

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

10.如何简化复杂的操作?

减少冗余步骤和干扰项。

将复杂操作转移给系统。

简化操作方式。

优化操作过程。

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

闹钟的设置,直接在界面上上下滑动选择,减少跳转页面与输入步骤  界面大量留白 减少干扰项。

qq邮箱的邮箱号可在输入一次后自动存储。将复杂的操作转移给系统处理。

Pages的内容选择后可右键弹出用百度搜索,不用再复制粘贴打开浏览器,简化操作方式。

百度的注册,清晰准确的提醒、合适的选项、适时的帮助、合理的默认值,可帮助用户降低出错率。

11.信息量太大,页面怎么摆?

让页面层次不言而喻;(分解-排列-组织)

让重点信息跳出来;

将次要信息藏起来;网易的模块与模块,段落与段落,标题与正文之间划分高度,使整个页面之间层更架清晰,合理。

qq的邮箱界而,对用户来说,未读邮件是需要被首先看到的,所以字体加粗显示,而己读的弱化显示,采用了较弱的黑灰色。

ui中国将次要信息放在更多的下拉列表隐藏起来。减少了复杂信息对用户的干扰。

12.捕获用户的芳心:

拟物化的视觉;

隐喻化操作;

可控的感受;

积极的反馈;

贴心的提醒;

互动的乐趣;

惊喜的力量;

情境的烘托。

13.标准原型应该包含什么内容:

简要说明与信息结构;

任务流程与页面流程;

线框图&交互说明;交互说明有以下几种类型:限制:包含范围值、极限值等。范围值主要指数据的取值范围。极限值主要指数据的显示限制。

  状态:包含默认状态、常见状态、特殊状态等;

  操作:包含常见操作、特殊操作、误操作、手势操作等;

  反馈:用户操作后得到的反馈动作,包含提示、跳转、动画等。

14.线框图绘制心得:

通过明暗对比表达;

不使用截图和颜色;

合理的布局;

遵守栅格规范;

标记第一屏高度;

表达清楚ui逻辑;

考虑视觉实现后的效果;

了解视觉趋势。

15.写交互说明的决窍:

尽量使用真实、符合逻辑的数据内容;

不遗漏特殊状态的描述;

避免过长的说明;

关于重复出现的模块,可独立出来取个名字。

如原型有修改不要口头沟通,而要更新交互说明并告知大家。

16.关于设计规范。(规范不是随产品的形成而形成的,而是在产品逐渐成熟、发展的过程中慢慢建立起来的。

 设计规范是对设计的具体细节、技术要求,是设计工作的规则和界限,是一种模板化应用的方法……(包含交互规范、色彩规范、logo规范、ui图标规范、控件规范……)

17.设计评审的目的:

检验目标 :在项目初期的需求分析阶段,产品人员和设计人员就已经一起分析出了产品定位或设计目标。

发现问题:设计评审集中了项目且中的各个角色,可以及时发现问题与风险。

达成共识:设设评审需要让项目成员达成共识,这样才能顺利进入下一个环节,为下一个流程分配任务。

18.评审前的充足准备:

事先考虑所有可能的方案。

准备各种设计依据。(用户调研结果、支撑数据、竞品分析、设计实施前制定的目标)

做好会议邀请工作。(真正开始会议前,要昼保证设计方案已经通过产品经理及最主要的项目成员认可,至少要保证大方向是对的。正式的邀请邮件。告知会议时间、地点、陈述自己设计理念、参考哪些数据资料、设定每个环节时间。)

19.如何审核视觉稿?

对交互稿理解是否正确;

拒绝毫无发挥的视觉设计;

关注视觉层次是否清晰;

关注交互细节和状态标;

在审美方面不要过分干涉。

20.开发阶段,设计师该做些什么?

勤于沟通;(设计阶段,了解是否会有技术难点,设计完成后,当面沟通设计要点,开发阶段,持续跟进、解答问题。)

统一的规范和标准;(进行标和规范整理,与前端彩用相同规范和标准,如行高是文字高度+上下空隙高度。)

设计走查;(在前端和后台开发完成后,确认环节是必不可少的,不经过确认和走查就上线的产品,可能会在细节上存在疏漏)

21.什么是可用性测试?(定性分析)

简单地说,就是通过观察用户使用产品,发现产品中存在的问题的一种方法。

可用性测试流程:设计任务——招募用户——进行测试——分析问题

设计测试任务该注意什么?

给出使用目标,而不是直接操作;

尽量选择最重要、最频繁的任务进行测试;(时间控制在1小时内,5~8个功能点,简易可用性测试时间更短)

符合正常的操作流程。

测试用户的选择:

选择有代表性的用户;

用户数量的选择;(有调查表明,5名左右用户可以发现大约85%问题,随着用户数量增多,发现新问题会逐渐减少。小功能3~5名用户,新产品、较大、重要功能5~10名用户。)

测试过程中的注意事项:

切忌引导性过强;

操作行为永远是重点;

不要忽视现场反映;

考虑使用场景;

感谢被测者,并给予一定报酬。

问题的分析与改进:可用性测试(定性分析):样本量小,结果未必完全可靠,但可以了解到用户想法。

A/B测试(定量分析):样本量大,结果较为客观,但很难直接通过数据了解到背后原因。

22.设定衡量标准:根据产品灵活考虑,一般由产品经理根据产品要求确定,从产品目标角度出发,将PV、UV、点击量、转化率、跳出率、二次返回率等。电子商务类网站,也可以考虑下单数、支付数、支付金额等。

始发于简书:阿萌是个大清新

用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

 用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36698/

(0)
交互精选交互精选
上一篇 2018-04-25
下一篇 2018-04-25

相关推荐

  • 【UXRen原创】一款金融股单APP的设计之路

    作者: 股单小分队 @ 国信证券的产品设计中心   一、交互设计的那些事 许多朋友问我:你大学学的专业不是工业设计吗?都是做产品造型的呀,现在怎么跑去证券公司做交互了? 相信许多做交互设计的朋友和都会遇到这样…

    交互专题 2017-08-07
  • 我们深挖的那些设计小惊喜 【UXRen译#151】

    作者: Cosima Mielke |  翻译:Sherry ,校审:佳歧 & Teenie     CodePen网站已成为开发者的游乐场。那是一个你可以驰骋想象、开发创造的沙盘。里面既有实践的东西,也有实验性的概念——是个激发灵感的宝库。…

    交互专题 2017-08-07
  • 微信的扫码和摇一摇,给老美好好上了一堂创新课 【UXRen译#150】

    作者: YUNNUO CHENG & RALUCA BUDIU @NNGroup |  翻译:张维钢、朱玲 ,校审:Junliang   摘要:与美国相比,在中国扫描二维码和摇一摇成为了有效沟通线上线下的交流方式,并且应用广泛。   图为中国“绝味鸭脖…

    交互专题 2017-08-07
  • 如何在页面上减少用户操作

    作者:柒0   最近有同事在公司反馈:“有用户说xx流程、xx流程太繁琐了。”产品经理反驳:“怎么可能,我已经对标过业内很多体验很好的app,流程上的步骤我敢保证我们绝对不比别人多。” 作为“好事”的交互,我决定走查…

    交互专题 2017-08-07
  • 2018 阿里UCAN设计论坛会议纪要

    阿里UCAN设计论坛会议纪要 1.开幕词—张建锋 阿里巴巴首席技术官 1.1 UED的关键词 用户体验背景下ued未来的两个关键词是创意与智能。从产品的角度来说是与用户的交互和视觉表达,依赖于三个部分: 第一,信息架构的…

    交互专题 2018-04-24
  • 交互设计师的60日计划之第八天

    今天仍然在处理上周五的需求。参与讨论的人越多,战线就拖得越长。不过讨论虽然效率低,却能出现各种各样的想法和方案,不靠谱的,靠谱的。 2015/08/04 与老大谈话所得题目起的有点大,不过这是今天老大和我讲的主…

    交互专题 2015-08-20
  • 【译文】来看看糟糕的用户体验如何毁掉一个设计

    作者:JAKE ROCHELEAU;译者:岩盐盐盐   谷歌团队近几年的数据研究表明,用户体验的重要性在网页设计中越来越突出。然而现在还是还有好多网站采用中心提示用来阻碍网站的可用性,它们有些疏忽导致,有些确实故意为…

    交互专题 2023-03-03
  • 13毫米:触屏按钮的完美尺寸【UXRen译#170】

    作者:Scott Hurff   |  翻译:taitai,校审:天蛙   有种感觉你无以言表但却了然于心——当你在触屏上不能正确操作时,当你不得不小心翼翼地点屏幕上的一个小按钮来触发某个指令时,那种挫败混杂着气恼的滋味。 但假…

    交互专题 2017-08-07
  • 腾讯MXD:资讯app为什么都长一个样?

    作者: Celine Wang@腾讯MXD   打开手机,国内的资讯 app 除了品牌 logo 外,几乎都长一个样。就如你敲开不同的门,发现房间不光装修风格一样,还住着品味雷同的主人。是什么造就了它们? 资讯产品的本质是连接内容…

    交互专题 2023-03-03
  • 交互设计师的60日计划第十四天

    精神状态不好,效率略低。 20150812 门槛越高,交互设计师越难被替代 to b的产品相对to c的产品来说,门槛会高很多。做to b产品的交互设计师要了解许多复杂的背景知识,了解完全不熟悉的用户群体,才能开始着手做设…

    交互专题 2015-08-20