移动用户界面设计:15种基本屏幕类型

智能手机已经入侵了我们生活的几乎所有活动。不同的应用程序可以帮助我们,使生活更轻松。设计师的工作是创建满足用户需求并使用户感到愉悦和满意的用户界面。为了构建有效的UI,设计人员需要深入研究移动应用程序的特性,学习其组成和功能。

移动用户界面设计:15种基本屏幕类型

如今,由于移动行业的发展日新月异,因此应用程序很难区分任何应用程序的标准必要屏幕集。我们的文章介绍了最常见和最受欢迎的手机屏幕类型,并展示了它们所需的设计功能。

移动用户界面设计:15种基本屏幕类型

常用画面

开机画面

第一印象是影响用户对移动应用程序的看法的关键点之一。从与应用程序互动的一开始就感到用户体验愉快时,就有更多的机会使其在用户中更受欢迎。这就是为什么初始屏幕需要与其他任何移动应用程序屏幕一样受到关注的原因。

初始屏幕是用户看到的启动图像的第一个图像 移动应用。它们通常是简约的,并带有产品的名称,徽标或标语。为了确保初始屏幕在不同设备上看起来不错,设计人员通常将元素集中在屏幕中间。建议启动屏幕显示时间不超过4-8秒,否则用户可能会感到烦恼。另外,最好显示加载进度,以便不耐烦的用户知道何时启动该应用程序。

移动用户界面设计:15种基本屏幕类型

珠宝电子商务应用程序

入门教程屏幕

入门教程是一组屏幕,展示了移动应用程序,其导航系统,应用程序可以带给可能的用户的功能和优势。对于首次启动该应用程序的用户,它们会出现,从而帮助他们了解陌生的功能和控件,并了解该应用程序是否对他们有用。

应用程序教程的结构和内容对于每个特定项目都是高度独立的。但是,在入职设计。首先,许多教程使用自定义插图以吸引人且易于解码的方式呈现特定功能或优势。而且,设计师经常使用吉祥物,这是模仿与用户进行真实交流并建立情感纽带的角色。强大的副本对于入职也很重要。它应该简短,有用并且可读的。

移动用户界面设计:15种基本屏幕类型

海底世界百科全书—部分教程

主页和菜单屏幕

主屏幕是任何应用程序的重要组成部分。在移动应用程序的上下文中,它是用户与应用程序的大多数选项进行交互的主屏幕。主屏幕的设计取决于产品的类型及其用途,但仍然存在一些不同类型的共同关键要素。首先,主屏幕通常包括搜索领域或按钮,以便用户可以轻松地搜索所需的内容。另外,由于主屏幕是用户旅程的起点,因此它通常包含导航元素 提供对各个内容部分的访问。

移动用户界面设计:15种基本屏幕类型

Homey App

为了使用户交互更加容易,移动应用程序配备了一个菜单,其中包含用户可以单击一下即可移动到的可能方向的列表。在移动应用程序中显示菜单有两种变体:它可以是主屏幕的一部分,也可以是单独的屏幕。建议将菜单上的选项数量保持在七个以下,仅显示重要部分。如果应用程序需要更多,创建子类别可能是一个好主意。

移动用户界面设计:15种基本屏幕类型

幻灯片菜单概念

登录和个人资料屏幕

今天,许多应用程序为用户提供了创建其个人帐户的功能,因此每个设计人员都需要知道如何使用登录和个人资料屏幕。登录屏幕应该是简约的并清除,以便用户可以轻松访问该应用程序。用户通常可以在两个字段中输入用户名和密码以及确认按钮。对于初次使用该应用程序的人,必须始终有注册选项。

移动用户界面设计:15种基本屏幕类型

餐厅应用

配置文件使移动应用程序内的交互更加个性化,并允许有效地处理数据。此外,个人帐户是任何社交网络应用程序的关键部分,它使用户参与网络的虚拟社区,并能够与其他人共享个人信息。设计人员的主要任务是通过智能UX最大化便利性。根据互动设计基金会,第一点设计者应该考虑的是,个人资料页面应清晰易用。信息量必须受到限制,否则配置文件屏幕可能看起来过于复杂。此外,确保导航系统直观至关重要。这样,用户将无需花费很多精力来迷惑该应用程序。最后,个人资料屏幕设计应面向应用程序的目标受众。用户研究 如果您想让您的应用程序满足用户需求,则必须这样做。

移动用户界面设计:15种基本屏幕类型

‍约会应用

统计屏幕

各种应用程序都包含有关用户活动的统计信息。它提供的数据越多,创建统计屏幕的移动设计就越困难。设计人员需要确保仍可以看到所有关键信息,但屏幕必须清晰易用。图形曲线,比例尺和原始图标可以使统计信息屏幕在移动应用程序上看起来既平滑又干净。此外,统计数据屏幕需要独特的字体,以便用户可以轻松读取数据。

移动用户界面设计:15种基本屏幕类型

NGIN应用

移动用户界面设计:15种基本屏幕类型

