网站建设之桌面与移动应用程序设计的巨大差异
责任编辑:神州华宇 来源:北京网站建设 点击:226 发表时间:2019-03-08
网站建设受到了移动浪潮猛烈地冲击。早在2014年,美国的移动应用的互联网使用量就超过了桌面应用,而在2016年之后不久,全球的移动互联网浏览总量就超过了桌面应用。这股浪潮改变了数字设计的游戏规则。
桌面与移动应用程序设计差异很大,如何为桌面和移动应用程序用户创造良好的体验?这是一个挑战。
如今,网站所有者和设计师仍在奋力追赶。他们花了十年时间完善的桌面设计策略现在已经成为一项次要的技能,而权力已经转移到那些懂手机的人身上。
对于企业家和设计师一样,生存现在取决于理解桌面和移动应用程序设计之间的差异,以及如何充分利用这两者。在本文中,我们将向您介绍一些最佳实践,以便您能够创建最终的用户体验。
桌面与移动应用程序设计的巨大差异
网站建设的屏幕大小
桌面=大
这不仅仅意味着有机会添加更多的内容。屏幕大小影响设计的各个方面,尤其是导航。
桌面应用程序可以支持固定的导航栏,而移动应用程序通常仅限于下拉菜单。这对于可发现性非常有效,因为用户可能会发现以前不知道的新部分。例如,你知道易趣卖汽车发动机和其他汽车零件吗?如果你用的是他们的手机应用,你就得不费苦心地去学习。
移动=小
移动应用程序必须尽可能地节省屏幕空间,因此您必须知道哪些元素足够重要,可以显示。这个障碍引发了两个有趣的趋势:极简主义和汉堡菜单。两者都非常成功,它们也渗透到桌面设计中,在那里它们是风格上的选择,而不是必需品。
网站建设的交互
桌面=游标
桌面应用程序可以充分利用光标的交互性:比如悬停文本或光标触发的动画。这使得桌面应用程序的整个屏幕上都是图片,描述性文本只出现在悬停上。
移动=手势
你不能在移动应用程序上悬停或滚动,但你的指尖可以做出无限的手势。滑动、摇晃或老式的戳戳给应用程序带来了全新的机遇,它们让应用程序更有趣。你能想象如果你必须点击Tinder会有多无聊吗?
网站建设的组织内容
桌面=列
桌面上的任何内容都可以以传统的多栏形式出现——就像报纸和杂志上的打印内容一样。这为设计布局和定位文本、图像和UI元素提供了很大的灵活性。
移动=滚动
一旦内容达到一定长度,移动应用程序就需要使用长滚动。这并不是一件坏事!移动用户实际上更喜欢连续滚动,这种技术节省了屏幕空间,同时使手势交互更加有趣。就像极简主义和汉堡菜单一样,长滚动条是另一种移动设计趋势,因为它的流行已经转移到桌面。
移动=肖像和风景
与桌面屏幕不同的是,移动应用程序可以随意在纵向和横向视图之间切换。对于设计师和网站所有者来说,这是福也是祸。两个屏幕方向允许更多的功能和更好的用户个性化,但它通常需要两倍的设计工作。
网站建设的功能
桌面=大任务
根据盖洛普(Gallup)的一项调查结果,用户更喜欢使用桌面应用来完成更长、更复杂的任务。原因之一:手机屏幕限制了一次可用功能的数量。这就是为什么Adobe选择了一个混合的Photoshop Mix应用,而不是将所有的Photoshop都移植到移动端。
但更重要的是,这是一种心态。手机适用于短时间的冲刺和即时出现的快速任务(想想价格比较或者证明你的朋友在《GoT》中扮演猎犬的角色是错误的)。当较长的任务出现时,用户更愿意找到一个座位,使用功能更多、内容更多、功能更特殊的桌面应用程序。
移动=实验
手机在功能上的不足,可以通过独创性来弥补。现在,移动设计处于技术的最前沿,提供了大量桌面无法提供的独特功能。
这里有几个例子:
虚拟现实
增强现实
多个摄像头
加速度计和陀螺传感器
手机联系人列表
磁传感器
桌面与移动应用程序设计差异很大,如何为桌面和移动应用程序用户创造良好的体验?这是一个挑战。
如今,网站所有者和设计师仍在奋力追赶。他们花了十年时间完善的桌面设计策略现在已经成为一项次要的技能,而权力已经转移到那些懂手机的人身上。
对于企业家和设计师一样,生存现在取决于理解桌面和移动应用程序设计之间的差异,以及如何充分利用这两者。在本文中,我们将向您介绍一些最佳实践,以便您能够创建最终的用户体验。
桌面与移动应用程序设计的巨大差异
网站建设的屏幕大小
桌面=大
这不仅仅意味着有机会添加更多的内容。屏幕大小影响设计的各个方面,尤其是导航。
桌面应用程序可以支持固定的导航栏,而移动应用程序通常仅限于下拉菜单。这对于可发现性非常有效,因为用户可能会发现以前不知道的新部分。例如,你知道易趣卖汽车发动机和其他汽车零件吗?如果你用的是他们的手机应用,你就得不费苦心地去学习。
移动=小
移动应用程序必须尽可能地节省屏幕空间,因此您必须知道哪些元素足够重要,可以显示。这个障碍引发了两个有趣的趋势:极简主义和汉堡菜单。两者都非常成功,它们也渗透到桌面设计中,在那里它们是风格上的选择,而不是必需品。
网站建设的交互
桌面=游标
桌面应用程序可以充分利用光标的交互性:比如悬停文本或光标触发的动画。这使得桌面应用程序的整个屏幕上都是图片,描述性文本只出现在悬停上。
移动=手势
你不能在移动应用程序上悬停或滚动,但你的指尖可以做出无限的手势。滑动、摇晃或老式的戳戳给应用程序带来了全新的机遇,它们让应用程序更有趣。你能想象如果你必须点击Tinder会有多无聊吗?
网站建设的组织内容
桌面=列
桌面上的任何内容都可以以传统的多栏形式出现——就像报纸和杂志上的打印内容一样。这为设计布局和定位文本、图像和UI元素提供了很大的灵活性。
移动=滚动
一旦内容达到一定长度,移动应用程序就需要使用长滚动。这并不是一件坏事!移动用户实际上更喜欢连续滚动,这种技术节省了屏幕空间,同时使手势交互更加有趣。就像极简主义和汉堡菜单一样,长滚动条是另一种移动设计趋势,因为它的流行已经转移到桌面。
移动=肖像和风景
与桌面屏幕不同的是,移动应用程序可以随意在纵向和横向视图之间切换。对于设计师和网站所有者来说,这是福也是祸。两个屏幕方向允许更多的功能和更好的用户个性化,但它通常需要两倍的设计工作。
网站建设的功能
桌面=大任务
根据盖洛普(Gallup)的一项调查结果,用户更喜欢使用桌面应用来完成更长、更复杂的任务。原因之一:手机屏幕限制了一次可用功能的数量。这就是为什么Adobe选择了一个混合的Photoshop Mix应用,而不是将所有的Photoshop都移植到移动端。
但更重要的是,这是一种心态。手机适用于短时间的冲刺和即时出现的快速任务(想想价格比较或者证明你的朋友在《GoT》中扮演猎犬的角色是错误的)。当较长的任务出现时,用户更愿意找到一个座位,使用功能更多、内容更多、功能更特殊的桌面应用程序。
移动=实验
手机在功能上的不足,可以通过独创性来弥补。现在,移动设计处于技术的最前沿,提供了大量桌面无法提供的独特功能。
这里有几个例子:
虚拟现实
增强现实
多个摄像头
加速度计和陀螺传感器
手机联系人列表
磁传感器
它也不总是新技术。有时应用程序可以以新的方式使用现有的技术。例如,Snapchat利用手机的加速度计来知道你在开车,然后切换到bitmoji汽车。