写逸论文网

写逸论文网 首页 计算机论文 查看内容

互联网产品跨屏设计的差异化

2016-8-6 13:05| 发布者: wangziyi| 查看: 325| 评论: 0|原作者: zhengsiyao|来自: [db:来源]

摘要: 通讯技术的发展带来了无线通讯技术的迅速崛起,3G甚至4G通讯网络的出现使智能手机和平板电脑等移动设备己经成为人们上网的首选硬件。智能手机和平板电脑之所以吸引用户,其核心优势在于方便携带,可随时随地享受移动 ...

  通讯技术的发展带来了无线通讯技术的迅速崛起,3G甚至4G通讯网络的出现使智能手机和平板电脑等移动设备己经成为人们上网的首选硬件。智能手机和平板电脑之所以吸引用户,其核心优势在于方便携带,可随时随地享受移动Web及各类移动应用产品的服务,充分满足了人们利用碎片化时间的需求。智能手机和平板电脑与传统的桌面设备有着巨大的差异,使得传统互联网用户所习惯的信息读取方式和交互方式发生了巨大的改变,这些改变的产生首先来源于用户的使用场景和情境的不同,这也使得互联网产品设计从单一的桌面设计时代进入了跨屏设计时代。对于互联网产品的设计开发团队而言,跨屏设计带来了更多的挑战。要想使跨屏设计的产品能够保证在任何尺寸的屏幕中的可访问性及可用性,实现良好的用户体验,设计者必须首先了解不同屏幕之间的差异性,才能根据这些差异设计出符合用户需求的产品。

  一、使用场景的差异化

  根据百度发布的报告显示,移动互联网用户和桌面互联网用户在上网时间上有较大的区别。早上7点至10点、晚上9点至12点使用移动互联网的用户要明显高于桌面互联网,移动互联网用户使用高峰期出现在晚上10点,而桌面互联网用户使用高峰期出现在晚上8点。用户使用桌面端设备使用互联网产品通常是在室内固定场所,环境相对安静和稳定,使用的目的多数是工作或学习。而移动端产品的使用场景则呈现明显的移动化和多样化,比如乘坐地铁、公交车时,走路时,等餐时,健身时,睡前等各种场景,这都属于用户日常工作、学习之余的碎片时间;另外一个常见的但是往往被忽视的场景,就是用户身处稳定的环境中,但因为没有条件或懒于打开台式机或笔记本,所以使用移动设备代替执行。

  桌面设备是工作化的,大多用于完成工作学习上的任务。智能手机是个人化的,大多用于执行微型任务,主要目的是获取网上提供的信息,实现娱乐和社交分享等。平板电脑是共享的,他们被认为是一个备用的笔记本电脑,主要用于内容消费。所以,设计者要清楚设备最适宜的使用场景,以针对这些场景中的用户习惯进行相应的设计。

  二、交互方式的差异化

  桌面设备的操作方式通常是使用鼠标、键盘进行交互的控制,也可通过其他外接设备如手绘板等实现对软件系统及屏幕对象的操控。这种通过鼠标、键盘的操作,精准度高,鼠标指针可以到达屏幕的任何一个部分,基本不会挡住造作对象;悬停时可以显示隐藏的对象,并帮助确认目标;同一时间只支持单一输入点;可通过鼠标形态的变化暗示操作进程。移动设备的交互方式要丰富许多,最常用的是手指通过点击、滑动、收缩和旋转等手势对触摸屏上的对象进行直接的操作,还可以通过语音的方式实现交互,或是利用移动设备本身的其他硬件功能,如重力感应器、温度感应器、加速度感应器、光线感应器、压力传感器等实现交互。移动设备的交互控制相比较桌面设备来说,支持手势操作,支持多点输入,但精准度会差一些,容易产生误操作;设备在单手操作的情况下,屏幕上的某些区域很难触摸得到,手指或手可能会挡住操作对象;另外移动设备的交互没有悬停状态。

  用户在使用桌面设备时,由于鼠标箭头能够点击的区域可以很小且相对精确,因此在操作方面的约束较少,可以完成精确性很高的交互任务。用户在使用手机时,多数情境下是竖屏状态下的操作,使用单手握住机器底部,使用同一只手或另一只手的拇指进行操作;而用户使用平板电脑时,多以横屏状态下的操作居多,浏览或观看时一般是双手握住机器中部或稍偏下一点的位置,有交互行为时则会变为一只手握住设备中部,另一只手操作。

  三、屏幕容量的差异化

  屏幕容量主要是指屏幕尺寸。桌面设备的屏幕尺寸通常大于13英寸,移动端设备常见的屏幕尺寸为2. 8~10. 1英寸,尺寸的不同带来了差异。PC端产品的信息容量大,信息布局相对灵活,可以采用多栏的布局,导航的方式也更加丰富。而移动端产品,尤其手机端产品信息容量小,在设计时除了需要提供清晰的导航、操作逻辑和引导来帮助用户了解当前在哪儿,以及接下来该干什么,还应该考虑到控件之间的相互干扰。

  移动端设备内置的感应器可以根据设备的定向方式来决定屏幕的显示模式,如优酷手机客户端软件在竖屏模式中,视频窗口较小,但相关辅助信息比较丰富;而在横屏模式下,视频展开为全屏,并向用户提供了更加全面的播放控制功能。

  另外,与移动应用启动后独占整个屏幕不一样,多数桌面客户端产品启动后会以窗口的形式显示在屏幕上。当窗口的尺寸调整时,需要考虑到窗口尺寸的变化对产品的影响,应根据实际情况决定是否对窗口内的信息内容做自适应处理,或限定窗口的最小尺寸。

  四、信息组织的差异化

  对于传统的桌面端产品,用户使用时的专注度比较高,同时屏幕容量大,交互操作容易,因此PC端产品的信息组织比较灵活,可以针对产品本身的规模呈现宽而深或窄而深等的层级关系样式。而移动端互联网产品受到移动设备屏幕容量的限制,在信息的展示方式上会针对功能和用户需求进行细化和简化。同时,用户需要通过更多的页面之间的跳转来实现信息的获取,而跳转的速度又受限于设备本身的性能。因此,移动端产品的信息组织与设计更加重视提高单页信息传输能力,尽量减少跨页信息传递,通过压缩或拉宽信息组织结构来避免因反复切换页面而造成的用户流失。因此,在信息的层级组织上,通常会呈现出宽而浅或窄而浅的层级样式。

  五、导航系统的差异化

  (一)导航内容的差异化

  导航系统关注的是如何浏览信息。导航的作用是告知用户当前位置,怎么返回原来的地方,用户还可以去哪里,下一步打算去哪里,怎么去,附近还有什么地方等,目的就是让用户很清晰明确地浏览信息。

  在产品从桌面端向移动化设计的过程中,要对原导航进行一定的删减、隐藏、组织,以更好地适合移动端屏幕特性,特别要把握目标用户的本质需求,结合产品的使用场景、用户的使用习惯以及软硬件特性等进行导航的再设计。比如,亚马逊移动版导航的设计进行了重新的组织规划,并很好地应用了Mille:法则,将PC版的分类导航项目“电子和计算机”分解为“电子类”与“计算机和办公”两个类,每个类里的内容不超过7项,这是一个逐步精简和重新规划的过程。

  桌面端产品的设计考虑的是如何将操作展示给用户,而移动端产品的设计更多考虑的是如何将操作巧妙地隐藏起来。这种隐藏实际上是对核心功能的一种突出,即在导航内容等级相同或者相近的情况下,显示相对重要的内容,而把其他内容隐藏到“更多”中,用户可以点击“更多”后,在当前页展开或者是跳转到新页面,这是常见的处理方式。

  (二)导航样式的差异化

  根据外在形式的不同,桌面端互联网产品导航又可分为顶部横向导航、侧边栏导航、Tab标签导航、面包屑导航、页内锚点导航等多种形式。由于移动终端特性,移动互联网产品可以采用的导航主要有纵向导航、分类链接导航、Tab标签导航等。

  顶部横向导航在桌面端产品上一般会贯穿产品的所有页面,而移动端产品上的全局导航并不一定每个页面都有。而且因为移动端屏幕尺寸的原因和手机交互行为的影响,以纵向导航为主。另外,移动端产品上的全局导航经常会把导航上内容分类做成ICON,以符合用户手指交互的需求,以增强交互体验。

  面包屑导航是桌面端互联网产品必备的导航之一。它可以让用户明确了解自己所处的位置,引导用户通行以及了解当前页在整个产品系统中的位置,提高用户体验,并能很好地帮助用户快速学习和了解产品内容和组织方式。因此,面包屑导航在移动Web中的使用频率也比较多,但由于移动端屏幕横向宽度较小,所以通常会保留关键的路径,例如首页、栏目等,从而使面包屑导航在一行之内完整显示。

  移动设备特有的交互属性也会产生完全不同于桌面端产品的导航样式,如抽屉式导航,这种导航方式在移动应用产品中的使用相当广泛。抽屉式导航模式一般采用将导航主体隐藏在移动应用侧边的方式,通过按钮来呼出导航,在使用完成之后再使用相同的按钮隐藏起来。根据不完全的考证,这种导航方式始于Facebook,不久Gmail, Path等应用都采用了这种导航模式,目前国内也有很多产品使用了抽屉式导航,如网易新闻、Weico新浪微博客户端等产品。

  六、总结

  由于交互媒介由原来的鼠标、键盘变成了用户的手指,使得桌面端和移动端互联网产品的差异化是比较明显的。设计师在进行移动设备软件系统的设计时势必会遇到很多不同于传统桌面设备的问题。比如,当用户在进行操作时,界面的一部分必然会被手指遮挡住,所以要尽量保证控制元件的布局不会干扰到实际内容。还有很多同样的问题,基本可以归纳为“舒适度”与“可视性”这两点。正是缘于此,很多的手机端应用会将主要控制元件或导航放在屏幕底部,而这与传统Web设计的习惯正好相反。另外,移动设备的硬件特点使其拥有更多传统计算机所不具备的功能,譬如GPS、内置麦克风及摄像头、触控、陀螺仪、重力感应器、罗盘等,基于这些功能打造的不同类型的客户端应用,它们所对应的使用场景也各有不同。在多数情况下,无论移动应用还是移动端Web,它们都应该与桌面版的网站及产品具有相似的内容与功能,展现相同的品牌DNA。当然,不同终端的产品基于设备自身的特点自然会产生差异化,如交互方式等方面会有很大的不同,但在内容呈现方面则尽可能保持一致。同时,基于移动终端的硬件特点,移动应用在功能设计方面会更加丰富。如著名的电子商务网站亚马逊的移动客户端还具有条码扫描功能,正是充分利用移动设备特有功能的典型案例。因此,当互联网产品从桌面端移植到移动端的时候,除了应具备相似的内容与功能,展现相同的品牌DNA,还要考虑他们之间的差异化,根据使用场景、操作方式、导航系统、信息架构和屏幕容量等的不同,制定相应的原则和设计方法,为互联网产品成功的移植做好准备。


鲜花

握手

雷人

路过

鸡蛋
最新文章
热门文章

QQ|Archiver|手机版|小黑屋|写逸论文网  

GMT+8, 2018-9-21 04:33 , Processed in 0.063538 second(s), 21 queries .

返回顶部