十年专注于品牌网站建设 十余年专注于网站建设_小程序开发_APP开发,低调、敢创新、有情怀!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

关于移动端简化导航设计思路及实例

百恒网络 2016-12-24 3949

导航是用户体验过程中经常接触到的界面或操作对象,所以我们着重多次介绍关于导航各细节设计,例如:浏览历史标记、搜索功能、屏幕的适配度等。

精心设计首页

精心设计首页,能帮助用户更好地浏览内容。用户走进大门时,他最需要什 么?最常见的目的又是什么?

用户在打开移动终端网站或应用程序的时候,都拥有自己的特殊需求和预期。因此南昌app开发公司百恒网络UI设计师提醒广大设计师,作为移动应用的设计者,千万不要把用户淹没在推介信息和促销广告的海洋里,不要把难以下咽的内容堆到用户面前。设计者应当优先展示用户想要的工具和功能,否则用户就会迅速逃走!

移动端简化导航设计思路

应用程序将“上映剧集”(Épisode à regarder)作为默认页面,因为该程序的主要功能之一 是向众人宣布自己已看过某部连续剧。

移动端简化导航设计思路

MARMITON 在首页上展示菜谱,设计效果很好。相反,LOGIC-IMMO 在首页上展示房 屋广告的方法有些欠妥。用户在搜寻房屋时都抱有各自不同的需求,这些广告不太可能正 好击中用户的心意。而且,即使用户已使用过这款应用程序,保存过自己的搜索条件,当 他再次进入应用程序时,看到的仍然是同样的首页!用户已表达过的个人需求没有得到任何体现。

简化导航设计思路

SPOTIFY 显示了用户在上次退出时最后使用的页面;而DEEZER除了“Flow”选项,还 试图推荐其他歌曲,但后者未必符合用户口味。

设计者可以根据自己想要推荐的核心价值设计合适的首页。BOOKING 和 AIRBNB 的网站首页都参与体现了品牌的服务特点,二者差异巨大。这两个例子 很有价值,我们从中可以看出,不存在绝对的“最佳”方案:一切取决于具体情 况,一种设计可能适合第一种情况,却未必适合第二种情况。

简化导航设计思路

在AIRBNB 上预订房间,用户能找到“如同家一样”的住宿房源或价格低廉的临时夜宿住处。 因此,网站首页不仅有搜索栏,还提供了广告作为例子。这些广告的作用是向不知情的用户 描述品牌所提供的特色服务。BOOKING 网站则不同,设计者把各种搜索标准都放在搜索引擎上,请用户填写自己的要求和重要信息,以便为用户提供标明价格的各种搜索结果。

很多移动应用程序和网站选择把菜单放在首页上。如果有其他选择的话,请设计者不要这样做。所有功能都至少要点击一次后才能被激活,这种首页仅仅提供了选择栏目,变成了所谓的“空白页面”——除了导航别无他用。

网站的首页毫无用处,仅仅提供了选择栏,以便进入相关表格。其他同类网站选择了突出一个重点栏目,如果用户需要的 话也可以由此进入其他栏目。这样一来,无论使用频率较高的功能,还是设计者重点推荐的功能,使用效率都得以优化。

最后不要忘记,智能手机和平板电脑的操作环境大不相同。用户甚至是在几乎完全相反的条件下使用这两种设备。另外,设计者可以根据屏幕的可用面积考虑设计合适的配置。

智能手机和平板电脑的操作环境大不相同

设计者根据不同设备的屏幕空间大小安排了不同的内容。在平板电脑上,屏幕的可用空间可以满足两种主要用途:显示交通网络图和路线指示功能。而在智能手机上,由于屏幕空间小,应用程序凸显了路线指示功能。因为在移动过程中,路线图的使用频率更高。

标记区分已访问过的链接

将访问过的链接加以标记区分,能让浏览变得更容易,让用户避免耗费精力。众多移动终端界面都如同浏览清单一样,用户从中挑选,决定浏览或舍弃。

让用户迅速辨认自己已经浏览过哪些内容,这一点非常重要。通过简单的视 觉效果,让用户辨认出已浏览过的内容,这种方法在几年前还属于网页的设计规 范。但如今实施这种设计规范的人越来于少,导致用户使用效率降低。

明确标出已浏览过的链接,提高了用户的浏览效率

明确标出已浏览过的链接,提高了用户的浏览效率。

本文仅限内部技术人员学习交流,不得作于其他商业用途.希望此文对广技人员有所帮助。原创文章出自:南昌APP开发公司-百恒网络 http://www.jxbh.cn/app/index.html 如转载请注明出处!

400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×