如何设计一个网站的UI

  • By 本站 - 2023-03-28 14:57
  • Read:405

  UI设计是创建应用程序用户界面的外观和感觉的过程。用户界面(UI)包括应用程序的外观和交互性。用户看到的颜色,他们阅读的文本,他们点击的按钮,他们与之交互的动画都是应用程序UI的一部分,因此是UI设计师的职责。

 1. 了解用户的痛点

  了解用户的痛点是UI设计过程(以及UX设计过程)中必不可少的第一步。这不仅仅是人口统计学的问题。他们多大了,住在哪里——这些都不是最重要的问题。你必须了解你的用户需要什么(包括他们不知道他们需要什么),他们有什么期望,以及他们在完成任务时面临什么挑战。只有这样,你才能创建一个尽可能简单有效的用户界面。这不仅需要数据和分析,还需要同理心。访谈、在线调查和用户测试只是你了解将使用你网站的人的几种方法。这些见解将为UI设计过程的每个阶段提供信息。

 2. 编写用户故事

  在您完成了访谈、调查和用户测试之后,您将获得关于用户的大量丰富信息。使用和组织这些信息的一种方法是创建用户描述。根据UI/UX架构师Tom Brinton在一篇关于UXBooth的文章中所述,用户故事描述了用户想要使用应用程序实现的基本目标。它们通常只有一句话,并遵循这样的格式:“作为用户,我想……[一些目标]。”

   想一下使用送餐服务套件的用户可能想要实现的一些目标。下面是一些使用用户故事格式的例子:

   “作为用户,我想创建一个新账户。”

  “作为用户,我想登录。”

  “作为用户,我想添加我的付款信息。”

  “作为用户,我想更改我的地址。”

  “作为一名用户,我想改变我收到快递的频率。”

  “作为一名用户,我想改变我的送货日期。”

  您需要对更多的用户故事进行头脑风暴,以确定用户对送餐服务套件的所有目标。虽然这一步可能会花费大量的时间,但这是值得的。首先确定用户描述将确保用户的需求和行为决定应用程序的设计和功能——而不是相反。

 3.制作接口清单

  现在您已经清楚地了解了用户想要什么和需要什么,您可以创建用户实现其目标所需的UI元素和功能的清单。网页设计师Brad Frost将其称为“界面目录”。你需要版式、图像、媒体、表格、表单、按钮、导航系统,以及组成界面的其他零碎部件。如果你和你的团队已经设计了其中的一些组件,或者在其他营销宣传品中使用了它们,那么弗罗斯特建议将它们截屏,并在PowerPoint中编译和分类。在这个阶段,您将能够识别任何不一致的地方——也许您设计了一个圆形边缘的按钮,而另一个团队成员设计了一个方形边缘的按钮——并开始识别模式。这将有助于简化UI设计过程。

 4. 识别设计模式

  在确定界面清单时,可以确定常见的设计模式。设计模式是软件设计中反复出现的问题的通用解决方案。它们不是代码,而是解决问题的模板或描述,可以应用于不同的情况。例如,问题是一个网站有很多部分,但导航菜单的空间有限。在这种情况下,垂直下拉菜单可能是一种解决方案。识别这些模式有助于在UI设计过程中保持一致性和效率。

 5. 创建一个原型

  原型是一种半功能布局,它提供了实际应用程序界面的外观和感觉的高保真预览。大多数原型都不具备应用程序的全部功能,但它将模拟应用程序的工作方式,并允许客户和其他利益相关者在界面上单击。通过原型,UI设计师和其他涉众可以演示和讨论元素如何工作,测试他们的想法,并进行更改。在这个阶段,UI设计人员通常将他们的设计交给开发人员来开始实现。


转载请保留出处及原文地址:https://www.shishangjue.com/article/474.html

上一篇:UI设计和UE设计差异对比,你有没有了解对?     下一篇:UI设计原则

直线

设计总监
138-0225-7571

微信
WhatsApp

WhatsApp
+8613802257571