如何在3天内围绕UX快速设计天气应用原型【UI设计】..docxVIP

如何在3天内围绕UX快速设计天气应用原型【UI设计】作者: 一网学???最后更新时间：2015-07-20 13:54:32编者按：原型是APP后续的视觉设计与开发的重要基础，原型的构建几乎决定了产品的走向，失之毫厘，谬以千里。在很多时候，原型设计的时间有限，如何快速制作准确可靠的原型就是产品和设计师要操心的事情了。今天的文章用一个天气类应用作为案例，详细讲述了如何围绕用户体验在三天内搞定原型设计，希望能给你帮助~基本流程第一天：研究总结第二天：构想设计第三天：测试迭代工具：笔、纸、iPhone、POP（Beta，免费版）研究用户访谈在同潜在用户沟通之前，我会事先准备好三个问题：“你为何会查看天气？”“你现在在用哪些天气类的网站和APP？”“你会多久查看一次天气？”准备好问题之后，我花费了一天时间，同六个用户围绕这3个问题进行访谈。·用户——用户群体可以被划分为两个大类·背景——两者都会在早上查看天气，这是他们交叉天气查看时间·行为——查看天气是每天早上的日常行为，并且会围绕着天气做一天的准备；其次，这种行为很明显是为了更好地围绕着天气情况计划周末和旅行之类的活动。在研究分析的时候确定两类用户群用户访谈继续为了发现更多关于用户需求和用户目标的细节问题，我需要继续六人访谈，并且借助我的“四列表”方法来搞定这一切。这种方法并不难，我会在访谈阶段将时间划分为连续的四个块，这四块时间内，这6名用户需要针对四个不同的主题，尽可能多的列出他们的想法。这四个主题是这样划分的：·痛点——在查看天气时哪些事情会让人感到沮丧或者纠结？·乐趣——哪些设计体验良好，它们有没有提升空间？当一切运转良好的时候，应该是什么样子？·背景——什么时候、什么地方你会查看天气？·行为——当你查看天气的时候会怎么做/操作，会有什么样的感受？总结将数据转化为想法通过用户访谈，我将用户的数据搜集起来，确定那些让用户愉悦或者痛苦的地方，从而辨别出那些同用户紧密相连且能引起共鸣的设计。根据用户访谈之后的分析总结，完善关于用户目标的初步想法确定功能问题：用户快速获取相关天气信息基本会围绕下面三种模式：1）为新的一天做准备；2）查看当时的天气情况；3）为后续的事件做准备。1、早上用户首要的事情是查看天气，确定当天要穿什么带什么→主屏幕应该在显著位置未来一个小时内的温度和降水等情形。2、为了做好准备，用户需要整天的精准数据 → 第二屏需要包含以小时为单位的精准数据。3、有一部分用户需要知道是否需要携带抗过敏药物 → 需要显示当天空气中的花粉浓度，以及未来三天甚至一周的拓展数据。4、用户可能会碰到突变的天气，诸如阵雨和冰雹 → 在天气恶劣或者突变的情况下对用户即时发出通知5、用户需要为周末或者旅行进行计划则需要至少未来3~5天的视图 → 需要为用户准备可以延长时间段的模块6、用户喜欢能快速访问多个地点的信息→ 需要让用户可以添加额外的地点，并且可以通过快速滑动或者下拉来访问7、喜欢骑车或者经常四处溜达的用户需要知道相关时段两点之间的路况 → 需要添加一个支持A点到B点路况信息的模块8、有用户讲述了他曾在旅程中遭遇奇怪恶劣天气但天气APP并未提醒的事情 → 需要考虑为应用增加一个模块，专门为用户提醒当前地区日常情况和应对技巧9、做好了周末出行计划但又错过了好天气是一个共同的痛点，想在好天气享受出行乐趣是共同的需求 → 考虑增加一个快速查看下一个周末天气的模块设计为什么要手绘？根据我的发现，最初的概念设计主要是借助笔和纸完成的。手绘设计的特色就是速度快。相同时间之内，提交一份电子文档的时间足够我在纸上画十个原型了。第一版原型借助一个名为POP(Prototyping on Paper)且尚处于测试阶段的APP，我能够将我的手绘原型转化为界面。接下来，我要开始做测试了。测试第一轮我为前来测试的志愿者提供了两种情形，我为他们准备了iPhone版的POP原型，并且观察他们执行任务的行为和反应。情形1:“想象你刚刚醒来，你打算开始新的一天，并且想知道当天天气如何，能展示一下你将如何操作么？”情形2:“想象一下，你准备在周末参加户外音乐会，但是不知道天气如何，你会怎么办？”结果与迭代·用户需要进行一些必要的滚动和点击操作，才能到达相关的界面，之后用户会根据显示的数据进行思考并作出相应的决策。·在观察第一轮测试过程中，我逐渐意识到我错过了一个关键点：天气是影响我们享受生活的因素。“我们要如何充分利用好天气来享受生活，并且尽量让恶劣的天气负面影响更小？”测试有助于重构用户目标语音界面我开始意识到，我上一版的设计在问题的关注点上就偏移了，它仅仅只是代表了我和测试者的共同需求。用户目标本质上是作出明确的决策，最终的目的是搞明白要穿什么、带什么、准备什么以及是否要继续某个特定活动。而第一版的原型一开始先设