UX体验设计之旅(四)_UX工作流程&方法简介_2017 Design Tour in UK

UX工作流程大致分成如下4步骤:发现并定义、设计、设计验证环节、设计支持输出

以下我在介绍着4个环节中,会穿插讲述每个环节的一些常用设计方法知识。

UX precess embedding_UX设计环节的流程/

1. 发现并定义阶段

Discovery & Define_发现&定义

通过大量的调研及需求汇总,使用广泛的研究方法来发现用户的真实需求及行为。在这个环节,我们会常常应用到用户访谈、焦点小组、卡片分类、用户画像及用户体验地图等。

卡片分类方法:

如下图所示例,当UX设计师在进行电商平台的信息架构时,如何对商品品类等进行归类划分?这个时候就需要应用到卡片式分类方法。卡片分类方法通常会包含开放式卡片分类和封闭式卡片分类方法。如下图所示。

电商品台应用卡片分类方法进行前期信息架构
开放式卡片分类&封闭式卡片分类


用户画像分析法(Persona):

1.1 人物角色(persona)是什么

指针对产品的目标群体进行真实特征的勾勒,是真实用户的综合原型——代表了一群真实的人物——它描述的是一个群体的特征,也就意味着不是具体的某一个人,而是一群人的特征综合,它是一个虚拟的画像(是产品目标用户的典型用户,而不是极端情况下的个别人)

1.2 为什么要创建人物角色

persona概括了用户研究(产品使用者的目标、行为、观点等)的发现,并形成栩栩如生的画像,以此来辅助产品的决策和设计——才能做出更好的符合用户体验的产品

1.3 创建人物角色的前提

团队认同以用户为中心的设计理念。人物角色创建出来以后,能否真正发挥作用,也要看整个业务部门/设计团队/公司是否已经形成了UCD的思路和流程,是否愿意、是否自觉不自觉地将人物角色引入产品设计的方方面面,否则,人物角色始终是一个摆设、是一堆尘封的文档,纸上画画,墙上挂挂。

1.4 什么时候能够应用

什么时候可以用到人物角色?在制定产品策略时、在讨论产品需求时、在项目优先级排序时、在进行任务分析时、在琢磨交互流程时、在选择设计风格时、在用研项目招募用户时、在锁定推广目标时、在完善运营方案时。总之,在各种讨论、脑暴、pk时,在我们想冲口而出”用户xxx”的时候,人物角色都可以派上用场。

如图所示为一个用户画像的包含的基本内容。


用户体验地图(Customer Journey Map)

用户体验地图,世描述用户在使用产品或服务时的体验,主观感受和反应。绘制客户旅程地图,一般包含操作流程,即在这个流程过程中,用户在关键节点的需求和用户感受。一个产品中,可能会有多个客户旅程图(一个客户角色,对应一个客户旅程),每一个图要更加完整呈现内容,不宜将重点放置在图本身的设计上。

如何创建用户体验地图?

首先在时间框架下填入用户的目标和行为,随后填入用户的感受和想法,当用户故事逐渐完善,再通过视觉化的方式予以呈现,最终服务于团队交流与设计洞察。


用户体验地图的一些案例

延伸阅读:

用户体验地图的一些工具推荐(7 Tools to Uncover Customer Needs & Map the Customer Journey to Create Better Experiences)

http://www.toprankblog.com/2016/04/7-tools-customer-journey/


2. 设计环节

当前期需求及相关用户调研结束后,既可以根据结果来实际上升到设计环节。把抽象的定义层转换为可视的设计效果。这个环节也就是我们大多数人眼中的设计师职责所在。但是前期调研定义阶段是最重要与核心的,就如冰山一样,浮在水面上的可视的冰山一角只是很小的一层,而水面下的庞大冰山根基才是最重要的。

在进行设计环节,我们也会有诸如头脑风暴和设计工作坊,把抽象的需求整理成稍具象的一些设计概念,之后接下来会通过一些草图、纸质原型、交互线框图等具化。最后一步才是UI设计环节,通过视觉表现把抽象的概念转化为最终看到的产品界面设计。

所有的这些都是依据于用户的真实需求和行为而进行设计。

以下将通过一些案例来简单介绍下设计环节中的一些关键节点。

BBC交互原型规范

延伸阅读:常用的一些交互设计工具介绍及推荐,如Xmind思维导图、proto.io、 inVIsion 、marvel、flinto等,接下来我会在其他章节详细跟大家介绍。


