UX、UI的定义和区别
我们是搞网站模板设计的,设计师都知道UI是什么意思,可能也有人听说过UX,但他们的本质的东西和区别可能大部分人不知道。简单来说,UI(用户效果)就是体现在屏幕上的效果和UX(用户体验)就是用户感觉到的效果。举个栗子说明,表单中的按钮呈现在人们眼前就是一个UI,当用户点击了按钮产生了3D效果的时候就是UX。跟着下面的文章一起来了解吧!
如何通过区分两者来完善两者。
UXPin(线框图及原型制作应用) 的 Chris Bank将在本篇文章中对UI和UX进行比较,并说明为什么有时我们的UI会很失败,以及UI是如何塑造UX的 另请见《Web UI最佳实践》了解多达33家公司产品的范例分析。 Web端的用户体验(UX)是指人们在使用网站时所获得的抽象感觉。用户界面(UI)则是指人们的交互对象,是用户体验的一个组成部分。 在设计网站时,应该尽量保证UX正面积极,让用户享受你的网站,这是问题的关键。但是,就像一家公司不能“想赚钱就赚钱”一样,网站的UX也不是说改进就能改进的。要获得优秀的UX,就要采用一定的战略,也就是通过UI对其进行提升(或弱化)。
对于网站来说,公司设计团队完善UI的目的通常是为了提高UX。菜单项、按钮、文字、图像、视频以及其各自在页面上的位置构成了界面,所有这些要素都应当仔细规划。而这些就是UX的组成元素,它们的使用方式直接影响着用户的感觉。 我们首先通过几个示例来概览一下UI,说明有哪些策略可以帮助你了解为什么优秀的UX取决于UI的优劣,然后再详细讲解一下为什么塑造UI要比塑造UX容易(虽容易,但不一定就能做对)。
一、Web端UI的是与非
在web端,比方说设计师想添加拖拽文件作为整理内容的方式。这就属于UI的范畴。又比方说用户觉得这个网站没有另一家竞争对手的网站做得好,因为在另一家网站上用户能够轻松简单地听几个小时的音乐。这就属于UX的范畴。 如Web端UI最佳实践2014中所述,Web端UI是指构成网页的各个要素的设计、呈现和执行。诚然,上述囊括了设计师能够放到网站上的几乎所有内容,因此必然变幻多样,但幸运的是,我们可以借用Usability gov(一家领先的UX最佳实践与指南资源网站,其将上述内容以方便好用的方式进行了归纳分类):
输入 — 文本框表单、日期框表单、下拉列表、勾选框、列表框、可点击按钮、拨动按钮
导航 — 滑块、搜索框表单、页码标记、侧边栏、标签、图标
分享 — 好友列表、关注按钮、赞/推荐、分享按钮、邀请好友
信息 —文字内容、工具提示、信息框、通知、图标、进度条、模拟窗口
例如:《OS X Yosemite 力求打造优秀UI》。尽管Yosemite是一款操作系统(而不是网站),但在UI背后的原理同样适用于web环境。其在可点击按钮(输入)上所实现的视觉效果让操作系统的使用更加令人愉悦,其充满活力的侧边栏(导航)能够让用户看到窗口后方的内容,明快的通知中心(信息)能够在不影响桌面空间的情况下提供用户所需信息。
最重要的是,正如Apple在其UI指南中所述,这些元素有助于描绘“自定义功能及独特用户体验”这一更为宽广的图景。Yosemite UI的终极目标是让呈现出来的操作系统达到能让用户自由定制,而又不会太过复杂让用户不知所措的状态。
二、观察实际操作下的UI
UI和UX是两个不同但又彼此相连的概念。 如Web端UI设计模式2014中所述,Google Play充分运用了UI拖放技巧(其称为“模式”)。
os是什么意思衣服
在其网站上,用户可以将歌曲拖放到播放列表中,然后通过拖放调整播放顺序。观其效果,用户只要告诉应用自己喜欢的歌曲有哪些,然后就可以尽情享受音乐,不再进行过多操作,这就大大改善了整体UX。这样一来,其UI的选择(拖放)实现了便捷和个性化,从而改善了UX。
下面我们来看一个相对不那么直接的示例。比方说,很多用户因为不喜欢先登录才能使用某些功能而彻底抛弃了你的网站。那么这就是个显然的UX问题,因为你的体验效果是促成用户离开。不过你也许能够从UI中寻问题的根源。有可能你现在的登陆过程需要用户填写过多的表单内容。如果是这样,你可以采取即时使用(“免注册”)UI模式作为解决方案。这样一来用户就能在不注册的情况下直接使用网站大部分内容。在自由浏览了一定时间后,用户可能就会决定注册账户,特别是如果网站有仅限会员使用的有门槛功能。 AirBnB就采取了这种方法吸引新客户。非会员用户可以和会员一样自由浏览网站上的所有帖子,这样他们就能看到AirBnB上有很多有意思的内容。但是,在他们需要预留房间时,就需要先注册才能预订。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论