UX Project Checklist 用户体验项目自查表

2016-11-21 11:20:00

超级产品经理

作者：Darin
链接：https://zhuanlan.zhihu.com/p/23787103

最近因为想要在团队里推行用户体验设计的一些做法，所以我对用户体验设计当中的流程做了一些简单的梳理，大家在做用户体验项目的时候，可以参考自查一下，看看遗漏或者还有哪些点没有注意到。以下文章中出现的英文部分来自谷歌搜索的内容，我对英文部分做了简单的直译，如有不当的地方，请谅解。

UX Project Checklist

RESEARCH 研究

Competitive Analysis 竞品分析

See how others solve similar problems and try to not reinvent the wheel.

看看别人是如何解决相似的问题的，避免重复造轮子。

Data Analysis 数据分析

Do you have all the useful data you need? Try to have a look at funnels, clicks, page views, performances...

你有所有你需要的有用的数据吗？去看看网站的漏斗、点击量、页面访问量和性能...

User Feedback 用户反馈

Always speak with Customer Care team! Don't have one? Check your old surveys or videos, what your customer says? What do they actually do?

保持和客服团队的沟通！没有客服？检查一下你以前的问卷或者视频，看看你的用户说了什么？他们实际上又做了什么？

PLAN 计划

User Stories 用户画像

Have you done personas yet? If not DO IT NOW. Ok, now use them to write down user stories and scenarios.

你做过用户画像吗？如果没有那现在就行动起来吧。用他们来写用户故事和用户剧本。

User Flows 用户流程

Create your user's flow based on the scenarios you created, you can use it later to review the journey and create wireframes on top of each step.

基于你的用户剧本来创建用户使用流程，在这之后你还可以用它来检查你的用户旅程地图和基于每个步骤来创建线框图。

Red Routes 关键路径

Define red routes for your product and you’ll be able to identify, prioritise and eliminate any usability obstacles on key user journeys.

为你的产品定义关键的路径，然后你就能分辨、重视和清除任何在关键用户地图上的可用性障碍。

EXPLORE 探索

Brainstorm & sketch 脑暴和速写

Find a war room, fill it with markers and drinks, get together and sketch, discuss, vote, disrupt, have fun!

找个作战室，带上马克笔和饮料，聚到一起来画草图，讨论，投票，争辩，好好享受吧！

Wireframe 线框图

Add some details and structure to your ideas, reuse patterns and create pages on top of your user flows so you'll not leave anything behind.

为你的想法添加一些细节和结构，基于用户流程，反复使用图案来创建页面，这样你才不会遗漏。

Prototype

You can start creating paper prototypes and continuously iterate to more functional ones. Use sketches, HTML pages or static images, then just get some people and test.

你可以先在纸上画，然后持续添加功能。用草图，HTML页面或者静态图片，找些人来测试。

COMMUNICATE 交流

IA 信息架构

Understand your users, your data structure and your channels. How can you organise your navigation and content in a clear and consistent way?

理解你的用户，数据结构和路径。如何将你的导航和内容以清晰连贯的方式组织起来？

Language 语言

Follow your brand personality, keep in mind users' culture and language, the context of your product and make sure they understand you.

遵循你的品牌个性，牢记用户的文化和语言，产品的语境能让用户理解你的产品。

Accessibility 无障碍

You don’t need to add extra functionality or to duplicate any content. The key is simply to assess the requirements of those with different skills and limited devices.

你不必添加额外的功能或者复制任何内容。关键是要能很容易地满足那些拥有不同技能和一定设备的用户的需求。

CREATE 创造

UI Elements UI元素

Reuse elements and patterns. Follow your style guidelines. Don't have any? Create your guidelines. Start small, then create pages.

重复使用元素和图案。遵循你的风格指南。没有？去建立一个。从小处着手，然后创建页面。

Gestures 手势

So you have a swipe slider? Tell me more about pinch, drag, zoom, rotate, shake, six-inch smartphones, left-handed people, mouseover, kinect, motion detection…

你的产品有滑块？和我说说关于收缩，拖动，放大，旋转，摇晃，六寸的智能机，左撇子，鼠标移动，体感，运动感知...

Responsiveness 响应式

Can I see it on my mobile? Oh wait, what about my smart-watch which works as a remote for my 50" TV. Bonus: remember cross device experience.

我的手机上能看到吗？我用来遥控我50寸大电视的智能手表上能看到么？Bonus：牢记跨设备的体验设计。

GIVE FEEDBACK 给予反馈

Waiting Times 等待时间

If your users have to wait ages for the page to load, at least show them a loader. If take longer why don't you try something more entertaining?

如果你的用户打开网页需要很长时间，你至少要给他们展示个进度条。如果加载时间更长，那为什么不试着展示些更有趣的内容？

Errors 错误

Be clear and specific on what and where user's error is. I mean, your error, because if it's your fault you should say it.

用户哪里犯了错，犯了什么错要展示地清晰和明确。我的意思是，你产品的错误，因为这是你的过错，你得说出来。

Completed actions 已完成的操作

Give immediate and clear feedback of successful user's actions. Do not always wait for server response, trust your server once in a while!

对用户成功的操作要给予及时和明确的反馈。不要对你的服务器保持盲目自信。

FINALISE 定稿

Finalise layout 设计定稿

It's time to let your design shine, make it in the right way, don't stop with the first solution, always ask "is this the best you can do?"

是时候展现你的设计了，确保以正确的方式呈现。不要停，要多问自己“这是我能做到的最好的么？”

Use of images and icons 图片和图标的使用

Use of icons and images is strongly influenced by context, culture and layout that you use. Like icons, test your images, small changes can bring huge improvements.

图标和图片的使用很大程度上取决你产品的语境，文化和设计。为它们做测试，小的改变会带来极大的进步。

Font & colours hierarchy 字体和颜色层级

Use colours and font sizes properly, try to follow your guidelines and keep it simple. The best visual hierarchies lead users to take the action confidently.

正确使用颜色和字体大小，遵从你的设计指南并保持简单。好的视觉层级能让用户自如的操作。

DELIGHT 愉悦

Micro Copy 细微处的文案

Every word is important, and a bit of personality will help your brand.

每处文字都很重要，带上一点个性的文字对你的品牌也会有帮助。

Micro interactions 微交互

Trigger, rules, feedback, loop. Details make the product. Bonus: Ever heard about easter eggs? 触发器，规则，反馈路径。细节决定成败。Bonus：你知道彩蛋吗？

Transitions 过渡

Motion shouldn't be only beautiful, it should build meaning about the spatial relationships, functionality, and intention of the system.

动效不该只是很炫的那种，它应该能反映空间关系，功能以及系统的意图。

ANALYSE 分析

KPI Setup 建立KPI

What you want to achieve? What are your goals? Write down how you define success and failure and check if you have everything you need to collect the data.

你想得到什么？你的目标是什么？写下你对成功和失败的定义，检查你所需要收集的数据。