旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > ui设计流程有哪些
ui设计流程有哪些
时间:2019-10-30来源:www.aaa-cg.com.cn点击量:作者:Sissi
时间:2019-10-30点击量:作者:Sissi




  最近总是收到同学们问UI设计流程有哪些?针对这问题我找了已经在AAA教育毕业的师哥师姐详尽的了解了一下,以典型项目入手,详细的和同学们分析一下UI设计流程,方法和工具,希望同学们喜欢。
 

一、收集规格和要求
 

  尽管许多经验不足的设计师经常忽略它,但这也许是整个工作中最重要的方面。这个阶段几乎对项目起着成败的作用。范围清晰且定义明确通常可以确保流程顺畅,并使您作为项目经理可以知道您与客户位于同一页面上。在您的首次启动会议上,我会问所有关于产品功能,流量,目标人群,竞争等的问题。
 

  作为UI设计师,您可能会认为您唯一关心的是最终产品的设计,这对于某些专门的设计角色可能是正确的。个人很想将自己视为设计顾问和项目经理。我认为,我的角色需要理解业务目标并调整我的设计专业知识,以在给定的时间范围和预算内推动实现这些目标。
 

  这一步显然需要大量的沟通与客户。对我来说,它通常涉及许多头脑风暴会议,Skype小组电话,素描想法等。此阶段的交付品是一个简单的PDF“ MVP概述”,概述了应用程序/产品的规格并记录了所有头脑风暴的发现和草图。



UI设计

  构思草图样本

UI设计
  MVP预览样本

 

二、奠定基础
 

  一千英里的旅程始于一步,这是我最喜欢的过程之一!一旦明确了项目将涉及的内容,现在就该使用一些不错的旧式生产力技巧,并将更大的目标分解为更小的任务。为此,我喜欢使用Trello。如果您像我一样是个人发展和生产力的怪胎,那么您将爱上这个阶段!
 

  在开始使用Trello进行任务管理之前,我总是要确保打开我的时间跟踪软件。我绝对喜欢为此使用Toggl!

UI设计
 

  这满足了我对数据分析的渴望!这对我来说非常重要 ,因为它有两个作用:
 

  正确,准确地向客户收费,适当分配时间,例如,如果我要引用一个Web项目的15个收费小时,我当然不想花10个小时在市场研究上,而要用尽时间或更糟(可以说),不得不着急并提供低质量的工作。
 

  现在,进入Trello。当我作为UI / UX设计师使用Trello进行任务管理和任务分配。借助基于卡的系统,它使我们的团队能够使用类似于SCRUM的管理流程,从而实现快速生产和几乎即时的反馈。

UI设计
 

三、研究与最佳做法
 

  这个阶段非常简单。这里的目标如下:
 

  研究具有相似功能和目标用户的产品
 

  确定潜在竞争对手,他们在做错/正确的事情?
 

  建立最佳实践

UI设计
 

  根据一般经验,我会尝试花费尽可能多的时间浏览各大手机商店如App Store,下载并尝试各种应用程序。这不仅使我与行业趋势和流行趋势保持了联系,而且还使人们对通用做法,有效的方法和无效的方法等具有批判性的眼光。
 

  免费的用户反馈?是的,请!
 

  但是,如果您没有时间像我一样整日(应该是)用户测试Pokemon Go,我仍然强烈建议您浏览应用商店中与您正在使用的产品类似的产品。这会给你一个不错的想法和建议,避免不必要的设计,你甚至可以检出的用户反馈,以确保您不会重蹈覆辙。
 

  由于别人的过失,明智的人会自己纠正,一旦您终于准备好拿起笔和纸开始素描,就不要了!尽管您可能有开始实施的渴望,但了解实现功能的最佳方法是什么(尤其是为什么)是非常重要的。
 

  为此,UI模式是最好的!
 

  通过不仅列出解决常见设计问题的不同方法,而且合理化如何,何时以及为什么应使用此类解决方案,目的是创建一个工具,以帮助结束功能辩论,从而清楚地了解我们为什么,正在做我们正在做的事情,以及为什么我们不做我们未做的事情。— UI模式

UI设计
 

  好的,您现在终于可以开始草绘和制作原型了。让我们进入下一个阶段!
 

四、低保真原型(UX)
 

  虽然没有什么比笔和纸的草图,也有很多你可以用它来开发你的低保真线框的产品除了给你的草图。
 

UI设计

  笔和纸素描样
 

  您可以选择以下几种:
 

  视觉杂乱无章,的Photoshop,UXPin, 当然有很多不同的。除了Photoshop,我还亲自使用过InVision,Omnigraffle和Balsamiq。
 

  不同的服务使您可以根据自己的目标完成不同的事情。我喜欢InVision,因为它是免费的,具有可单击的原型,您可以将其导出并在移动设备上查看,并且它允许用户向原型添加注释和反馈,这使其成为远程协作的出色工具。试试看,找出最适合您自己需求的。
 

UI设计  
Balsamiq线框


UI设计

  Photoshop低保真线框


UI设计

  InVision可点击的原型
 

五、高保真原型(UI)
 

  到漂亮的东西!如果你是一个可视化设计器在心脏多了一个产品设计师,你知道这是你一直在等待这整个时间的时刻......但在此之前,我们需要得到一些灵感!我保证很快就会用Photoshop / Sketch弄湿了。
 

  对于视觉灵感而言,经典作品始终是个不错的选择。Behance和Dribbble展示了来自世界顶级设计师的一些真正令人惊叹的作品。这些艺术家通常会扩展可用性的界限,以制作UI杰作。我们已经完成了可用性研究,因此我们不必担心会受到我们无法实现的启发。

UI设计

运球
 


UI设计
行为


 

  如果您在特定屏幕上有一个创意块,并且需要有关如何处理移动应用程序中特定情况的特定指导,我也强烈建议您使用移动模式。这个很棒的网站提供了一些用于特定类型屏幕的,最常用的应用程序(Facebook,Twitter,Instagram等)中良好UI的示例。
 

  Mobile Patterns真正酷的地方是,屏幕是根据屏幕类型的层次结构聚合的。这意味着您只能查找Newsfeed屏幕,并在制作应用程序之前分析各种应用程序设计师如何处理Newsfeed屏幕。
 

  世界上最大的房间就是改善的空间
 

  我希望您喜欢深入了解我的流程和工作流程。这是并且将永远是正在进行的工作。您的工作流程/流程越完善,您将能够向其提供高质量工作的客户越多。您还可以将更多的精力放在工作的创造性方面,而不会忽略产品的基本业务和可用性方面。
 

  如果您对工作流程,使用的工具以及可帮助您克服创造性障碍的过程有任何疑问或故事,请在评论中与他们分享,我很想听听您的想法!

 

 

UI设计

 


 

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

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

老师想和你聊一聊

©2007-2021/ www.aaa-cg.com.cn 北京漫动者教育科技有限公司 备案号:京ICP备12034770号 监督电话:010-62568622 邮箱:bjaaa@aaaedu.cc