UX/UI设计流程

一、研究| 认识用户
 

　　1、研究
 

　　弄清楚您需要研究的内容
 

　　2、类似情况
 

　　成功的方法和解决方案
 

　　3、人们的意见和反应
 

　　百度提供了对用户和案件充满好奇的一切。最终目标是使自己陷入困境，并了解他们的问题和需求。
 

　　4、采访+观察
 

　　与真实用户或潜在用户交谈，阐明您的假设并进一步了解他们
 

　　5、调查
 

　　如果需要更多的定量研究和大量的用户，或者必须进行远程采访，则该调查可能会很有用。

 

二、换位| 成为用户
 

　　1、情意地图

　　2、移情图的好处
 

　　· 消除我们设计中的偏见，使团队基于对用户的单一共享理解
 

　　· 发现我们研究中的弱点
 

　　· 发现用户自己甚至可能不知道的用户需求
 

　　· 了解是什么驱动用户的行为
 

　　· 指导我们进行有意义的创新
 

　　设计新闻应用程序时的一个角色示例
 

　　角色的目的是为您的主要受众群体创建可靠，逼真的表示形式，以供参考。这些表示应基于定性和一些定量的用户研究以及网络分析。
 

　　目标是形成最独特的目标群体之一，他们是谁，动机和问题是什么。
 

　　3、场景
 

　　写下用户使用产品的情况。因此，如何设计满足这些需求的产品。
 

　　如果不确定访问您站点的用户组的各种特征，就不能希望设计一种体验，其中包含每种类型的用户所需的关键要素。相反，您最终将创建一个对任何人都不理想的网站。
 

　　4、故事板
 

　　一个人经常忙于同时阅读新闻和检查社交媒体的示例
 

　　· 用户方案可用于设计项目的构思阶段。在此处可视化用户将如何使用产品或服务将有助于产生设计思想。要牢记的一个基本点是，用户方案并不代表所有可能的用户。相反，他们通常只考虑最常见的用户或用户动机(The Interaction Design Foundation，2018)
 

　　· 描述如何使用产品或服务以及在哪种情况下使用(根据上下文)。
 

　　· 从触发事件开始场景，并以适当的详细程度描述操作和结果的顺序。
 

　　· 方案=> 对原型的要求，方案中需要为用户的需求构建什么功能。

 

三、理念| 概念化
 

　　1、未来想法图
 

　　从值得解决的问题中，列出问题未解决时的消极情绪(左)和问题解决时的积极情绪(右)。根据感受，考虑解决方案。

　　在6到10分钟内激发个人个性
 

　　创造并接受尽可能多的想法，不要批评，可以，不要对自己太挑剔。
 

　　2、情绪板
 

　　考虑一下配色方案，样式指南和设计的视觉外观。

四、原型制作| 使它成为现实
 

　　1、流程图
 

　　流程图是显示流程中各个步骤的图表

　　购票和选座流程图
 

　　2、纸样
 

　　纸质原型正在草拟纸上的屏幕截图，以替代数字表示形式。对于早期概念化而言，它是快速而完美的。即使在某些情况下，我们也不需要做纸质原型，尤其是当我们从已经存在的东西重新设计时。但是，它仍然是每个设计师通常使用的一种直观而灵活的方式。

　　3、数字原型
 

　　在跳到数字版本或最终版本之前，做纸质原型很有趣。但是，在某些情况下，我们不需要从头开始，也不需要纸面过程向用户展示。
 

　　4、线框
 

　　使用Sketch，Figma，Axure，Adobe XD，Balsamiq等工具来设计有意义的线框。

　　5、实际设计
 

　　使用设计软件(例如Sketch，Photoshop或Illustrator)设计实际界面。

　　6、测试
 

　　原型应该足够真实，以获得真实的响应，以验证或使假设无效。
 

　　· 认真考虑要在原型中构建什么以获得反馈。
 

　　· 测试目标是确定解决方案是否按计划工作或提供
 

　　在纸张原型中测试
 

　　计划脚本
 

　　角色：谁来照顾原型，谁做笔记，谁在测试过程中帮助用户并与他们交谈
 

　　要测试的内容(步骤-结果)
 

　　测试开始
 

　　用户简介(简要的用户隐私伦理，解释该方案是什么产品或在什么情况下，假设您现在是…。)
 

　　询问用户大声思考，以便我们知道他们当时的想法
 

　　测试期间
 

　　注意用户的行为，做事方式以及他们对任务的理解程度。
 

　　给用户明确的指示
 

　　数字原型测试
 

　　Invision是模拟原型的好工具，允许用户单击并测试原型而无需实际编码。


 

六、迭代| 获得反馈并进一步发展
 

　　根据客户的实际反馈来开发设计