联系电话136 8812 4668(业务咨询) / 158 8206 4880(服务投诉)
赛门仕博官网

1

2018年07月25日

六个引人入胜的网站用户体验设计:谁做对了?

每个网站都是独一无二的,因为它可以为特定的用户群提供服务。每个网站是经过精心设计的,围绕满足这些用户的需求并帮助用户轻松完成任务或目标而设计。不过,从其他公司的UX创新中可以学到很多东西。看到其他人在其网站上创建具有吸引力或功能异常的体验,可以激发有关如何改善成都网站设计体验的想法。以下是一些真正令人印象深刻的网站用户体验设计的例子。


1,多林戈

Duo lingo是一种使用的绝对乐趣。如果一个平台可以宣称“让学习变得有趣”,那就是Duo Lingo。该服务可以帮助用户学习一种新语言,界面简单,友好,平易近人 - 这似乎是使学习新语言的恐吓过程看起来正确的方法。该网站可以让用户在几秒钟内开始使用该服务,而无需强制他们创建帐户。这允许用户在完成创建登录名和密码的步骤之前自己体验平台。您可以想象,一旦用户体验到平台的易用性和趣味性,他们就更有可能创建一个帐户并成为一个专用用户。

多林戈网站首页设计
多林戈网站banner样式设计

Duo Lingo以一种非常容易理解和互动的方式向用户提出问题。进度条指示用户在模块中的距离。答案 - 正确或不正确 - 用颜色和声音加强。

多林戈网站流程设计

2,维珍美国

预订机票并不总是最愉快的体验。许多航空公司都有“笨重”的网站,使搜索和预订航班成为一个完全艰苦的过程。也许这就是为什么登陆维珍美国网站感觉几乎像一个激进的体验。该网站干净而现代,它确定了主要的用户目标 - 预订航班 - 正面和中心。文字很大且可读,航班价格和时间都是提升的。维珍美国网站的最佳功能之一是能够根据航班成本选择日期 - 这对于在旅行日期具有一定灵活性并正在寻找最佳优惠的用户来说是一个重要的鼓励。

维珍美国航空公司网站订票界面

用户的旅行详细信息将在整个过程中保存并显示,并且可以随时更改或更新,而无需再次开始搜索。

航空公司网站订票流程设计


3,蓝色围裙

Blue Apron有一个惊人的主页,其中包含有用的内容,以引人注目的方式呈现。长滚动页面具有小动画,可吸引用户注意力并鼓励用户与网站内容进行交互。页面的每个部分都有一个强大的号召性用语,为用户提供了进入下一步流程的方法。

蓝色围裙网站首页设计效果

Blue Apron的注册过程也值得注意。这是一个简单的三步过程,通过强调视觉效果和选择时的积极强化,可以选择用户偏好。

蓝色围裙用户注册界面设计

4,Apple

看到Apple列出这个名单并不奇怪。令人惊叹的视觉效果,清晰的信息以及以可消费格式呈现的丰富信息都可以带来愉快和实用的用户体验。Apple网站在允许用户有意义地探索和体验产品方面做得特别好,即使他们实际上无法触摸它们。Apple网站不是试图将复杂产品的每个细节都塞进静态布局,而是鼓励用户通过扩展和折叠不同元素来浏览更多信息来与产品页面进行交互。这是对空间的有效利用,并允许用户跳过他们不太了解的东西。

Apple苹果网站首页设计
苹果网站产品页面设计

5,大西洋

深入滚动的主页几乎可以保证您无法登陆网站而找不到您感兴趣的内容。内容根据广泛的类别进行整齐排序,每个类别都明确划分。文章模糊设计的方式有一个美丽的层次结构 - 一个图像,一个大的,可读的文章标题,较小的模糊文本(但仍然可读!),以及作者的名字在大西洋的红色强调色。这些小小的触动使人们可以轻松地关注和解释内容 - 坦率地说,新闻网站和内容提供商并非总是如此。

大西洋新闻网站设计

文章页面本身也经过精心设计。有一个粘性页脚,让用户可以轻松返回主页,在Facebook或Twitter上分享,或者继续阅读任何内容类别的下一篇文章,文章页面上的文字大小调整也很好。


6,Warby Parker

Warby Parker网站让在线购买眼镜成为最简单的事情之一。但该网站的最佳部分(至少从用户体验的角度来看)是结帐流程。Warby Parker的结账流程显然已经过精心设计,以尽可能减少完成的障碍。表单很小,只包含少数几个字段。每个类别都会随着用户的流程而扩展,从而使形式在初看时不会让人感到压力。

Warby Parker眼镜pc网站结账页面设计
眼镜网站结账流程设计

使用移动设备在线购买产品(即:完成结账流程,而不仅仅是浏览产品)绝对是我们越来越习惯的流程,但它仍然非常受欢迎。通常这种体验很烦人或者不必要的困难,以后在桌面上完成购买会更容易。但Warby Parker的移动结账流程非常完美。他们尽可能地减少字段,在您键入时预测和自动填充您的地址,并且表单垂直堆叠以便最佳移动使用。

眼镜电商移动网站结账页面设计