1. 兔课网
  2. 资讯
  3. UI设计教程
  4. 一个完整的UI设计流程是怎样的?

一个完整的UI设计流程是怎样的?

1191人阅读 2020-06-29 收藏

用户界面设计过程:线框-低保真度原型-实体模型-高保真度原型,这是正确的过程吗?今天,让我们来谈谈一个完整的用户界面设计过程应该是什么样子,收集干货!根据参加过该课程的学生的反应和他们自己的经验,目前行业的大部分情况是用户界面设计收到“开始工作”的通知,然后从线框开始。用户如何操作,他们有什么功能,以及用户和客户有什么需求,通常都是由项目经理简单决定的。为什么线框会这样发展?线框之前我还应该做什么?这完全取决于通灵。因此,在项目的实施过程中,我们在不断地变化和改变,我们总是可以在最后一天结束案例并摆脱它,然后开始下一轮的变化和改变。

开发流程

。基本上,我自己开发产品的过程不会远离这张图片。

20160328-1


用户故事功能图流程图表用户想要什么?从需求中整理出功能。用户如何操作这些功能?操作过程需要哪些页面?页面上应该放什么内容/组件?它是如何操作的?当用户看到页面时,它是什么样子的?每个家庭都有自己的做法,没有标准或正确的过程,但我总是在制作自己的玩具时这样做。拥有UX团队的大公司将分解上述流程并进行用户研究等;单人用户界面/UX交钥匙小团队.这7项是必须出示的最少文件。根据个人想偷懒的痛苦经历,删除精简会导致项目实施过程中的漏洞,然后需要更多的时间和精力来弥补漏洞。

1. User Story

功能是如何产生的?从“用户想要什么”或“客户期望用户想要什么”开始根据用户的身份,所需的功能会不同,完成的任务也会不同。例如,“博客”:我是一个读者,我想看看这个作者写的所有文章。我是作者,我想写和发表文章。我是一个平台提供商,我想看看所有的会员和支付状态。这三种身份对产品“博客”有着完全不同的需求和期望。

2. Functional Map

写了用户故事,只有这样我们才能知道大小函数要做什么。根据不同用户的需求,从故事中选择功能。不同的用户身份通常会影响他们可以使用的功能,从而理清相似和不同之处。只有当开发人员知道用户想要什么和拥有什么功能时,他们才能思考“用户如何操作功能来完成他们的任务或实现他们的目标”用户界面设计老师经常说:“配合用户的习惯和行为在设计".运营,目前正处于规划阶段。如果你跳过流程图,只要产品特性变得复杂,你的研发就会抱头痛哭。只有当你知道用户将如何操作一个功能时,你才能计划操作路线。用户界面流是指页面之间的操作流程,用户将通过多少个页面来完成任务等。另一个读者问我为什么前一篇文章说不要使用用户界面流的图片版本,而要使用文本版本。首先,这是有蛋的鸡和有蛋的鸡的问题。如果这个项目从头开始,计划流程图,然后做用户界面流,那么哪里可以图片版本字符串流?甚至线框还没有开始绘制!第二,当你的产品有不止一页的时候……你不需要太多的页面,20页。使用图片绘制用户界面流。这个流程图有多大?谁有心思用手掌工具在大图片上来回移动来查看页面方向?第三,当许多人制作一个用户界面流的图片版本时,线条连接“页面”和“页面”。此时,你只知道“哦~这一页的下一页就在这里”,但你不知道你为什么会来到这一页。你想要什么,或者发生了什么,所以你来了这里?猜猜看,你为什么要读(写)一份你只能靠猜测才能理解的文件?不要浪费时间。我使用用户界面流的文本版本作为“目录”,并将其与线框的数量进行比较,以快速找到细节。我将在“优化”旧产品的操作中使用用户界面流的图片版本。连接线将从“组装到页面”而不是“页面到页面”,并在图片和线条旁边写一个文本描述,以了解哪个步骤可以更容易地省略或修改。

3. Flow Chart

绘制线框并不意味着工程师可以理解这是怎么回事。你看着他布满皱纹的脸,不知道他是踢了自己的脚趾还是吃了酸梅。文本描述是线框的重点,包括触发、反馈、状态改变等。网页一打开,广告就会自动出现,还是只在网页打开3秒后出现?广告会在10秒后自动消失,还是你会按下(X)按钮?网页停止了30秒,没有运行。你想要广告吗?工程师只会做你写的,不会做你想的。


