用例的线框图示例

2022-08-04  本文已影响0人  嘎嘎开心

任何产品的设计过程都应该采用个性化的方法,无论是原型工具的选择、用户研究方法还是线框保真度的水平。此外,不同的行业对他们的网站和其他数字产品有不同的需求。对一个行业的用户有用的东西可能对另一个行业的用户来说非常适合。 

了解跨行业各种类型产品的技术和用户体验需求是线框图制作过程中至关重要的第一步。它将帮助您弄清楚如何对内容进行优先级排序和组织,线框中要包含哪些屏幕,以及如何正确注释它们。

线框图应该关注团队的计划和目标

设计线框的方式取决于几件事:产品的目标、与开发线框相关的成本,以及专注于线框制作过程的时间和精力。那你怎么决定?

首先,考虑如何使用线框。它是纯粹的内部文件吗?在这种情况下,您可能会使用低保真甚至手绘的线框。它们会展示给客户、潜在用户或高级利益相关者吗?您可能想要创建更精美的东西。您可能需要在创建高保真线框和不花太多时间设计它们之间取得平衡。

请记住,您的线框图保真度越高,利益相关者提供的创造性反馈就越少。

银行仪表板线框图

诸如银行网站之类的仪表板可能很复杂;他们需要以一种易于用户理解和查找所需内容的方式显示大量数据。为此,在线框中包含示例数据很有帮助,以真正展示仪表板布局如何使数据易于理解。

也就是说,财务仪表板和其他数据密集型网站等的早期线框图可能更基本。早期版本可能会简单地显示哪些部分将在以后的版本中添加数据示例。

房地产代理线框图

用户访问房地产网站通常有两个原因:他们要么有兴趣购买房屋,要么想要出售房屋。您的线框应该表达网站将如何满足这两种需求。

一般来说,房地产网站需要在视觉上吸引用户的注意力。这就是为什么英雄形象如此重要的原因。从那里开始,他们通常专注于具有房地产搜索字段和过滤器的买家。他们应该包括有关该机构的统计数据,以帮助说服卖家与他们一起列出。

美容和时尚线框图

当您为以美学而闻名的行业(例如时尚行业)进行设计时,您将线框的风格提升了一个档次。确保用线框传达一种情绪,充分利用空白,不要害怕包含一些风格元素,如排版选择。

虽然您不想过分使用此类线框的风格元素,但您会希望包含比其他行业更多的内容。添加暗示和强化品牌情绪的触感。

电子商务网站线框图

电子商务网站有一个目标:销售产品或服务。在为他们创建线框时,重要的是要强调客户将如何浏览选择和购买过程。CTA 是此类网站最重要的部分之一,无论是“立即购买”、“添加到购物车”还是其他类型的按钮。

除了 CTA,您的电子商务线框图还应显示清晰的商品类别、包含搜索功能、显示多个产品的显示方式以及产品页面的布局方式。根据您的特定用例(例如销售单一产品或服务的网站)调整这些功能。

营销机构线框

营销代理网站需要提供一些功能,但最大的功能之一是在他们的工作中建立信誉。你的线框图应该强调机构的专业知识和他们过去合作过的客户,尤其是知名客户。

确保您的线框图可以轻松找到潜在客户想要找到的有关代理机构的相关信息。除了他们的专业知识和与他们合作过的知名人士之外,大多数潜在客户还想知道他们提供的服务以及如何与他们取得联系。

社交媒体应用程序线框图

大多数人通过移动设备访问社交媒体网站,而不是在台式电脑上(例如,超过 98% 的 Facebook 用户通过移动设备访问该网站)。或者,如果他们最喜欢的社交媒体网站的移动版本设计得很好,至少他们会这样做。

您的社交媒体移动线框图应包括用户想要访问的最重要的功能:他们的时间线、用于创建新内容的按钮和搜索功能。还要考虑用户实际上是如何滚动浏览社交媒体网站的。确保照片醒目,用“显示更多”按钮隐藏长文本块,并确保创建自己的帖子的按钮始终易于访问。

送餐应用线框图

当人们决定点外卖时,他们最有可能在移动设备上这样做。这通常是在旅途中做出的最后决定。这就是为什么食品配送网站的移动版本需要易于使用和直观的原因。

你的线框应该强调人们在移动设备上想要访问的功能,包括易于过滤的餐厅列表、搜索特定餐厅的能力、菜单信息以及其他用餐者对食物和质量的看法的服务。

搜索是此类网站上最重要的功能之一,因此请务必在您的线框图中强调这一点。自动建议是这里的一个重要功能,过滤搜索结果的能力也是如此。还要注意用户实际下订单的方式,因为如果它不直观且不易于使用,这可能是一个症结所在。

出租车应用程序线框图

出租车或拼车应用程序的线框需要包含一些基本功能:带有位置图钉的详细地图,可以轻松移动以指示您的取车地点,用于订购您的乘车的 CTA 按钮,以及明确的可用汽车选项价钱。

用户几乎只会在移动设备上使用这种类型的应用程序。正因为如此,为他们提供多个选项来指示他们的取货地点是至关重要的,包括文本搜索和地图界面。您的线框图应该清楚地表明用户如何与这些功能进行交互。

音乐应用线框图

人们以不同的方式使用音乐应用程序。有些人使用它们来访问他们最喜欢的艺术家的音乐,而另一些人则使用相同的应用程序来寻找新音乐(当然,有些人同时使用它们)。

虽然实际的音乐界面应该是不言自明的,有播放、暂停、跳过或重复选项,但您需要更密切地注意寻找音乐的线框图。应该关注具有明确类别和流派的搜索和浏览屏幕,以及推荐的艺术家或播放列表等内容。

你的线框图还应该展示用户如何保存他们的最爱,创建他们自己的播放列表或电台,以及定制他们的体验。

天气预报应用程序线框图

在计划一天或一周时能够检查天气对许多人来说至关重要。我们想知道我们是否需要带一件毛衣或雨伞,或者是否整天都是晴朗的天空。也就是说,普通人只关心几个关键点:温度是多少以及下雨或下雪的可能性。

你的线框应该专注于清楚地显示温度、降水和即将到来的预报。这些关键信息周围应该有足够的空白空间,以便它们脱颖而出并且易于查找。

如果您的应用程序将包含只有一小部分用户可能访问的更详细信息,请确保包含单独的线框屏幕以显示它们。

以上内容为转载

上一篇下一篇

猜你喜欢

热点阅读