020-29815005
预约专线时间:09:00-23:59

什么是手机界面列表导航的设计思路

新闻来源:优漫教育 日期:2021-07-24
我确信您对列表导航了解得很多,它在所有应用程序中都有(除了一些工具应用)。然而,它现在更多地用于辅助和多个级别,很少有主级别使用列表导航。
  简而言之,列表是所有信息在导航中的一个模式。与标签导航一样,它不仅结构清晰,而且易于用户理解。有时候它比标记导航的等级属性要好。因此,今天我将主要关注下表导航的设计思想。当你听到导航列表时,一定会想到一系列的产品图片。有几个产品中,我们经常看到这样的列表:一些产品仅显示了一行文本,其他的显示一行文字加上一张图片等等。我会将这种导航方式称为标题列表导航。

  在添加其他细节之前,这种列表导航通常只显示标题、标题和图片,但没有内页。但是这种做法有一个缺点,那就是会减少用户的点击。下面我来解释一下点击率为什么会下降。还有一种应用,主要是关注内容,层次很浅。结果,一些内容信息将反映在列表中。点击进入了解详情,比如电子商务产品。在这类产品中,内容窗体列表的使用比较多,所以我将其定义为内容窗体列表导航。下面的图片:

  这样的产品信息列表很好的显示了产品的部分信息,用户可以快速的浏览了解这些信息是否是自己需要的。实际上,很多地方都有这样一种内容导航列表。在使用app的过程中只要注意观察和正确总结,都会给你留下深刻的印象。


  像这样一种形式的列表导航阅读产品:

  用这类产品时,会发现有很多单词,所以现在人们慢慢忽略了很多好文章,因为标题并不吸引人,所以在外边展示一些内容是不错的。最起码,它能帮助用户快速理解本文或者答案,如果他们有兴趣的话再仔细检查。

  这种设计不仅可以帮助用户更好地理解相关信息,也可以帮助更多的设计者希望用户在页面上停留更久。也不是说你可以直接刷,因为如果你没有内容,很少有人真的在浏览细节。这次经历你怎么看?


UI设计培训学校


  事实上,除了这两个类别外,还有另外一种列表模式的内容形式,但我不把它称为导航。您可以到百度云管理器或360管理器界面上了解我在说什么。(积极学习,不要让我提供任何可以理解的东西。)

  下面我们讨论一下内嵌形式的列表导航,它实际上是多种列表级别的组合。这类格式在主要内容中很少用到,因为层次多,体验差,而且用户记不清哪个对应,所以使用起来很不方便。但是它可以很好地解决许多次函数的问题,因此有时也是个不错的选择。在微信设置中也可以看到类似的设计:

  不知您是否注意到,所有列表导航示例都与标记导航关联。正如前面提到的,用list作为主要导航的产品越来越少,因为它不能作为主要的演示。

  第二级,他们也会在模块中显示一系列,比如“新邮件通知,隐私,一般”,“帮助和反馈,关于微信的信息”。尽管你可以看见,但是如果不仔细看,你是不会发现重点的。只需利用这一细节,就能更好地划分次级功能,改善用户体验。

  链表导航的一个缺点是空间的问题。尽管可以设置滑屏,但是一个屏幕的浏览非常重要。所以,在设计时,必须控制字体大小、显示信息、模块等方面的问题,不能随意处理。


  在每次设计时,我们都需要反复思考,不管是标签导航还是列表导航,我们在工作中都有许多不可预测的情况,作为交互设计师,我们需要尽可能地解决这些问题。

  一、控制标题格式的宽度,掌握其空间占用率。有时候如果显示器过宽,屏幕的数量就会减少。若过于狭窄,则可能导致错误操作。

  二、控制内容形式中的字数,在内容页前显示字数,或者添加界面,然后重新编辑简介以显示。

  三、内嵌的功能框架要清理干净,排列整齐,不要随意摆放,否则经验不佳。