设计和记录用户体验的细节

设计和记录用户体验的细节体验设计是产品开发过程中一个复杂、多用途、耗时的阶段。组织良好的流程通过减少误解使结果可预测来减轻团队压力,在本文中,我希望着重将主流方法映射到实际项目中,并且将可交付的成果归总在一起。阶段1: 构想这个阶段的目标是弄清楚客户的业务如何运作以及产品目标是什么。低保真原型是一种工具,它可以帮助你与利益相关方确认产品的心智模型,并讨论设计方法,在这一点上,我们正在寻找一个关于“我们正在建设什么东西?”问题的答案。附注...

设计和记录用户体验的细节

体验设计是产品开发过程中一个复杂、多用途、耗时的阶段。组织良好的流程通过减少误解使结果可预测来减轻团队压力,在本文中,我希望着重将主流方法映射到实际项目中,并且将可交付的成果归总在一起。

阶段1: 构想

这个阶段的目标是弄清楚客户的业务如何运作以及产品目标是什么。低保真原型是一种工具,它可以帮助你与利益相关方确认产品的心智模型,并讨论设计方法,在这一点上,我们正在寻找一个关于“我们正在建设什么东西?”问题的答案。

附注:我喜欢“我们在建什么”的措辞比“我们解决什么问题”更好,它更广泛,因为它涵盖了我们继续进行现有的项目,或者旨在将用户体验从优秀到卓越的案例。但是如果你打算从头开始一个项目,或者队这个话题感兴趣,我建议你看看斯坦福大学的Need Finding Tools和学习The Google Venture research sprint

交付

· 业务流程图

在深入研究之前,绘制一幅全景图非常重要,应关注流程而不是特定功能,此外,此图可以帮助开发人员之后设计软件架构。我建议使用简化的BPMN或者类似的方法。不要把它弄的太复杂:制作流程图的唯一原因是让你的同事和你自己有时间“阅读”流程,而不是让客户或者管理层看你的厉害。

设计和记录用户体验的细节

· 低保真原型

这个交付品的唯一目的是说明我们对特定产品的设计方法,此时,我们需要做的就是阐明中心场景的导航并定义设计模式(例如,向导、卡片集、所见即所得的编辑器)

设计和记录用户体验的细节

常见的陷阱

这个阶段通常会因为以下三个原因,使得这个阶段压缩到最短时限甚至直接被忽略

1.错误的印象是每个人都明白一切,因为他们说他们做了。

2.从某些角度来看,伴随这个阶段的工作环境可能有点搞笑,因为环境中可能到处充满了小纸条和手绘的按钮

3.有人可能会认为这一步将会非常耗时,尤其是我们制作业务流程图的部分,而更有意义的是立即开始绘制页面。

另一个问题是设计师有时会被他们的想法冲昏头脑。他们倾向于深入研究细节,而不是专注于大局

通常建议的手绘风格也可能令人眼花缭乱:人们通常会将高保真原型与低保真原型混为一谈,我们可以轻松的用UI组件来替换纸质模型,最初,纸质原型设计是为了让设计人员节省一些“机器时间”。当是没有太多的指定元件,因此用计算机迭代需要花费很多时间,现在我们有很多应用程序和UI组件(Google和Apple提供这些资源)从一个页面到另一个页面的粘粘比用铅笔绘制控件要快的多,请相信我-我是一个训练有素的艺术家。

设计和记录用户体验的细节

相比之下的保真度

阶段2: 原型

在这个阶段,我们的目标是全面考虑界面的各个方面,并为视觉和开发汇集完整的文档。

共同原则

·为使用者保留明显的导航:确保他们完全了解目前的位置以及接下来会发生什么

·根据制作移送应用程序时的平台指南进行设计。如果你这样做,你就有理由去打破它们。为将来的讨论提供理由

·如果没有必要,不要发明新的控件跟模式,尽可能使用最常用的控件和模式

·使用真实或真实的数据,包括姓名、文本和图片。但不要使用知名人的名字,冒犯性或者模糊不清的内容 尽可能保持中立;

·考虑屏幕不同分辨率的内容及系统的不同状态

·注意移动设备的键盘设计输入,并在设计中留出足够的空间,使用数字键盘输入数字字段。

项目文件

首先我想就这个问题表达意见:线框的最终用户是您的同行,工程师或管理者,确保文档对他是实用的。

设计和记录用户体验的细节

方可的流程注释界面

·请记住,线框本身不是给自己看的交付物。这是一个将你的想法传达给团队的图片,使用文本注释,引用链接等。

·保持结构:有意义的排列界面确保它们反映业务流程,避免将所有页面放在一个页面上;这样会让工程师来回滚动图片

·将标准规则放置到指定页面上,而不是隐藏在线框内,列如,如果你有工具提示,请注意它们是如何工作的,并将文件与UI副本链接,而不是将它们绘制到任何位置。

设计和记录用户体验的细节

适用于整个系统的规则页面

·交互式原型对演示很有用,但在大多数情况下,它们还不足以用来开发,它需要额外的努力来点击整个事情并创建产品如何工作的心理模型,不要让工程师的工作比平时更难。不要将交付物限制为交互式原型。

