厦门网络公司:以用户为中心的设计过程的最终指南

发布时间2020-04-15    阅读:323    作者:厦门网站设计开发公司

以用户为中心的设计概念对网站来说并不新鲜。用户体验是一个迅速增长的界面设计领域,它正变得非常受网页和移动应用程序设计者的欢迎。

但你到底是怎么通过以用户为中心的设计过程?我想介绍一些以用户为中心的设计技巧,您可以应用于每一个新项目。通过将用户放在第一位,并考虑到可用性,就可以更容易地设计出吸引注意力并将人们留在页面上的界面。

什么是以用户为中心的设计?

思想以用户为中心的设计在软件开发领域已经存在了几十年。设计师在创作过程中的每一步都要考虑用户的行为。如果您关注的是用户,那么您需要考虑用户的行为以及他们的典型行为。

下面是从维基百科条目用于以用户为中心的设计。

厦门网络公司以用户为中心的设计可以被描述为一个多阶段的问题解决过程,它不仅要求设计者分析和预测用户如何使用产品,而且还需要测试他们在实际测试中对用户行为的假设的有效性。


为用户设计界面的最佳方法是将自己投入到他们的思维中。他们的目标是什么?他们需要履行哪些职能来完成这些目标?仅仅通过查看一个接口就可以明显地了解哪些操作是可用的吗?

在像PayPal这样的网站上,目标可能是寄钱、寄发票、把钱转到/从银行账户,或者其他许多类似的行动。在这个过程中,每个目标都有一系列不同的步骤。

paypal account redesign ui layout

设计多方面的界面需要明确的方向。我发现最好列出网站的所有基本功能,并按优先级进行组织。这样,设计一个侧重于最重要任务的接口就更容易了。


其目标是创造一种用户直观地快速获取的体验。或者如果这是不可能的,至少创建一个可学很容易得到一些指导。

以用户为中心的设计在两个不同的阶段之间振荡:设计和测试。您首先根据用户行为的假设来规划界面。然后你可以在真实的用户上测试界面,看看你的假设是否正确。

有些可能是正确的,而另一些则并非如此。从那里你又调整和测试。

此策略迫使设计人员创建以下接口用户自然行为而不是强迫用户只为您的界面学习新的行为。

例如AdobePhotoshop或Maya。这些程序是难以置信的复杂,没有办法使这些自然直观的初学者。然而,一旦你学习了Photoshop,学习其他Adobe程序就容易多了,比如IlluStrator、Flash或InDesign。

桌面软件遵循一定的设计标准,就像网站一样。如果您了解用户通常在页面上的行为,那么从零开始设计自然网站UI就更容易了。

可用接口提示

重要的是要记住,你认为某事的工作方式可能与用户的想法完全不同。作为一个以用户为中心的设计人员,您的目标是将所有内容合并在一起,这样界面的工作方式非常类似于用户认为他们应该如何工作。

一个很好的例子是费利接口。它有许多怪癖和特点,有些比其他的更好。我相信,通过研究以用户为中心的设计原则,费义德设计师可以学到很多东西。

假设您找到一个RSS提要并将URL复制到Feedly帐户中。这是一个非常常见的动作,所以应该点击一下就可以了。

feedly user interface design

然而,当我登录到Fely时,这就是我的屏幕的样子。你看到任何明显的“添加提要”链接吗?加号图标?有什么可以添加新提要的吗?

这是我在使用Feedly时经常面对的一个突出问题。您要做的是单击侧边栏中的“发现并遵循”链接,粘贴到提要URL中,然后等待它自动建议提要添加它。

Feedly实际上是用来收集和组织饲料的。添加一个新的提要是这样一个程序的主要功能,但是它隐藏在一个没有人会第一眼猜到的链接后面。这是相反的以用户为中心的设计。

你可以从这种失礼的设计中学到很多东西。最大的教训是测试您的接口反对常见的用户行为。在考虑到用户通常的行为之前,不要拿起铅笔或创建新文档。

首先列出您的站点需要的所有公共功能,并按优先级对它们进行组织。还可以考虑不同页面的优先级如何变化。

例如,在Feedly中,我可能希望将一个提要直接添加到文件夹中。因此,当我浏览我的“webdev新闻”文件夹时,应该有一个加号图标,可以快速地将提要添加到该类别中。


让我们回到PayPal的例子,说我们在发票页面上。以下是用户可能需要执行的一些常见操作:

  • 创建新发票
  • 创建发票模板
  • 浏览过去的发票
  • 核对当前未付发票

所有这些都是快速和容易与贝宝的当前网站。

如果您组织了用户行为的假设,那么创建符合这些行为的界面就更容易了。