工程师既不是神,也不是虫子。他们是普通人。没有这种神圣的力量,在交流中就会有认知上的差距。因此,我们应该弄清楚,设计的常识并不等于工程师的知识。在三个文档中间找到缺失的部分并填充它是很正常的,比如流程图、用户界面流和线框,它们不能一次放置到位。

4. UI Flow

视觉稿.按照网格和指南来做,然后会有切割和标记文档。优点是有插件工具来剪切和标记文件,甚至设计分部也可以使用Avocode或Zeplin,只要它能很好地处理原始文件、剪切和标记文件。缺点是,如果你不太了解技术限制,工程师们就不能使用他们制造的东西,他们会被设计分部骂得一无是处。"为什么你做东西而我画一些像素?"“求你了!RWD不可能和你画的一模一样,好吗?”“你是无能还是懒惰?我能画出来。你为什么不能做?”干燥的.“

5. Wireframe

读者问了另一个关于原型机的问题:高保真原型机是在将图纸切割成研发图纸后制造的。原型的意图是在研发项目完成之前再次确认操作中是否存在任何问题?高保真原型机只要成品能运行就行了?原型的目的通常是测试和验证,它是否显示用户的操作,观察用户的操作状态和做用户测试。仍然是工程师设置程序,并在上线前检查是否有蠕虫或哪一面爆炸。因此,它必须能够操作,而不能实际操作。应该如何测试它?大脑修复?原型能够被操作!原型能够被操作!原型能够被操作!不能操作的不是原型。线框可以是原型,低保真度原型。模型可以是原型和高保真原型。绘制草图需要工程师编写一个程序模板来制作一个高保真原型。在测试原型之前,我大多数人都会自己做模型。因为线框制作的低保真度原型不能被普通用户理解或感觉到,所以没有办法进行用户测试。=_=线框制作的原型最多是一个内部测试,但是内部测试经常是不准确的。工程师和设计教师的思维与普通人不同,测试的焦点往往是倾斜的.

6. Mockup

如果另一个读者读完这篇文章后有什么感觉,信使会和我讨论。今天,我还和我的老板讨论了是否应该有功能图、用户界面流等等,这样我们就可以在前面的讨论中阐明它们,而不是在视觉草图中修改、增加或减少它们。他还直言不讳地说,我们没有那么多时间来遵循这个过程,我们真的无能为力……我们没有那么多时间来遵循这个过程。当然,因为我们必须把时间留在身后并改变它~ ~ ~ ~ ~时间总是会花掉的,这取决于它是花在早期计划上还是花在后期补洞上。说没有时间不能根据过程就是没有过程可以根据它。如果你想赶走员工,降低团队士气,并尝试随机改变,这都没关系。无论如何,每个人都知道,做出随机改变的人甚至不知道他想要什么,所以他不得不不不加选择地开口并给出指示。


相关文章推荐

想学UI又不知道南京哪里学好,求指点!,南京UI设计师培训学费是多少
UI设计与前端有什么练习?,UI是属于前端吗?
移动ui和网页ui有啥关系吗?可以单独学一个吗?还是都需要学习呀?天,术与道移动应用ui设计必修课怎么样
中专毕业的人想学习UI设计,有哪些要求?
简历里面的ui设计师自我评价怎么写,UI设计师应该如何写简历
UI设计培训哪里好,哪个机构不骗人?
要想学成UI,需要有哪些基础?没有基础能学会吗?,学UI需要具备什么条件吗,只是听别人说好像还不错,女孩子去学合适吗?
有什么UI图标设计规范吗需要注意吗?ui设计怎么临摹图标
ui设计培训机构哪家比较好?
ui设计师需要具备哪些技能?武汉哪里可以报UI设计培训班?,请问武汉UI设计师培训课哪家好吗?谢谢!!!!

特别推荐

上一篇>> 圆形元素在界面设计中的运用技巧

下一篇>> UI设计师必看,资深设计师常逛的网站有哪些

新人大礼包

1
咨询客服
平面设计零基础学习交

交流Q群

微信公众号
返回顶部