锐客网

  1. 首页 > it技术 > >

渐渐改变的界面

科幻电影中经常出现这样的场景：博士或者司令进入主控台随手点击全息投影的屏幕，屏幕立刻响应调出超高逼格的资料内容。科技感爆表！

当年认为不合理啊，鼠标键盘呢？凭简单的手指点划，计算机就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的工具栏可以打开也可以关闭。目前定制化多用与系统界面，随网络环境越来越好，系统从个人主机逐渐被后移至服务器端，终端机器使用浏览器便可完成信息操作，浏览界面的个性化定制需求也会越来越强烈。
逐渐改变的界面交互不止于此，随着技术发展，设计师与工程师们不断打造越来越易用、好用的人机交互界面。自己作为设计师因保持着对新技术的好奇，不断去尝试新概念。

    推荐阅读


    上一篇：做人处事四点建议|做人处事四点建议 让你一生受用

    下一篇：我的起床气