BBC视觉UI概念设计

针对设计规范,不同的公司都会有专业的规范文档说明。其中BBC的 GEL平台,汇总了BBC的全套设计语言。值得大家仔细阅读学习。

BBC GEL_Global Experience Landuage:http://www.bbc.co.uk/gel/

Great UI Design Requires Smart Style Guides: https://www.uxpin.com/studio/blog/great-ui-design-requires-smart-style-guides/

做为UK最大的服务于政府机构的设计平台,GOV.UK也是有规范化的设计语言,大家如有兴趣可深入阅读:https://www.gov.uk/service-manual/design

GOV.UK在排版布局、字体、Layout、Typography、Colour、Icons and images、Data、Buttons、Form elements、Errors and validation、Alpha and beta banners等方面都有严格的设计语言,详情可查阅——GOV.UK 的设计规范: https://govuk-elements.herokuapp.com/


GOV.UK 的纸质交互原型&故事版


GOV.UK 的针对字体的设计规范


3. Evaluate 设计评估环节

当交互设计及UI设计都相继完成后,产品已经几乎全部可视化,高保真demo已经准备完毕。那么接下来我们就要进行在开发前的最后一步了_设计测试环节。

上线前进行可用性测试&AB测试;上线后进行产品数据&用户反馈



其中有以下几点需要着重强调:

Disabled user testing>针对残疾人的产品测试(红绿色盲、视力障碍、孩童、老人、特殊群体)——除了常人使用我们的产品,我们也不能忽视残障人士群体。

Benchmarking> 本公司的业务流程和性能指标与行业最佳实践者进行的比较

(基准测试是将业务流程和性能指标与其他公司的行业最佳实践进行比较。 在项目管理中,基准测试还可以支持项目的选择,计划和交付)


可用性测试
眼动仪测试


AB测试
竞品分析

Test 用户测试常用工具推荐_17种移动端UX用户测试工具推荐 _17 Testing Tools for Mobile UX  https://blog.kissmetrics.com/testing-tools-for-mobile-ux/


Benchmarking 标杆分析法


4. 技术支持阶段

上线前产品的各方面测试与评估都已经结束,最后一个阶段,即与开发配合,完成产品上线。


技术支持阶段

在所有的UX设计环节中,以上4个部分会重复循环。这也构成了互联网产品的迭代更新,产品通过一个版本和一个版本的演进,来更好的服务于用户,同时提升产品的商业价值。


以中户为中心的产品设计重要性


5. 中西UX用户体验设计及团队文化差异性分析

综上所述,在UX体验设计之旅章节,我分别从企业简介、团队搭建、UX设计流程及方法角度,向大家介绍了UX的一些基础知识。通过交流和参访,我觉得中西方在UX设计行业里,还是有一定差异的。

5.1 从团队搭建来说

像Facebook、Designit等公司,拥有150+用户研究员,200名UX设计师,他们非常重视研究、数据分析(UR & UX)——但反观国内,前期调研分析阶段很弱。一般需求都是从领导层发出指令,层级执行。

5.2 设计师职业规划上——轮岗制明显

Evernote设计师平均10年以上经验,每个设计师都能独档一面,很少初中级;BBC工程师&设计师——设计师能力综合全面、懂商业&技术

5.3 内部协同——尊重设计师的专业素养_设计团队间&跨部门团队合作愉悦

尊重设计师,懂得设计师的商业价值(BBC,设计师话语权大,与开发、媒体等都是平等的)人人都是用户体验设计师,思维意识层面较国内更成熟。

5.4 西方产品依然面临(APP & WEB) UX用户体验本地化问题

如Amazon、Skyscanner等在国际化道路上也经历了曲折。反观国内支付宝Alipay在开拓东南亚欧洲市场时遇到的问题类似。

5.5 注重故事诉说着,鼓励大家成为Story Teller

交流中,大家提到要善于做一名Story Teller。通过描述故事的方式讲述用户的需求,表达设计的价值。——这一点国内的设计师不善于讲述故事,把设计理念传达给受众及组内成员。

接下来,我会把UX 设计流程中的一些细节逐一进行文章汇总,如大家想进一步了解,可持续关注。

注:部分图片来源于网络,转载请注明出处!

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

推荐阅读更多精彩内容