文件清单

每个人都会犯错,最有经验的设计师也在做不同的工作,这是一个简短的清单,是在帮助你在进一步传递基本级别之前对您的可交付成果进行故障排除

这是用于帮助你的UX清单,一旦你下载它,复选框将是交互式的。

常见陷阱

·”人们不会读“

真的,但人们也喜欢自己做自己的工作,每次工程师没有得到你的设计时,他们都会要求你说明,然后等待回应,写下来,最后建立,否则,他们会冒险误读线框并构建错误的东西,这意味这你要让工程师负责记录你的解决方案。

还有一件事:如果答案可以在注释中找到,没有人问我一个问题,毕竟我想我们不应该低估工程师的努力。开发者甚至纠正了我的拼写一次。

·“这是显而易见的”和“它是默认行为”

这是事情:做为设计师,我们倾向于比其他人更喜欢某些解决方案,因为从测量性能到个人品味的广泛原因。没关系:问两位杰出的专家-很有可能你会得到不同的答案,这意味着我们认为最好的做法是从工程师角度出发的数十亿种模式之一。

即使原生的IOS和Android应用程序是定制设计的,因此在Android应用程序中设计日历功能时,你不能“将其设置成默认设置”因为你猜是什么相当于没有日历这个东西。你可以复制一个本地应用程序(顺便说一下)但是你应该提醒开发者不要期望他们从上下文中获取任何东西。

·我们没有时间做这件事

我们都在一个创造性快节奏的环境工作,时间是缺乏资源,但事实是,你将花时间以任何方式评论你的设计。你有两个选择。首先:你计划提前一些时间进行注释,并准备好文档。第二:每当开发人员需要确认时,你都会口头解释,在第二种情况下,你会反复分散目前任务的精力。

此外,你不能充分估计完成项目所需的时间,因为它没有一个明确的结束,因此,你可能会低估完成下一个项目所需的时间,因此未能达到最终期限,此外,在几个月内理解未注释的项目几乎是不可能的。

验证

说到验证,你有一些选择

·同行评议

快速获得反馈的最简单方法是你向你的同事请教。上面第二种观点可能会派上用处,而且你也会发现为什么要展示你的设计调整。但是,你的同伴可能和你有相同的认知偏见,所以他们可能很难找到概念上的问题。

·技术可行性评估

这种评估主要目标是为了确保你的设计适合开发,而且, 你也可以从工程师的反馈中受益,因为他们从另一个角度看待项目,另外,如果你错过了重要的事情,他们很可能会提醒你。

·可用性研究

方法因人而异,具体取决于感兴趣的问题,你可以做的既劣质又脏,也可以做的慢而彻底,但不管你有什么样的方法,只要你提出正确的问题,你就会发现自己的见解。我将在下一篇文章中讲述我个人用户体验研究但经验,同时,你可以阅读 Nielsen Norman Group.

结论

牛津词典将经验定义为“发生在你身上的事情,它会影响你的感受”这就是为什么UX设计不仅仅是排序页面和控制布局的原因。如果你的团队没有专业的用户体验师-你就是体验师;若果你们没有研究人员-你就是唯一的研究人员。作为一个有经验的创造者,给用户带来是痛苦、不适,清楚还是有权了解完全取决你的能力。

拥有巨大的权力会带来巨大的责任

     

作者:RuiJ_
链接:https://www.jianshu.com/p/34805e89fb54

·End·

微交互 ∣细节设计成就卓越产品

设计和记录用户体验的细节

设计和记录用户体验的细节

长按,识别二维码,加关注

分享文章,让更多的人知道微交互

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

(0)
交互精选交互精选
上一篇 2018-03-31
下一篇 2018-03-31

