2022年UI界面设计流程细览 .pdf

《2022年UI界面设计流程细览 .pdf》由会员分享，可在线阅读，更多相关《2022年UI界面设计流程细览 .pdf（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、-刘超(联想集团软件UI 设计中心)人类社会逐步向非物质社会迈进，互联网信息产业已经走入我们的生活。在这样一个非物质社会中，网站与软件这些非物质产品再也不象过去那样紧紧靠技术就能处于不败之地。工业设计开始关注非物质产品。但是在国内依然普遍存在这样一个称呼美工。工的意思就是没有思想紧紧靠体力工作的人。这是一个很愚昧的做法，愚昧在于称呼职员美工的企业没有意识到界面与交互设计能给他们带来的巨大经济效益，另一方面愚昧在于被称为美工的人不知道自己应该做什么，以为自己的工作就是每天给界面与网站勾边描图。本文主要讲述一套比较科学的设计流程来讲述UI 界面设计属于工业设计的范畴，是一个科学的设计过程，理性的商

2、业运作模式。而不是单纯的美术描边。UI 的本意是userinterface 也就是用户与界面的关系。他包括交互设计，用户研究，与界面设计三个部分。本文主要讲述用户研究与界面设计的过程。一个通用消费类软件界面的设计大体可分为五个步骤：需求阶段分析设计阶段调研验证阶段方案改进阶段用户验证反馈阶段需求阶段软件产品依然属于工业产品的范畴。依然离不开3W 的考虑（Who,where,why.）也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用（在办公室/家庭/厂房车间/公共场所）。如何用（鼠标键盘/遥控器/触

3、摸屏）。上面的任何一个元素改变结果都会有相应的改变。除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世，我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。如何判定最合适于用户呢，后面我会介绍用户调研。分析设计阶段通过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。首先我们应该制作一个体现用户定位的词语坐标。例如我们为25 岁左右的白领男性制作家居娱乐软件。对于这类用户我们分析得到的词汇有：品质，精美，高档，高雅，男性，

4、时尚，cool,，个性，亲和，放松等。分析这些词汇的时候我们会发现有些词是绝对必须体现的，例如：品质，精美，高档，时尚。但有些词是相互矛盾的，必须放弃一些，例如：亲和，放松与cool,个性与等。所以我们画出一个坐标，上面是我们必须用的品质，精美，高档，时尚。左边是贴近用户心理的词汇：亲和，放松，人性化。右边是体现用户外在形象的词汇：cool,个性，工业化。然后我们开始搜集相呼应的图片，放在坐标的不同点上。这样根据不同作标点的风格，我们设计出数套不同风格的界面。名师资料总结-精品资料欢迎下载-名师精心整理-第 1 页，共 3 页 -调研验证阶段几套风格必须保证在同等的设计制作水平上，不能明显看出

5、差异，这样才能得到用户客观的反馈。测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。例如：数据收集方式：厅堂测试/模拟家居/办公室。测试时间：X 年 X 月 X 日 X 日。测试区域：北京、广州、天津。测试对象。某消费软件界定市场用户。主要特征为：对电脑的硬件配置以及相关的性能指标比较了解，电脑应用水平较高；电脑使用经历一年以上；家庭购买电脑时品牌和机型的主要决策者年龄：X-X 岁；年龄在 X 岁以上的被访者文化程度为大专及以上；个人月收入X 以上或家庭月收入X 元及以上；样品五套软件界面样本量：X 个，实际完成X 个。调研阶段需要从以下几个问题出发：用户对各套方案的第一印象用户对各套

6、方案的综合印象用户对各套方案的单独评价选出最喜欢的选出其次喜欢的对各方案的色彩，文字，图形等分别打分。结论出来以后请所有用户说出最受欢迎方案的优缺点。所有这些都需要用图形表达出来，直观科学。方案改进阶段经过用户调研，我们得到目标用户最喜欢的方案。而且了解到用户为什么喜欢，还有什么遗憾等，这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上（这里指不能换皮肤的应用软件或游戏的界面）将方案做到细致精美。用户验证阶段名师资料总结-精品资料欢迎下载-名师精心整理-第 2 页，共 3 页 -改正以后的方案，我们可以将他推向市场。但是设计并没有结束。我们还需要用户反馈，好的设计师应该在产品

7、上市以后去站柜台。零距离接触最终用户，看看用户真正使用时的感想。为以后的升级版本积累经验资料。经过上面设计过程的描述，大家可以清楚的发现，界面UI 设计是一个非常科学的推导公式，他有设计师对艺术的理解感悟，但绝对不是仅仅表现设计师个人的绘画。所以我们一再强调这个工作过程是设计过程。UI 界面设计不存在美工。五、UI 设计的一般工作流程（取自某 UI 设计服务公司）1）熟悉行业（熟悉您的软件所涉及的行业，以便制作出适合行业特征的界面风格）2）了解软件（了解您软件的工程进度，做出针对您进度的工作计划）。3）与软件开发工程师和市场人员讨论界面风格（广泛听取研发和市场人员的意见，做出最适合市场的软件）。4）人机分析（对您的软件进行人机分析，增强您软件的易用性）。5）做方案（做出设计方案，并明确细节思想）。6）审定方案（与技术和市场人员一起审定方案，并听取修改意见）。7）修改 审定（将有几次重复）8）细化、制作界面（开始制作软件界面）。9）与软件开发工程师合作把界面加入到程序中。10）细部修改，完成。11）进行软件包装盒、光盘盘面、盘套等的设计工作。12）后期跟踪服务（在完成项目后，对您的软件进行跟踪服务，即对您软件从发布到推出新版本之间的小规模修改进行调整，包括对帮名师资料总结-精品资料欢迎下载-名师精心整理-第 3 页，共 3 页 -