Android UI 设计模式——主屏幕应该注意的问题

目录

1. 链接列表
2. 仪表板
3. 浏览
4. 地图
5. 历史记录

---

　　链接列表

　　　　所谓的链接列表就是通过一系列的选项卡、链接、图标列出应用的主要功能和常用视图。像QQ、微博、微信使用的是底部的标签导航栏

　　Google Plus使用的是桌面图片导航，还有列表式，实际上在之前介绍过的  “方寸指间——导航设计”　中的导航方式基本上都属于连接链表

　　的范畴，只是表现形式的变化罢了。

　　　                           

　　　　但是，大多数的应用使用链接列表模式的时候都只是：提供有关故事的信息，而不是讲故事！关于提供有关故事的信息和讲故事的区别，

　　非常容易懂，看看下面这两段话

　　　　1、我在火车上的时候，听一个老爷爷讲了一个故事

　　　　2、蘑菇走进了一间酒吧，前台却说：“我们这里不接待你这种人”，蘑菇回答：“为什么，我是一个fun-guy”

　　　　区别就在于，第一段话只是提供了有关故事的信息，而第二段话是在实实在在的讲故事，问题就出在这里。也就是说上图中的图标仅仅是

　　显示了各个模块而已，并没有提供实质的和用户相关的直接内容信息。但是你再看看Google Plus的做法

　　　　　　　　　　　　　　　　　　

　　　　在信息图表上面放置了一个小型的通知标记。别小看这个标记，它从仅提供有关故事的信息向实实在在的讲故事迈出了重大的一步，巧

　　妙的将隐藏在链接后面的变动透漏给用户是一种非常好的理念，实际上这种理念已经到处在用了，但是，现在我们应该站在一个更高的高度

　　来看待这件事儿了！标签式导航在这方面更具有优势，一方面可以通过标签导航卡显示应用的基本模块，同时再内容显示区能够更加直接的

　　将“故事内容”展示出来，可谓一举两得

　　　　　　　　　　　　　　　　　　

　　　　再来看看Greg Nudelman是如何设计Pet Shop应用的主屏幕的

　　　                          　

　　　　在第二种建议图中使用了小型通知标识。

　　　　再来看看携程的APP，它甚至将应用内容的故事直接放到了启动图标上面，真是令人惊叹

　　　                                                     　

　　仪表板

　　　　虽然，现在有很多的应用都使用了仪表板的表现方法，但是这个理念并没有引起人们的重视，实际上在适当的地方使用图表的表现形式

　　将会大大增加应用的受欢迎程度，尤其是那些具有表现当前状态和趋势的地方

　　　　　　　　　　　　　　　　　　

　　　　Greg Nudelman设计的Pet Shop应用中，在跟踪宠物的健康状况上使用了仪表板。跟踪了宠物上一次和下一次看兽医的日期以及宠物

　　的步行距离和体重增长状况。

　　　　　　　　　　　　　　　　

　　　　实际上，Greg Nudelman也指出，如果要显示多个仪表板的话，那么最好使用竖屏滚动方式而不是多屏切换的方式，随着屏幕滚动动态的

　　加载更多的仪表板的方式是一种友好的方式，小米3中的天气应用就是这样做的，而且非常的成功过。

　      

 

　　浏览

　　　　在电商、新闻、内容展示类的应用中，以浏览为主屏幕的方式非常的常见。这里要说的是，一定要确保在主屏幕中显示一些用户感兴趣的

　　商品或者商品类别，否则，如果脱离用户，浏览类的应用将很难取得成功。实际上淘宝和亚马逊都通过大数据为用户提供独特的产品推荐，如

　　淘宝主页面中的“猜你喜欢”和亚马逊中的“相关推荐”，（当然我可以毫不客气的说，这两家在商品推荐上对大数据的使用还是非常弱，有关问题

　　大家可以看看我的有关大数据方面的博文），除了大数据能够提供个性化的商品推荐之外，根据用户的位置也大有可用之处，通过GPS定位跟踪

　　位置，能够提供当地信息和促销商品信息是个绝妙的主意。

　　　　   

　　　　之所以强调与用户相关，还是那个原因：我们应该讲故事！但是实际中迫于营销部门的压力，在首页中用多大的比例来展示与用户相关的

　　产品，是一个值得考虑的问题，Greg Nudelman似乎希望比例更大一些会更好。尺度如何，有时间我们在讨论

 

　　地图

　　　　如果应用中的信息以地理位置为中心，在主屏幕中使用“地图”模式非常的适合。 先来看看Google Map 的界面

　　　                                         　

　　　　当然在其他的应用中应该结合应用的实际功能，利用地图更好的展示服务。如SitOrSquat现代hi附近的厕所，而Trulia显示附近的待售房屋

　　　             　

　　　　而美团是地图这个功能也是非常的成功，将地图视图按钮放到了action bar 的右上角，一方面能够通过地图展示附近的所有的团购信息

　　如果过用户选择了某个分类，如酒店，地图视图就只展示附近的酒店

　　　　地图的使用需要注意的问题是：地图的初始缩放比例一定要合适，以免放大的太大，或者太小，不能够合理显示用户想要搜索的事物！

 

　　历史记录

　　　　保存历史记录是一个非常重要的参考，有为有些应用的性质决定了，用户需要进行多次重复查询和多次切换，比如说在浏览商品的时候，

　　用户可能在已经浏览过的多个商品之间来回跳转，或者用户突然想到了之前浏览的某件商品不错，想要看看，但是就是不记得当初是如何查到

　　那件商品的。所以再创建你的应用之前，你应该考虑一下是否有加入历史记录的必要。

　　　　为了解决上面的两个问题，淘宝和亚马逊都采取了双保险。淘宝提供“收藏”、“我的足迹”两个功能，亚马逊提供了“心愿单”、“浏览历史”

　　两个功能。这样的双保险，一方买允许用户标定自己目前已经确定的心仪的商品，另一方面又允许用户“反悔”，查看之前浏览过但是没有“放在

　　眼里”的商品。

　      

　       

　　　　除了像上面将浏览历史单独的划分出来，在搜索功能中也需要考虑是否要添加浏览历史的功能，Greg Nudelman设计的Pet Shop应用中

　　的搜索功能中就充分的使用了历史记录的功能，在搜索框的下方，显示了用户曾经的搜索的宠物的记录，更加巧妙的是，如果曾经搜索的某种

　　宠物又有了更新（在方圆20英里中又新到了一些），那么在相应的历史记录列表项目中加入一个红色的数字小图标

                                                             　　

　　　　最后需要注意的一个问题是：隐私问题。所以有关于历史记录的任何变形都应该提供一个“清除历史”的接口，一定不要忘了这一点