所谓的交互设计,其实设计的就是人如何向机器发送指令,机器如何向人传达信息,一来一往是为交互。当要传达的信息量很少时,好办,就像引航员软梯
Google的搜索框那样,往白底上一放就行了。但当等到信息是海量的、在一屏上难以全部呈现时,就需要有效地组织信息,将部分信息先隐藏起来,待到用户需要时再将用户引导到那里。在界面设计中,广义地来讲,从一组信息向另一组信息转移的的过程,就称之为导航。 曲靖地震
明确了定义,我们就该知道,一个好的导航设计应该让用户明白:
1. 现在在哪儿
2. 以前去过哪儿
3. 将来应该/博客动力能够去哪儿
4. 怎么去
5. 怎么回
判断一个导航方式设计的是否合理,也可以利用这几条一条条比对一下。下面,让我们来看一下手机界面中常用的导航方式。 一、拖动
贝尔不等式
定义:手指在屏幕上按下,向某方向平移。
适用情景:若要呈现的信息超出一屏所能容纳的范围,则在符合用户心理模型的前提下,
可以将内容在一维或者两维德方向上排布,用拖动屏幕内容的方式来浏览所有信息。
例如,很长的文章、电子书、列表(纵向的一维),一年内的详细股价折线图(横向的一维),地图、1:1显示的网页和图片(二维)
讨论:没错,你没有看错,这是触摸屏手机上最简单、最土鳖也最基础的手势。按照对导航的定义,这确实是一种导航方式,用户可以向某个方向拖动屏幕,去浏览当前屏幕以外的信息。用户很容易学会使用这种导航方式,就是把挡在边框外的内容拖进来看嘛。最简单的方式,往往也最有效的。
完美无止境:
虽然这是最土鳖的导航方式,但是为了设计一个符合刚才所列5项基本原则的导航,还是有很多创意可玩的。
KnotGuide在同一页上显示了绳结的示意图和解说。过长的解说文字需要先隐藏一部分,拖动浏览全部。为了让用户知道将来能够去哪里(3),它给文字的底部蒙了一层半透效果,以暗示还有一部分没展示,可以继续往下看。同时,在刚进入该页面时,文字区右侧的缝隙天线scrollbar会短暂显示2~3秒,再消失,这也能起到同样的暗示效果(这可能是Android平台内置的默认效果)。