整体流程: 发现问题->设计解决方案->解决问题

问题：

在上一篇：Quora的可用性测试中，

译文地址：http://www.ui.cn/project.php?id=16940

我们提出了Quora应用的2个主要问题，这两个问题都不容易修正

1. 浏览界面 无法让用户找到感兴趣的内容

2. 搜索结果界面 话题质量，不同话题辨识度是个问题

解决方案（高保真原型）

下图展示了现版和重设计版本的区别

若想了解更多关于工具栏下拉列表这一安卓设计模式，参考：https://developer.android.com/design/patterns/app-structure.html

若想了解更多固定标签栏这一安卓设计模式，参考：https://developer.android.com/design/patterns/app-structure.html

解决问题

设计流程参考Adaptive Path的“双钻流程法”，我选用了人物角色化，用户故事，草图，线框图，原型图等设计手段来理解用户需求，解决问题满足用户需求。这个设计流程的好处是最大化理解问题，设计细节可以稍后处理，开发可以快速跟进，属于非常敏捷式的产品开发流程。

(编者注：偷个懒，把第一部分的图直接拿过来，除了颜色不一样，其他文字都一样）

用户角色模型：遭遇Alex

Alex是一个有抱负的企业家，但是日程很满

用户角色模型是非常不错的工具，可以与用户产生共鸣，确保产品能够切实解决用户问题。尽管Quora上是有很多用户可以去分析（比如说回答贡献者、学者），但是都不是典型的普通用户，我遭遇到了Alex，他是一个非常繁忙的企业家。我就进行了一些统计，了解他的信息、需求和行为。Alex的需求应该能和大多数用户产生共鸣。

用户行为：

搜索回答（通过网站和应用）

确认话题并关注话题

对于某些内容需要其他用户的建议

个人情况：

25岁

企业家

和旧金山的朋友合租

喜欢探索和学习

对创业和新科技感兴趣

需求和目标：

通过回答快速学习

满足好奇心，探索有趣的内容

进一步整理，Alex的3点核心需求：

1. 内容可读性: 他希望能够从最好的内容中学习，他希望轻松就能找到Quora中最精彩的回答。

2.快速抵达内容Alex在创业，工作很繁忙，他希望能够快速找到内容，开始阅读。

3. 发现有趣内容 他很忙，偶尔出现的有趣内容可以调剂紧张的工作。

用户故事: Alex的需求

理解完Alex的3个核心需求后，用户故事可以帮助我们将需求从抽象分解为具体，用来补足用户案例。上图所展示的需求来自用户可行性测试中得案例。

下一步，要使用框架根据用户角色分解用户需求。

框架“作为XX，我想要XX，因此XX”

Alex的需求分解为角色 目标，以及获益之处 

根据这个框架，用户故事更加有的放矢，而且更容易去设计。

主题： Alex同时作为好几种角色的综合体而存在，用户是很复杂的。

用户流程:Alex是如何操作Quora的

有了用户依据后，开始琢磨用户流程，原因有2：

1. 将用户故事可视化，告诉我们用户是如何交互的

2. 让我们考虑的更加周到，避免之后重构中出现纰漏

高清无码大用户流程图下载：https://dl.dropboxusercontent.com/u/93309972/Quora-Browse-FULL-Task-Flow-Resized.jpg

搜索任务流程

草图，让Alex的生活更加便捷

理解用户怎样操作每个功能，流程又是什么后，开始在白板上绘制草图

注意：此处目标是发散思维，尽可能多地产出想法。

为筛选的草图

筛选草图

在白板画了一堆草图后，用2x2矩阵（坐标）去筛选草图，根据影响和易用性。很多选择是主观的，且纯靠猜想，因为我不是Quora团队的人，没有亲身参与过这款产品的设计。

注意：尽管很多时候，答案很明显，最有冲击力和最易用的最好，但是肯定还有更好,不妨再花点时间出概念。

线框图

相框图喜欢草图，而又不用设计高保真原型。线框图能展示出丰富的功能点，可作为高保真原型的参考。

浏览界面

安卓工具栏下拉列表设计模式: https://developer.android.com/design/patterns/app-structure.html

搜索：

安卓固定标签栏设计模式： https://developer.android.com/design/patterns/app-structure.html

下一步

下一步打算建立可交互的高保真原型，让线框图动起来。

注：个人喜欢Quora而已，进行重设计是为了帮他们找到问题，我不是Quora的员工。