2015手机大屏时代的APP交互设计的6点建议 – 25学堂

25学堂  •  扫码分享
我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

当你开始设计APP的时候,一定要明白是iOS设备或者android设备有哪些独特的地方,并了解各个系统的人机交互的设计原则,这对于用户交互体验至关重要的。

如今用户拥有更 大屏 幕的尺寸,主流来说都是4.7英寸~5.5英寸的手机屏幕。但从人机交互的角度来说,这些尺寸都并不完美。为什么很多人认为在苹果手机历史上,iphone4s是比较好用的一款手机的部分原因吧

面对这一现状,从APP产品界面设计的角度,我们需要做出一些改变。特别是APP设计师或者APP交互设计师。

iphone6 iphone5大屏尺寸

 

 

交互设计角度的最佳实践以及6点建议:

 

大屏时代的APP交互设计第1点: 设计安全区域,避开操作盲区。

示例下图中的搜索结果页,根据视线规律,典型的左上角操作盲区可以用于logo展现。

157-8

 

大屏时代的APP交互设计第2点: 注意使用场景路径触发的连贯性。

示例,在手机助手Android中下载某浏览器应用,操作区域集中在安全区域。

157-009

 

 

大屏时代的APP交互设计第 3点:更多的使用可拖动的浮动按钮,给用户更自由的操作可能

如下面浏览器Android中翻页/返回顶部的组合按钮。

157-010

 

 

 

大屏时代的APP交互设计第4点:  更多的使用手势,并提供暗示。

如下面浏览器Android的删除窗口操作。

157-011

大屏时代的APP交互设计第5点: 更多的使用语音作为输入方式。

如下图的生活手记中使用语音替代键盘输入。

157-012

 

 

大屏时代的APP交互设计第6点:  横屏Pad化的操作设计,以及更多的内容展现。

示例大部分浏览器iPhone的横屏设计,如同网页的Responsive Layout概念。

157-013

 

在此,25学堂也希望各位APP设计师在针对具体屏幕设计的同时,能够从另外的视角,思考人机交互的变化与可能性,激发创造力。

下面是锤子手机一点创新能力分享。

Smartisan T1 下拉悬停的设计轻松的解决了大屏手机单手操作的问题,值得学习。

无觅相关文章插件,快速提升流量

随意打赏

提交建议
微信扫一扫,分享给好友吧。