旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:400-0100-444
葡京黄金厅 > 热门文章 > UI设计 > UX/UI设计流程
UX/UI设计流程
时间:2019-11-13来源:vrplusar.cn点击量:次作者:Sissi
时间:2019-11-13点击量:次作者:Sissi

 

ui设计流程


一、研究| 认识用户
 

  1、研究
 

  弄清楚您需要研究的内容
 

  2、类似情况
 

  成功的方法和解决方案
 

  3、人们的意见和反应
 

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

  4、采访+观察
 

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

  5、调查
 

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

 

二、换位| 成为用户
 

葡京黄金厅   1、情意地图

ui设计流程
 

  2、移情图的好处
 

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

  · 发现我们研究中的弱点
 

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

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

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

ui设计流程

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

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

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

  3、场景
 

ui设计流程

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

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

  4、故事板
 

ui设计流程

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

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

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

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

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

 

三、理念| 概念化
 

  1、未来想法图
 

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

ui设计流程
 

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

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

  2、情绪板
 

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

ui设计流程
ui设计流程
 

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

  1、流程图
 

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

ui设计流程
 

  购票和选座流程图
 

  2、纸样
 

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

ui设计流程
ui设计流程


 

  3、数字原型
 

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

  4、线框
 

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

ui设计流程
 

  5、实际设计
 

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

ui设计流程

  6、测试
 

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

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

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

  在纸张原型中测试
 

  计划脚本
 

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

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

  测试开始
 

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

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

  测试期间
 

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

  给用户明确的指示
 

  数字原型测试
 

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


 

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

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


 

©2007-2019/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号
点击关闭

葡京黄金厅©2007-2019/ vrplusar.cn 北京漫动者教育科技有限公司 备案号: 京ICP备12034770号 监督电话:010-62568622 邮箱:bjaaa@aaaedu.cc