APP设计之视觉吸引

常见模式 : 对话框 ( D i a l o g )、提示 ( T i p )、使用向导 ( T o u r )、视频演示 ( D e m o )、幻灯片(Transparency)、首次使用引导(1st Time Through)、持续视觉吸引 ( P e r s i s t e n t )、可发现的视觉吸引 ( D i s c o v e r a b l e )。

你还记得第一次使用Photoshop 的情形吗?我的印象是,打开应用程序之后,呈现在眼前的是一个空白的画布和一系列功能强大的工具

当然,这只是我的想象,这些工具是不是一定就有非常强大的功能,当时还不得而知。实际上,我根本就无从下手,但我已经在这款软件上花了不少钱了,就应该学会如何使用它。所以我买了一本 Carla Rose 编写的教程——Sam’s Teach Yourself Photoshop 5 in 24 Hours,然后开始学习。

大约十年之后,市场上已经有成千上万个移动应用。在任何一个类别里都有几十个具有相同功能的产品,并且很多都是免费的。因此,如果产品界面无法在5 分钟之内留住用户,那么用户就会转而下载另外一款应用。Layar Reality Browser,这款增强现实的应用给你的第一印象如何？

什么东西能让我从这个灰色的屏幕上看到接近于现实世界的东西?是视觉吸引!视觉吸引是非常有效的提示工具,通常在用户第一次打开某个应用,或进入某个新的界面时出现。简单的视觉吸引能扭转乾坤,把令人沮丧万分的第一次使用经历变成满意的产品使用体验。

移动应用中的视觉吸引模式如图所示：

常见视觉吸引模式

一、 对话框

或许是因为很容易通过编程实现,带有使用说明的简单对话框是移动应用中常见的视觉吸引模式,但它也是容易被忽略、得不到用户注意的元素

对话框的内容一定要言简意赅,确保用户可以通过其他方式访问程序的使用说明。

一、 提示

提示可以出现于屏幕的任何位置,它比对话框更能融入使用情境。除了主页面之外, 提示也可用于其他屏幕。eBay 的应用利用提示把用户的注意力引导至Save a Search 功能,如果没有提示,用户可能会忽略这一功能,因为此处通常用来显示页面标题

提示要尽可能地接近它所指向的功能,保持内容的简洁,在交互开始时 (也就是当用户触摸屏幕时)关闭提示。

一、 使用引导

通过提供一屏又一屏的新内容、不断出现的新功能,使用向导能提供无尽的视觉吸引。Nike GPS 的使用向导模块就是个非常优秀的设计,它专门针对移动终端进行了优化, 简化了内容、导航,使图像更生动并使用了明显的退出标志(

使用向导能很好地从用户使用目标的角度出发,突出应用的主要功，顾内容简洁和视觉效果。