科幻电影中经常出现这样的场景:博士或者司令进入主控台随手点击全息投影的屏幕,屏幕立刻响应调出超高逼格的资料内容。科技感爆表!
当年认为不合理啊,鼠标键盘呢?凭简单的手指点划,计算机就get到你需要的资料是什么?而随着PC键鼠操作的时代转变为平板触屏操作时代,科幻片的交互渐渐实现,以前固有的操作方式在逐渐改变。 朝这高逼格的交互界面又进一步了。引子太长了,下面归纳界面上正在改变的东西:
展示层
1. 单页面展示。目前由于带宽与前端技术的限制,单页网站还是少数,如发布预告、单一产品展示,目前大家浏览的多为平台级大型网站,里面海量的信息需要改动为单页还是个漫长过程。未来越来越向单页面应用靠拢,整个内容的信息展示层级趋向于扁平,浏览内容需要过渡时使用动画指引作为过渡,从而替代老旧的另打新页面或者刷新整页面,感受更为流畅。此外由于单页链接多为指向自身,在seo方面也更为优秀。当然,也存在需要攻克的问题。内容在转换时会有一个加载的过程,如何在过渡时做到视觉连续?我简单说下目前自己常用的小技巧,无法立即加载呈现的内容可以用渐隐渐现的过渡效果,减少心理上的等待时长与视觉上的闪动。而遇到较高画质的图片,可考虑事先加载缩略图,然后让图片有个放大的过渡,放大的时间用于加载,同样可以减少心理上的等待时长。类似的方法有很多,需要根据其页面内容来做出符合实际物理规则的方法即为好方法。当然多设备的自适应这个问题什么界面都逃不过,单页面如何去让内容更加简洁,这就是接下去讲的一点了。
2. 以内容为主体。这种说法有点泛,内容为王被提及好几年了,从web 1.0资讯时代开始宣扬,但当下页面不再是所有用户所有时间所有场景都一致的web 1.0模式,而是根据用户的使用场景推送其不同内容。其内容为王亦是指定制化倾向,合理推送用户兴趣相关内容。时下app中在第一次进入,便让用户选择兴趣点以方便后期的智能推送。内容为主体,于运营会考虑时效、传播等,于技术会考虑推荐算法、数据过滤等。而在设计需要做些什么?设计前了解清楚展示的内容与用户目标,使用大小、色彩、位置的对比,凸显目标内容。另外,更重要的是开头所提及的,页面不再是静止不变,必须了解用户使用场景,以及内容本身是否带有先后逻辑。设计时为每一种情况做出响应界面。
3. 隐喻的图片内容。图片与动画不仅仅用于观赏,同时需要考虑视觉隐喻与心理暗示。这一点经常在游戏界面中应用。有篇文章详细介绍了隐喻入门,这里不班门弄斧了。附上大神的解答链接:
@-eno-one-《怎么用隐喻设计引导用户》http://www.zhihu.com/question/27045398
4. 立体设计,视觉上不局限于平面,增加了z轴,空间感更强。如前几年流行的视差滚动设计,在很多时候就运用来z轴的概念。界面空间感强的设计与生活的三维空间更加贴切,会增加用户的代入感。空间中设计元素的变化也易于让用户感知到。此外,画面增加了z轴,在操作上也就增加了更多方式,接下去将下面内容中讲解操作层的变化。
操作层
1. 触摸操作的兴起,由键鼠控制的时代逐渐转变为触摸屏控制的时代。为了视觉与触觉越来越趋近于现实,即设计时倾向于所见的内容即可触碰,触碰区域即可给予用户反馈。作为触动人心的移动设计师,你是否在设计时考虑到界面每个区域都有可能被用户触碰了呢?特别是面向少儿的产品,他们可对点击屏幕没有那么多思考与犹豫,对于吸引其注意的信息便会尝试点击。
2. 全方位浏览内容。查看同一页面其他内容不再局限于上下的滚动条,而是可以更加自由地上下左右随意拖动,甚至可以带上上面说叙述过的z轴,通过手指的合拢与深按来模拟上拉与下沉。即整个交互界面并非带有区域限制的平面,而是打破这个限制,作为一个立体的空间存在。设计时此类界面时, 需要考虑好如何展示内容在平面化后层级与导航。
3. 记住用户可能重复输入的信息,如之前项目中的充值账号二次输入、邮政编码的输入。充值账号输入,手机或者电脑摄像头可以通过扫码录入,输入后展示用户名,以便用户及时校验。而类似于地址或邮政编码,根据用户的地理位置推送给用户选择确认,而不是立刻展示给用户键盘输入的文本框。
4. 减少输入用户名、密码、验证码的时间,登录注册是一个频繁操作,因为技术局限,需要用户花费大量时间去验证本人,而随着手机扫描二维码,甚至于指纹识别、人脸识别技术的发展,许多登录方式可以大规模地简化。
5. 个人定制化界面。如同搭积木,让同级模块颗粒化。简单的例子,如iPhone应用列表界面,应用可以随意移动位置也可以打包成文件夹,AssistiveTouch的工具栏可以打开也可以关闭。目前定制化多用与系统界面,随网络环境越来越好,系统从个人主机逐渐被后移至服务器端,终端机器使用浏览器便可完成信息操作,浏览界面的个性化定制需求也会越来越强烈。
逐渐改变的界面交互不止于此,随着技术发展,设计师与工程师们不断打造越来越易用、好用的人机交互界面。自己作为设计师因保持着对新技术的好奇,不断去尝试新概念。