ui设计流程有哪些

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

一、收集规格和要求
 

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

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

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

　　构思草图样本


　　MVP预览样本

二、奠定基础
 

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

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

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

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

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

三、研究与最佳做法
 

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

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

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

　　建立最佳实践

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

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

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

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

　　为此，UI模式是最好的!
 

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

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

四、低保真原型(UX)
 

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

　　笔和纸素描样
 

　　您可以选择以下几种：
 

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

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

　　
Balsamiq线框

　　Photoshop低保真线框

　　InVision可点击的原型
 

五、高保真原型(UI)
 

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

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

运球
 

行为


 

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

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

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

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

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