卡路里计算器应用程序的统计数据屏幕

日历

事件应用程序,待办事项列表应用程序以及许多其他应用程序为用户提供个人日历。根据应用程序的类型,日历可以完成某些功能,例如提醒或时间表。视觉风格应符合移动应用程序的心情和目标。

移动用户界面设计:15种基本屏幕类型

明亮的氛围日历

目录画面

任何的主要目标 电子商务项目是销售产品。视觉呈现对用户的决策有很大的影响。目录是公司出售的商品清单。设计师的工作是创建目录,以吸引用户的注意力并鼓励他们购买产品。移动应用程序中的产品列表可以类似于许多电子商务网站,其中商品以链结放置,并且可以通过垂直滚动进行查看。根据屏幕的宽度确定一行中的产品数量。

移动目录中产品组织的另一种方法是使用水平滚动行。为了使导航更加直观,应该不以完整视图显示水平行中的最后一项,以使用户看到这就是滚动方向。此外,产品的照片或插图应该只是高质量的,以便用户可以清楚地看到他们要购买的东西。目录屏幕应包含一个号召性用语按钮用户可以通过它将商品添加到购物车。这样,用户将可以直接从目录屏幕上取货,而不必转到该特定位置的页面。

移动用户界面设计:15种基本屏幕类型

咖啡馆优惠券应用

产品卡画面

该屏幕适用于想知道他们到底买了什么的人。产品卡展示了有关商品的关键信息,可帮助用户确定是否需要该产品。设计师专注于将产品的照片放在屏幕中央。描述数据通常位于下面。设计人员可以将数据分为大小,材质或其他类别,以便用户轻松找到所需的信息。

移动用户界面设计:15种基本屏幕类型

珠宝电子商务应用程序

检出屏幕

如今,许多购买都是通过智能手机完成的,因此两家公司试图使移动购物流程变得前所未有的便捷。结帐过程是用户的最后一步在购买产品之前服用。设计师的任务是在人们迈出这一步时让他们感到舒适。结帐屏幕的第一部分也是其中一个重要部分,即买方在其中填写特定个人数据(例如信用卡的名称和号码)的表格。所需信息的类型取决于用户进行购买的资源。另外,重要的是要使人们知道其个人数据是安全的,因此设计师必须通过视觉元素向用户保证其信息是安全的。它可以是副本中的标注,也可以是获得批准的著名品牌的一些图标,如果有的话,甚至可以是一些证书标志。

移动用户界面设计:15种基本屏幕类型

电影应用

社交画面

人们经常使用各种 社交网络应用进行交流并关注周围的新闻和更新。Feed是不断变化的新闻列表和用户选择要遵循的其他数据的列表。实践表明,移动用户喜欢快速浏览提要,这就是为什么他们需要一个简单,清晰的设计而又不会出现视觉细节的麻烦。可以通过滚动条逐一呈现新闻。为了使导航更加直观,应该部分显示下一条新闻。

移动用户界面设计:15种基本屏幕类型

时间轴应用

联络人

联系人列表已经发展了很长时间。从便签纸到不同的数字版本,视觉上的变化始终仅实现一个目的:保存有关朋友和其他亲密朋友的关键数据。移动联系人屏幕向用户显示联系人数据列表,该列表按名称按字母顺序排序。每个联系人都应该是可单击的,并可以获取详细的数据,包括电话号码,电子邮件,有时还包括Skype,Messenger等上的联系人。此外,联系人信息还附有一张小照片,使搜索过程更加容易。

移动用户界面设计:15种基本屏幕类型

联系人列表概念

音乐屏幕

播放清单

音乐爱好者喜欢为每种场合创建自己的播放列表。显然,每个音乐应用有义务向其用户提供此类功能。播放列表屏幕在不同的应用程序上看起来类似:它是一列曲目,显示歌曲,歌手或乐队的名称以及音轨的长度。此外,设计人员可以添加此曲目所属专辑的小图像。如果一首歌没有图像,则仍然应该有一个图标,例如带有音符的图标。

移动用户界面设计:15种基本屏幕类型

音乐应用

播放器

人们可以通过播放器控制听的内容以及听方式。该功能允许以标准格式切换,停止和开始曲目纽扣容易识别。该组通常放置在屏幕底部的中央。屏幕的主要部分通常由附带的图像拍摄。此外,有时设计师会使用音乐可视化工具代替屏幕,而不是图片作为屏幕的中心部分。可视化工具是一个很好的机会,可以揭示设计师的想象力和创造力。

移动用户界面设计:15种基本屏幕类型

回声应用

如今,移动应用程序的负载出现了,因此它们为用户带来了新的需求而带来了新型的屏幕。设计师应该准备好应对这一挑战,并始终跟随创新。获得灵感!

业界动态

什么是峰终定律?如何提升用户体验?

2021-1-20 16:40:44

业界动态

年轻人交友软件“Uki”竞品分析报告

2021-1-20 20:44:04

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索