设计以用户为中心的网站

厦门网络公司有许多不同的技术以用户为中心的网站他们都回到了常识设计.


网络上的每个人都认识到基本的设计模式。标题通常包括导航链接。内容区域通常是页面上最宽的块。页脚通常有链接,这些链接在顶部导航菜单中并不突出。

通过遵循这些约定,您将遵循用户假设。当这么多人习惯于以一种非常具体的方式与网站互动时,很少有必要逆势而行。

例如,苹果的Mac网站在每个不同类型的iMac或MacBook的子导航中都有链接。这通常是每个用户在访问此页面时都要寻找的内容。

apple mac webpage design layout

Web用户与软件用户并没有很大的不同。不同的媒体有自己的界面设计模式,但是用户行为通常遵循线性的行为过程。

如果您正在构建以用户为中心的网站,那么您主要关注的是页面上的行为。大多数网站都保存着人们需要的信息。但其他网站更有活力,比如社交网络和论坛。

基于用户需求和行为。这是一个以用户为中心的网站的关键,通过在真实用户上测试站点,您将学到很多东西。

用户测试工具

以用户为中心的设计的基础是为用户创建界面,并运行测试来评估用户的反应。第一部分很简单,如果你对可用性.

后者要困难得多,但仍然是谜题中的一个非常重要的部分。在你对现场观众进行测试之前,你永远不会真正知道一个概念是否会起作用。

谢天谢地,有大量的工具和网络应用可以用来收集真正的用户反馈。这些都是我的主要建议,但新的工具经常出现,景观总是在变化。

用户测试

usertesting website

最著名和最受信任的服务是UserTesting.com。您不仅可以测试基本的用户行为,还可以测试交互性和跟踪运动,如下载或视频查看。


他们有一个免费的服务叫做窥视这对于以用户为中心的设计来说是非常完美的。你可以得到一个用户与你的网站互动的5分钟免费视频。这是完全自由这也是衡量用户测试服务质量的一种方法。

Peek不会出错,虽然样本大小很小,但您可以从一个用户测试中获得一些想法。

回望

lookback website

这个回望服务更多地面向软件和移动应用程序,但这种功能也可以应用于网络接口。您可以为用户测试池中的每个人提供一个实时视频。


这包括屏幕的视频以及用户对界面的反应。一切都可以通过Skype观看和分享,以使这个过程更容易。

回顾对于团队中其他成员的协作和分享想法来说是非常棒的。它是用于用户测试的最简单的工具之一,并提供了大量的高级功能。

UsabilityHub

usability hub homepage

另一个很受欢迎的品牌是UsabilityHub它提供了许多不同的可用性测试。您可以运行单击测试来观察用户的行为,也可以运行问题测试,询问用户有关其体验的问题。其他选项包括一个5秒测试和一个偏好测试,其中用户在两个选项中选择他们最喜欢的设计(比如徽标或界面)。

这些测试非常具体,而且非常容易运行。我也认为UsabilityHub是最优惠的价格之一。你可以访问他们所有的考试,你可以用他们独特的记分系统为他们单独付费。检查一下定价页面了解更多关于此操作的信息。

TryMyUI

try my ui design

我没玩过TryMyUI但大多数反馈似乎都是非常积极的。您设置了一个特定的测试,并从大量用户中进行选择。

测试运行并记录屏幕上的所有内容。然后,您可以回放整个过程,并观看用户试图解决您的界面问题。每个测试允许每个用户有4个独特的问题,可以提供更多的信息。

TryMyUI有一个不错的免费帐户,您只为运行的每个测试付费。这些特性可以与其他工具相媲美,这对于UI/UX设计人员来说是非常完美的,特别是在网站上工作。

这4个工具可能为以用户为中心的设计测试提供最好的起点。但还有许多其他选项可用,我列举了以下几个选项:

  • OpenHallway

  • 瓦利达

  • WhatUsersDo

  • 环11

对于厦门网页设计师来说,所有这些工具都是很好的选择。无论您选择什么,您都会得到一些不错的结果,可以根据这些结果来改进界面。

当你第一次练习以用户为中心的设计时,它可能会觉得有点奇怪。但随着时间的推移,它会成为你自然节奏的一部分。无可否认,这是设计界面的最佳方式,使其能够正常工作,并对新用户具有最大的学习能力。

如果你有兴趣了解更多这个职位关于可用性第一。

最好的学习方法就是钻研和练习你的下一个项目。每当您开始一个新的Web设计项目时,都要考虑典型的用户行为、行为和期望。这篇文章可以帮助你完成一个以用户为中心的设计过程。


QQ客服
胡经理