网站UI设计的流程、原理及成本

2022-03-21 15:03:00

阅读 9917次标签：开发作者：布灵灵

　　导语：网站开发(网站建设)，需要设计师的网页设计、前端人员的html、css、js等前端开发、也需要后端人员的数据库设计、后台开发、服务器安全配置，整个过程涉及到多个方面，每一个环节都必不可少，今天我们来分享一下：网站UI设计的流程、网站UI设计的原理、网站UI设计的成本。

网站UI设计的流程、原理及成本

　　一、网站UI设计的流程

　　1、分析阶段

　　(1)需求分析:对于一个产品来说，必然有对用户需求的分析内容，更多的是从MRD与PRD获得，或者从产品需求评审会议上得到需求分析的内容，当然可以直接与产品经理交流获得相关产品需求。如果说设计原则是所有设计的出发点的话，那么用户需求就是本次设计的出发点。

　　(2)用户场景模拟:好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要，了解产品的现有交互以及用户使用产品习惯等，但是设计人员在分析的时候一定要站在用户角度思考:如果我是用户，这里我会需要什么。

　　(3)竞品分析(聆听用户心声):竞争产品能够.上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类

　　旁通的好处。当市场上存在竞品时，去听听用户的评论，哪怕是骂声都好，别沉迷于自己的设计中，让真正的用户说话。

　　输入物: MRD、PRD、市场需求文档、市场调查报告、竞品分析文档

　　输出物:设计初稿( 或许只是几个简单的界面)

　　2、设计阶段

　　(1)面向场景：针对该产品使用场所等模拟，模拟用户在多种情况下产品使用的模拟。

　　(2)面向事件驱动：对产品响应与触发事件的设计，一个提示框，一个提交按钮....这类都是对事件驱动的设计。

　　(3)面向对象：产品面向的用户不同对于产品的设计要求不同，不同年龄层的用户对于产品的要求不同，产品的用户定位将对UI设计师影响因素。

　　输入物: 交互文档(高保真原型)

　　输出物:设计终稿(所有的设计稿)

　　3、配合

　　UI设计师交出产品设计图时，更多的配合开发人员、测试人员进行截图配合。配合开发人员对于PSD格式的图片切图操作，对于不同的开发人员的要求，切图方式也有不同，UI设计师需配合相关的开发人员进行最适合的切图配合。

　　输入物:设计终稿

　　输出物:设计修改稿(设计稿切片)

　　4、验证

　　产品出来后，UI设计师需对产品的效果进行验证，与当初设计产品时的想法是否一致，是否可用，用户是否接受，以及与需求是否一致。都需要UI设计师验证，UI设计师是将产品需求用图片展现给用户最直接的经手人，对于产品的理解会更加深刻。

　　输入物:产品

　　输出物:产品(面向用户最终版本)

　　二、网站UI设计的原理

　　1、一致性

　　当你在设计类似的功能和操作时，可以利用熟悉的图标，颜色，菜单的层次结构，行为召唤，用户流程图来实现一致性。规范信息表现的方式可以减少用户认知负担，用户体验易懂流畅。一致性通过帮助用户快速熟悉产品的数字化环境从而更轻松地实现其目标。

　　2、常用用户使用快捷操作

　　随着使用次数的增加，用户需要有更快的完成任务的方法。例如，Windows和Mac为用户提供了用于复制和粘贴的键盘快捷方式，随着用户更有经验，他们可以更快速，轻松地浏览和操作用户界面。

　　3、提供有用信息的反馈

　　用户每完成一个操作，需要系统给出反馈，然后用户才能感知并进入下一步操作。反馈有很多类型，例如声音提示，触摸感，语言提示，以及各种类型的组合。对于用户的每一个动作，应该在合理的时间内提供适当的，人性化的反馈。如设计多页问卷时应该告诉用户进行到哪个步骤，要保证让用户在尽量少受干扰的情况下得到最有价值的信息。提供有用信息的反馈。体验不佳的错误消息通常会只显示错误代码，对用户来说这毫无意义。作为一名好的设计师，你应该始终给用户以可读和有意义的反馈。

　　4、设计流程需要设计一个完结

　　不要让你的用户猜来猜去，告诉他们其操作会引导他们到哪个步骤。例如，用户在完成在线购买后看到“谢谢购买”消息提示和支付凭证后会感到满足和安心。/

　　5、提供简洁的错误操作的解决方案

　　用户不喜欢被告知其操作错误。设计时应该尽量考虑如何减少用户犯错误的机会，但如果用户操作时发生不可避免的错误，不能只报错而不提供解决方案，请确保为用户提供简单，直观的分步说明，以引导他们轻松快速地解决问题。例如，用户在填写在线表单时忘记填写某个输入框时，可以标记这个输入框以提醒用户。

　　6、允许撤销操作

　　设计人员应为用户提供明显的方式来让用户恢复之前的操作，无论是单次动作，数据输入还是整个动作序列后都应允许进行返回操作，正如Shneiderman在他的书中所说：“这个功能减轻了焦虑，因为用户知道即便操作失误，之前的操作也可以被撤销，鼓励用户去大胆放手探索。”

　　7、给用户掌控感

　　设计时应考虑如何让用户主动去使用，而不是被动接受，要让用户感觉他们对数字空间中一系列操作了如指掌，在设计时按照他们预期的方式来获得他们的信任。

　　8、减少短时记忆负担

　　人的记忆力是有限的，我们的短时记忆每次最多只能记住五个东西。因此，界面设计应当尽可能简洁，保持适当的信息层次结构，让用户去再认信息而不是去回忆。再认信息总是比回忆更容易，因为再认通过感知线索让相关信息重现。例如，我们经常发现选择题比简答题更容易，因为选择题只需要我们对正确答案再认，而不是从我们的记忆中提取。

　　三、网站UI设计的成本

　　首先要确定设计是否有功能架构或者是界面草图因为这是架构师提前做好的，必须要提供给设计师来做的，设计师是不参与架构设计的，设计师只是一个执行者，因此，客户必须提供有效的功能架构规划和界面草图。根据架构，可以轻松计算出来，到底有多少个界面量，每个界面大概是什么样子的，需要设计什么对象放进去，这样工作就一目了然了。一般主界面的价格是800到2000元，频道界面和内页的设计价格是300到1000元;Ul设计需要切图有的只需要两种状态的按钮切图，有的则需要整个界面用HTML代码排版做成静态页面，这样的价格都不同，而且各项单价，需要额外加多200-600元。

　　这个价格仅供参考，每个地方的价格可能有部分差异