相关推荐

  • 交互设计在商业中的价值

    转载自“创设空间”:chuangshe_space简书链接:http://www.jianshu.com/p/d0b5baa600d2作者:Mr汤进er一、前话问题:一句话概括你理解的交互设计是什么?部分回复摘录:@哎呀,我擦~:大概就是通过使用者的某些动作才能激发出的产品或包装的第二功能吧。@捉急的小慢~~O~~:界面设计,形式和功能相融而令人愉悦的互动。@lcy:信息的输入,输出的过程。从大家对于这个问题的回复,不难看出,不同人对于...

    2018-03-05
  • 干货|关于用户体验,你想知道的都在这里

    昨天,高高老师邀请了北师大本部三位学长学姐分享了心理学用户体验的相关知识以及职业发展的经验。三位主讲者分别是:如如学姐、喵喵学姐、大洲学长,都来自北师珠12级应用心理学系。问:用户体验(UX)到底是什么?答:其实行业内并没有统一说法,我觉得它作为一个动词来说可以指一项研究活动,通过用户体验的研究方法去探究用户在某个情境下的痛点或者是需求,然后再恰当地运用用户体验设计去满足他们的痛点和需求;而且人的需求总是随时间和时代的变化而变化,所以用...

    2018-04-01
  • NO.14 下一站用户体验

    今天要为大家推荐的书是杨艾祥的《下一站用户体验》,用户体验这个词大家并不陌生,但用户体验的定义以及所包含的具体内容有哪些,这个问题,可能并不是很多人都特别清楚的了解,用户体验这个被用“烂”了的词到底具备哪些威力,作为一个设计师又如何去提升产品的用户体验,在《下一站用户体验》这本书中都可以找到答案。目录(简版):一、那些让人讨厌的流氓行为1、这是个烦躁的世界2、这个世界没有新物种3、美丽的错误二、用户究竟在体验些什么1、腾讯为什么那样牛2...

    微信热点 2018-02-25
  • 用户体验是玄学吗?

    恍恍惚惚又是一年年底。又到了设计师们的“季节性迷茫期”,最近我的公众号后台经常接到好多朋友的信息,自己行间透露着迷茫和不自信。大的趋势和节奏还是和去年一样,有些视觉设计师询问我如何转UI,有些UI设计师问我如何才能培养产品思维…其实大家都在迷茫,在这里我想分享一个用户体验相关的综述给大家,希望能对大家找准自家的定位有帮助。我最初是一名UI/视觉设计师,然后随着一步一步的发展,给自己的目标也在发生变化,我现阶段给自己的最终定位是成为一名用...

    2018-02-06
  • 全民关注用户体验的时代已经到来

    聚焦2018年全国两会,共有13位人大代表和政协委员提倡在相关领域内发展与提升用户体验,范围遍布于新能源汽车、互联网、通信、教育科研、传媒、版权保护、交通运输与医药等数十个行业,引起了社会各界的广泛关注。两会期间,全国政协委员叶友达向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》。叶友达建议,从国家层面启动基于用户体验的设计创新倡议,构建用户体验设计创新战略和行动纲领。同时要加大对基于用户体验的设计创新的宣传力...

    微信热点 2018-03-22
  • PS、AI、Sketch 用着太费劲?这些插件本宝宝力荐!

    虽然 Mac 和 Windows 平台有许多特别棒的软件或工具,但 PS、AI 和 Sketch 仍然是设计师的标配。有时候看到一个特别棒的效果花了很久才折腾出来,殊不知一些插件能够轻松完成,这里小编推荐一些特别实用、效率翻倍的插件给大家,让设计工作事半功倍!GuideGuideGuideGuide 是小编用过的最棒的参考线拓展工具!没有之一!再也不用从标尺一条一条拉参考线还要担心位置不精确,只要输入需要的数值就可以自动生成对应的参考线...

    2018-03-03
  • Sketch49交互原型新功能测评教程!

    昨天,Sketch49新版本发布,小编朋友圈又被刷了一波屏。对于该全新版本,具体有哪些新功能,以及如何使用呢?「10000个知识点」特邀讲师UIBANG-乔帮主连夜做了sketch新功能测评教程,分享给大家,希望可以给予你们帮助。深夜给大家整理了Sketch49版本更新的新功能-交互原型,希望大家能有所收获。下午在圈内微信群里,忽然看到2月28日发布了Sketch49新版本的...

    2018-03-03
  • Axure基础

    目录(使用微信自带页面搜索功能)第一章 使用元件基础1. 添加元件到画布基础2. 添加元件名称基础3. 设置元件位置/尺寸基础4. 设置元件默认角度基础5. 设置元件颜色与透明基础6. 设置形状或图片圆角基础7. 设置矩形仅显示部分边框基础8. 设置线段/箭头/边框样式基础9. 设置元件文字边距/行距基础10. 设置元件默认隐藏基础11. 设置文本框输入为密码基础12. 设置打开选择文件窗口基础13. 限制文本框输入字符位数基础14. ...

    2018-03-15
  • 小编来告诉你交互设计是什么啦!

    什么是交互设计用户界面有两部分的设计:交互设计和视觉设计。交互设计的产出物是可交互的低保真原型,设计内容包括:信息架构、页面布局、流程跳转。1. 信息架构信息架构,是为了让用户在使用APP、软件、网页的时候,能够快速找到自己需要的信息、资料、功能,并且在使用的过程不会迷路。它有层级、有逻辑顺序、要能反映信息(功能)的重要程度和关系。信息架构的组成部分:组织系统:关注如何组织信息。比如小说,按篇幅,可以分为短篇、中篇、长篇;按年代,可以分...

    2018-04-12
  • Axure案例练习-点评打分效果

    现在,外卖也好,购物也好,打车也好,点评打分是网站常见的用户互动的功能,一般都是1~5分之间评分,分值对应几颗星或者几颗心,当用户点击确定之后打分就完成了。下面我就以大众点评网为例,制作了打分效果。做之前,我们先来分析一下,点评共涉及到6个状态:没有打分的时候、一颗星的时候、二颗星的时候、三颗星的时候、四颗星的时候、五颗星的时候。根据之前的学习,知道点评区域是一个动态面板,这个动态面板有六个状态,当鼠标分别悬停时,切换出不同的状态。我们...

    2018-04-29