您的浏览器版本似乎过旧
我们的网站在最新版本浏览器上会表现更好
好的

7个能够提升用户体验的交互设计

TMO Group2015年09月08日
7个能够提升用户体验的交互设计

很多时候,我们都是以外观来看待某项事物。这种“外貌主义”的思想对大部分的人来说是根深蒂固的。一个很典型的例子就是再有内涵的书籍也是需要封面设计的,这就是人们对这本书认识的第一道坎。

如果相对于网站来说,那么问题来了,怎么样可以让用户对你的移动应用有个很好的第一印象呢?如果用简单的一句话来说,就是用“以人为本”的设计。这句意味着你的网站要用亲民的语言和吸引人的设计等。同样一个好的交互设计效果同样可以让你的网站脱颖而出。那么什么样的交互设计可以说是“好”的设计呢?基本上包括一下三个特征:

  • 描述状态并给出反馈
  • 有一定的引导效果
  • 能告知读者行为的状态

手机网站建设如何提高用户体验手机正在迅猛增长。手机已经超越PC,成为最主流的上网方式,这个趋势是不可逆的。追求极致的用户体验是移动互联网竞争力的核心,智能手机和平板电脑的普及,产生了越来越多的移动端客户流量,尽管基于手机和平板电脑的网络浏览器种类繁多,功能也都越来越完善,但限于较小的终端屏幕以 及网络流量的问题,移动设备并不适合直接浏览各种基于电脑登陆的网站,因此,做为有前瞻性、预见性的企业,有必要为自己建站一个移动网站。(推荐阅读:为什么需要手机网站开发)|手机正在迅猛增长。手机已经超越PC,成为最主流的上网方式,这个趋势是不可逆的。追求极致的用户体验是移动互联网竞争力的核心,智能手机和平板电脑的普及,产生了越来越多的移动端客户流量,尽管基于手机和平板电脑的网络浏览器种类繁多,功能也都越来越完善,但限于较小的终端屏幕以 及网络流量的问题,移动设备并不适合直接浏览各种基于电脑登陆的网站,因此,做为有前瞻性、预见性的企业,有必要为自己建站一个移动网站。(推荐阅读:为什么需要手机网站开发)用户体验设计中,最重要的是就是以用户为基础,并能够了解他们当时的感受。有时候尽管是一些小的细节,也会带来很大的帮助。今天我们一起来看看如下的7个能够提升用户体验的交互设计。

1. 显示系统状态

用户通常都想知道他们行为的后续结果,而且是越快越好。例如刚打开一个应用,上传或下载一个文件,发送邮件状态的等等。这个时候用户就需要一个状态提示,来使他们能够耐心的等下去,让等待的画面不那么无聊。下面是一些有趣的例子。

显示系统状态

显示下载状态

2. 高亮显示一些改变

为了节约空间,手机端的应用通常会用一个按钮来代表多个功能。这有一个弊端就是有些用户并不知道这些,所以他们可能会需要一些提示。以下是一些很巧妙的设计:

按钮cta

按钮设计

按钮设计1

3. 保持上下文联系

鉴于手机端屏幕大小的限制,合理的在一个页面上展示大量的信息是有一定挑战的。其中一个聪明的方式就是从清晰的导航入手。如果页面有清晰地导航,其结构也会变得清晰明朗,用户也更容易知道怎么前进与后退。以下是一些此类设计的推荐:

导航设计

 

导航设计1

4. 非标准的布局

正如前文提到的,一些小的互动元素可以帮助用户理解整个应用。如果我们想用一些创新的方式来展现滑动图片,表格或者切换人物等效果,不妨试试如下的几种方式:

滑动图片

滑动图表

切换任务交互效果

5. 行为召唤

一些好的行动召唤(CTA)可以让用户们流连忘返。其中包括浏览的展现效果,分享后的效果,点赞的效果等等都是可以抓住用户目光的元素。

行为召唤 分享效果 点赞效果

6. 可视化输入

数据输入也是任何移动应用开发中相当重要的一环。其质量取决于用户输入数据时的感受。一般情况下这看起来是很单一枯燥的,但是如下的一些输入设计却使它生动起来:

数据输入 日历查看 搜索框输入

7. 生动的教程

最后,在大部分复杂的应用的启动阶段,都会有一些简单的教学引导。其实这一段也可以做的很有趣,让用户更好的享受你的应用带来的改变,而不是仅仅作为一个形式的存在。

应用教程 应用教程1 应用教程2

 

分享: 
微信扫码分享
下载

相关洞察

所有洞察
All
Market guide
Industry report
Outlook
Localization
Data pack

与我们交谈

获取助力您业务增长的解决方案
联系我们