app的搜索栏要如何设计呢?

在大多数应用中,页面顶部会放置一个搜索栏,比如社交类的应用Facebook,Instagram,LinkedIn甚至Snapchat,还有国内的微信,QQ,搜索栏都是顶部。地图类的应用,百度地图,高德地图也都是如此。

为什么要这样设计呢?Apple并没有建议将搜索栏放在应用的顶部,界面交互设计规范也没有建议。

如果您去谷歌搜索这个问题,Quora上有这么一个回答比较准确:

“用户已经被训练成在顶部搜索的习惯,设计师不敢冒险去打破这个惯例。”

 

不过,Lyft的设计师冒险打破了这一惯例。

Lyft采用了与约定俗成的搜索栏不同的设计。他们不是将搜索栏浮动在顶部,而是将搜索放在屏幕的中下部分。这样的设计可以让用户更容易访问。

虽然我们不是经常能意识到,但是现在的屏幕越来越大,特别是对于手比较小的,或者不够灵活的用户而言,顶部的搜索栏在使用上是有难度的。

如果您去观察大多数的应用,主要的都位于中间或这中下的区域。所有的导航标签,消息,键盘都为了更好的用户体验而放在用户易于触及到的地方。

Lyft的搜索栏不在顶部,但它不是在底部,它在拇指的最佳位置。

从上面的图表中可以看出,大约一半的手机用户进行单手操作。而Lyft不会让你伸出一点拇指; 搜索栏位于最佳位置。

我们从上图中看到,所有的搜索栏有一半位于“Out of Reach”区域。而Lyft's位于绿色区域中的拇指下方。

设计师如何从中学到什么?

检查您的ui分析,使用用户访谈,查看用户最常使用的交互界面元素。

在打车,地图类应用中这个元素是搜索栏。

在社交类中,它可能是照片或类似按钮,在购物应用中,它可能是产品。

确保最常用的交互元素是界面中最容易访问的元素。

不要害怕打破常规,过去的东西总要被打破。虽然您希望让用户熟悉您的用户界面,但首先要保证良好的用户体验。

您要考虑用户手的大小和用户的年龄。问问自己,“我的过往经验是否适用于我要服务的用户?“”。

适应并了解我的用户的不同能力?”

最后,不要太过依恋过往的东西。风格在变化,新设计师可能加入贵公司。还记得iOS 6中的3D-ish元素吗?

请欢迎改变,不要把它推开。


每天更新,
全站高品质素材免费下载!