收藏移动端设计产品

移动界面

2022-07-05  本文已影响0人  嘎嘎开心

设计移动界面不同于为桌面设计。移动界面空间更小,使用电池,高度个性化,支持触摸屏,通常需要互联网连接。

虽然为台式机设计并没有过时,但移动设备的普及正在滚雪球。更多的网络流量来自移动设备,因为用户花费越来越多的时间通过智能手机或平板电脑浏览社交网络、购物、游戏、观看视频以及参加工作会议。因此,设计人员应该熟悉移动使用环境和技术限制,以创建用户友好、直观和功能性的界面。

移动设备类型

术语移动设备意味着可以连接到互联网的便携式设备。现代移动设备可以执行多种功能,为企业和个人需求提供应用程序。

移动设备最常见的特征包括:

• Wi-Fi 和蜂窝访问互联网和蓝牙连接

• 持久的电池供应

• 用于数据输入的物理或屏幕键盘

• 相对较小的尺寸和重量

• 触摸屏界面

• 虚拟助手

• 可下载数据

• 无线操作

一般来说,我们会发现移动设备分为以下几类:

• 智能手机 将手机和掌上电脑组合成一个可以放在口袋里的设备,并且通常始终连接到互联网。

• 平板电脑 具有智能手机的所有优点,但形式更大。它们可以用您的指尖或手写笔操作,并且通常可以识别笔迹。平板电脑更适合需要更长电池寿命和更大显示屏的任务,例如工作演示、游戏和高质量的实时流媒体。

• 个人数字助理 (PDA) 结合了计算、电话/传真、互联网和网络元素。PDA 可以识别笔迹并包含语音识别技术。如今,手写笔和键盘版本都可用。随着智能手机和平板电脑的普及,PDA 已经过时,但仍然存在于市场上。

• 可穿戴设备 (智能手表和健身追踪器)和 电子阅读器 是更简单的移动设备,它们提供互联网访问并允许用户执行特定任务。

一些消息来源也将笔记本电脑定义为移动设备。但是,笔记本电脑不能归入这一类别,因为它们的尺寸更大、重量更大,并且无法用一只手或在旅途中舒适地操作。

像素密度

像素密度定义了在显示器上挤入物理英寸 (PPI) 的像素数。具有较高像素密度的屏幕比低密度屏幕具有更详细、更清晰的画面。相反,低密度屏幕具有更小和更多像素化的图像。

为什么像素密度对移动设计很重要?随着 2010 年 iPhone 4 和 iPod Touch(第 4 代)中视网膜显示屏的首次亮相,每英寸的像素数翻了一番,图形的清晰度也变得更加出色。

相同物理尺寸的相同元素在视网膜显示器上看起来清晰两倍。例如,旧设备上 44 像素的元素在新设备上翻倍至 88 像素。现在,设计师需要设计两种尺寸的所有图形。此外,它还产生了沟通问题,因为您不再可以说此按钮或此输入是 44 像素高。在另一台具有更高像素密度的设备上,该元素的高度为 88 像素。

具有不同像素密度的设备数量不断增加,设计人员开始使用与像素密度无关的测量单位来保持一致性。iOS 上的 Points (pt) 和 Android 上的 dips (dp) 允许在不同密度的屏幕上均匀地显示元素。

此外,点和凹点允许设计人员以一种比例创建设计、图形或图标,然后在导出时将它们放大到各种更高的像素密度。它简化了设计过程并确保元素看起来符合设计师的预期。

始终以 1 倍规模开始设计,以防止在导出更大规模的资产时出现问题。

始终为纵向设计

纵向是智能手机最流行的方向,因此设计师应始终首先针对这种情况进行设计。然而,当用户将屏幕翻转到非主要方向时,确保设计不会中断也是设计师的工作。

考虑到较大的键盘更方便,如果您的应用程序希望用户输入大量内容,那么将您的应用程序设计为横向尤其重要。手机游戏通常也是横向的,因为它们需要更大的水平空间才能更好地观看和方便。

请记住,为这两个方向设计可能会影响功能。界面可以简单地调整,为两个方向保持相同的功能,或者可以显着改变,添加或减少布局组件。您不应该强迫用户将他们的设备保持在某个方向,尤其是在默认方向不提供所需功能的情况下。

键盘类型

在手机上打字总是让人头疼,因为人们通常在旅途中或只有一只手空闲。设计师如何帮助用户更轻松地完成这项任务?考虑您的每个输入并提供适当的键盘——文本、数字、电子邮件、URL——以便用户可以尽可能快速有效地键入数据。

添加这些有用的默认值可以显着降低交互成本、节省时间并防止用户犯意外错误

相对于台式电脑的优势

让我们谈谈一些数字:在全球范围内,2020 年所有网站访问的 68.1% 来自移动设备。只有 28.9% 的访问者来自台式机,而 3.1% 的访问者来自平板电脑。

如今,移动设备非常强大,人们将它们用于所有类型的任务,包括次要的工作职责。此外,移动设备几乎没有重量,可以轻松放入口袋,因此人们可以随身携带。

尽管如此,笔记本电脑和台式电脑仍然在我们的生活中发挥着重要作用。人们在一天中更频繁地使用智能手机,但在有几分钟空闲时间时会花费较短的时间。平均而言,人们坐在电脑前的时间更长。

人们更喜欢使用移动设备进行浏览,但当他们需要仔细阅读大量文本或做出需要机密数据的重要决定时,他们会回到桌面。网站或产品的桌面版本让用户感觉更安全、更舒适。

手势

手势是移动应用程序的标志。它们带来乐趣,使整个体验更加引人入胜和令人愉快。根据定义,移动手势意味着手或指尖的移动,允许用户激活应用程序中的特定功能。对于大多数手势,用户可以使用他们的指尖(点击、滑动、拖动、滑动),但有些手势可能涉及手部运动(摇晃、倾斜、设备旋转等)。

理想情况下,特定于应用程序的手势应该提供激活某些功能的替代方式。就像键盘快捷键一样,对于更高级的用户来说,它们必须是一个不错的功能。另一方面,系统手势往往为大多数用户所熟知。

以下是使用手势的一些主要缺点:

• 他们有一个陡峭的学习曲线。手势很难发现,您必须提供有关使用手势激活某些功能的额外提示。

• 没有普遍认识的词汇。大多数用户可能不熟悉您的应用程序的手势,因此您不应忘记提供可访问的、可见的控件。

• 他们需要两只手。许多手势需要两只手(例如捏合或拖动),这使得用户在只有一只空闲的手时无法使用应用程序。从可访问性的角度来看,带有手势的应用程序对于有运动障碍的用户来说变得太具有挑战性了。

以上内容为转载

上一篇下一篇

猜你喜欢

热点阅读