比如:纽约时报。问题:用户想要浏览类似内容假如目前内容不正是他们探寻或他们只不过想要更多的。解决方法:显示类似或有关的内容,以帮助用户找到更多类似的项目他们正在观看。建议(上图),这是为一个基本的web应用程序的UI模式,功可以用户生成内容,除去而不是裁剪建议基于用户的偏好或以前的活动,有关内容更多的是展示有关项目基于分类和标记。亚马逊,时间和纽约时报网站的好例子显示项目和目前正在查询类似的故事。媒介需要这一步,让读者通过添加链接显示有关内容的进一步阅读的文章部分。5。下一个步骤例子:问答。问题:用户想了解下一步要完成一个任务后。解决方法:给用户一个明确的步骤列表,他们可以丰富他们的经验。问答比如创建一个待办事情列表为用户来完成他们的配置文件。linkedIn相同的列表展示了部分用户可以添加到他们的个人资料,配对的完整性计模式为用户提供一个勉励。最复杂的web应用程序有多个用户流,所以为用户提供一个待办事情清单可以成为一个伟大的方法引导他们前进。另一个模式可以配对与有关内容;媒介这是不是好,通过展示的另一篇文章的摘要,当用户的。这让用户参与并沉浸在你的UI。6。历史/近期查询的比如:亚马逊。问题:用户想要回忆起他们与持久。解决方法:让用户接在他们最后离开的活动。比如,亚马逊跟踪用户的浏览记录和显示近期查询的内容,如此他们就能回到他们容易假如需要。很多web应用程序也跟踪用户一直在干什么,Facebook的时间表是最后的例子。不只用户的时间表记录帖子和照片上传,它也记录与其他第三方页面和web应用程序之间的互动交互式历史上像Spotify用户可在需要时参考。Google搜索放音乐和Spotify跟踪近期播放的歌曲。这种模式帮助用户跟踪的内容他们共事过,也能作为一个书签的办法未来的事情要做。7。特点内容
例子:Airbnb。问题:用户想了解哪种内容可以创建应用程序。解决方法:功能具体内容放在前台的用户没它迷失在一般的混合与时间有关的内容。这类内容可以支付,时尚,新的,或其他一些要紧的变量。特点内容提供给用户的可能性,帮助他们知道这个平台可以完成的事情与其他用户正在用它。等网站Airbnb,Etsy和Flickr在首页显示随机内容,帮助用户探索网站,而不需要事先作出的承诺,与鼓励现有用户,帮助他们达成更大的观众。其次,它也可以帮助特定的内容获得牵引力,使它特别要紧。支付或特点等内容可以标记为澄清的期望。8。无限卷动例子:Pinterest。问题:用户想要浏览所有内容。解决方法:自动加载下一组或页面的内容,当用户到达目前页面的底部,创造无限滚动页面的成效。这种方法自动加载新内容后,用户无需等待点击下一页的链接。无限滚动成效最好,当有不少内容显示,与大部分像Facebook如此的社交媒体巨头一样,Twitter,Pinterest和Tumblr等等。然而在其伟大的浏览内容,特别是多媒体画廊,两个基本的问题是,用户或许会迷失方向,失去的地方。假如他们想跳到一个特定的点或书签回来后,无限卷动会致使一些问题。Facebook在这个工作在浏览一个时间表通过创建一个分页/无限卷动混合,可以跳转到一个特定的月或一年。Pinterest滚动到高级模式,集成与一个小按钮,允许用户返回页面的开始。9。走查和教练标志例子:松弛。问题:用户想要了解怎么用不一样的应用程序的功能。解决方法:设计一个预排或课程演示了每一个函数是怎么样工作的。不少web应用程序已经开始用这种技术来显示用户在刚推出时,有两种基本办法。一些web应用程序,譬如松去覆盖的路线指示,强调用户界面的要紧部分,教练标志来讲解他们所做的事情。松弛的需要被集成到下一个层次的事情聊天机器人,帮助用户打造个人资料。这非常有道理,由于松弛是一个聊天应用程序,和Slackbot走的用户通过填写个人资料信息,如电话号码和显示名字的谈话。另外,Tumblr提出了一种预排,帮助用户知道。这个介绍也是一个伟大的时间来采集要紧信息超越简单的注册,非常像一个安装向导。这种模式的重要程度再强调也不为过,任何应用程序并非立即直觉,由于更多的用户知道你的商品,他们将会有更多的原因来回来。10。溢出菜单例子:Spotify。问题:用户想要迅速访问附加选项或他们可以实行的行动。解决方法:隐藏额外的选项和按钮在一个可扩展的菜单,如此他们不杂乱的主要接口。Facebook和Google都用溢出菜单维持很干净的用户界面在他们的web应用程序非常重要的辅助选项通过隐藏在一个可扩展的菜单。这也可以用来显示非常重要的行动的参与。比如Pinterest维持在Facebook上推荐按钮可见帮助加快一个一同的和可取的用户操作在每一个销。或者,一个溢出菜单可以包括额外的菜单项或行动,逐步添加到用户界面中。11。变形控制例子:Pinterest。问题:用户想要实行不相同种类型的操作,但有限的屏幕显示所有这类控件。解决方法:更换按钮,屏幕上的控件替代功能。依据用户现在正在干什么,UI可以完全替代一个元素与另一个,比如做和撤销或添加和删除。这是有意义的,当交时尚为以某种方法有关。Pinterest和Facebook用相同的按钮喜欢/不像来节省空间并向用户显示目前状况。这个UI设计模式节省了房产、毁灭任何行动迅速、清洗,是一个整体的解决方法。12。粘性固定导航例子:Houzz。问题:用户想要访问菜单随时在web页面。解决方法:顶部,一面,或底部导航维持滚动页面时。在某些状况下,从小节标题也会固定在滚动和替换或添加到现有些固定导航.主要的导航栏为谷歌 +和Pinterest坚持页面的顶部,允许用户迅速访问这类菜单项和过滤器时需要。搭配无限滚动模式时,粘性的导航菜单可以很大的便捷用户滚动过去超越第一页的内容。13。垂直导航例子:Spotify。问题:用户需要一种办法在应用程序的不同部分之间进行导航,但有限的空间来显示这类信息。解决方法:用户界面的要紧部分可以给出一个列表,用户可以滚动得到他们想要的东西。这也让UI的页眉和页脚自由更多的通用导航、夜店等行动。传统上,大部分导航模式水平制表符的形式或按钮。垂直导航模式已经成为一个要紧的进化导航设计来处置用户生成内容用户时间表和无限滚动内容。14。弹窗比如:Facebook。问题:用户想要查询有关信息不丢失他们目前的UI。解决方法:在弹窗显示重要公告和附加信息。这个UI模式的优势提供一个轻量级的和直接的办法查询附加信息或采取特定的行动,但他们没把用户的目前活动。Pinterest Fitocracy用模态弹窗迅速行动,飞速和Facebook用弹窗显示活动栏的内容片段。弹出窗口的UI模式对于如此的行为是非常重要的,由于他们正在进行如此的数据和用户一直了解这类控件的应用。内容在后台仍然可见,用户可以调整排序选项或更改字体大小,而不必去之间来回的看法这所有都发生在这里。弹窗和模态窗口还可以用来显示重要公告或公告,要得到用户的关注,由于觉得他们需要一个水龙头或刷卡。15。滑盖式、侧栏和抽屉比如:纽约时报。问题:用户需要一种办法来导航应用程序不同部分之间的每一个部分中而不被打扰。解决方法:第二个应用程序的部分,如导航、聊天、设置、用户资料等。藏在一个可折叠的面板是隐藏在主要部分无需。当访问时,一般将主要部分放在一边或幻灯片。因为滑盖式是在一个单独的层从应用程序中的主要内容,有不少的灵活性的内容可以放在抽屉里图标、文本,甚至简单的控制是可行的选择提供迅速访问要紧的行动。一般,抽屉可以隐藏在汉堡菜单或一个简单的箭头,表示有更多的内容。这是一个简单的办法来隐藏所有无关紧要的事情在一个抽屉,如此你仅需关注怎么样提取非常重要的信息在每一个视图。例子比比皆是。Asana,Spotify(搜索框)和Facebook(聊天框)。一些更具体的例子包含Houzz,导航抽屉,消失当你向下滚动并重新出目前顶部,和《纽约时报》,它隐藏了一边的抽屉里出现左侧当用户点击顶部的部分按钮页面的左边。Pinterest当你向下滚动,简单的向上箭头按钮出现导航回到顶部,和它是怎么样工作的页面。16。所有些链接例子:体式。问题:用户需要一个一致的方法浏览内容而不受其他内容。解决方法:大部分或所有用户在应用程序与内容,让用户自由地探索并找到他们正在探寻的信息没达到死角或被一连串的超链接文本,额外的按钮,调用行动等等,你一般会看到网站上。假如他们想与内容交互的应用,奇怪的是,他们可以点击它,去一个新的视图更详细的经验。与体式和Spotify内容丰富web应用程序允许用户探索各种各样的内容通过点击它,比如点击一个艺术家或用户带你去他们的配置文件,可以点击物品,可以点击表正面和很多其他的行为。让用户浏览跟踪你的用户所在的地方应该导航,是不是查询导航元素,他们一般怎么样导航到应用程序的某些区域,他们从哪儿来,要在应用程序(譬如用户流)等等。重新安排,重排序、大小、和调整的导航元素,直到你得到更多所需的行动。当然,深入考虑用户怎么用你的移动应用程序,当他们试图让应用程序的某些部分,确保你没遗漏一些显而易见的。 网页名字导航设计模式的重要程度
