基于鱼骨形信息构架的数字阅读应用跨屏设计研究.pdf

《基于鱼骨形信息构架的数字阅读应用跨屏设计研究.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、I92l麓肺总第期。。∞．．．：，_一Pc测览艟版御姻圈豳嚼嘲黼I罱譬_。一目■酉■●●41网易新闻导航参考2．Smashingmagazine导航参考3“鱼骨形”通用信息构架4．Newchannel跨屏界面设计基于鱼骨形信息构架的数字阅读应用跨屏设计研究Fishbone：AnInformationArchitectureforDigitalReadingApplicationCross—screenDesignResearch内容j离要：终端设备的日益分化为数字阅读产品的跨屏浏览体验带来了巨氕挑战．．为了适配不同终端设备的硬件杵}生和赵丽维ZhaoLiwe使用情景．应用设计

2、开发者有的开发多个版本，有的采用自适应策略，但无论哪种解决方案，其动态的适配}生都无法使季铁JiTie用户获得一致}生的跨萌琳验本文对数字阅读现有的跨异设计策略在行了比较分析，探讨了多终端通用信息构架的可能}生，并提出一种鱼骨形通用信息构架．该信息构架不仅能满足多种终端的适配需求，而且能保证跨鞯剐览饽凇的一致}生关键词：鱼骨形信息架构、数字阅读、跨屏浏览随着媒体技术和电子设备的迅理解。信息架构关注内容结构，即如界面设计是否一致的重要冈素。I而设备，其原理是：页面的设计与开猛发展，阅读的载体由传统介质进入何将信息内容组织好并进行标注以便导航设计和布局设计瀹是信息构架发根据用户行

3、为以及设备环境(系统数字化时代，而日益分化的终端也在用户容易找到所需的信息。㈦信息架的重要组成部分。所以笔者认为，数平台、屏幕尺寸、屏幕定向等)进行改变着人们的阅读习惯。如今用户大构的核心任务是建立方便、快捷和合字应用界面{殳汁应该从信息架构方而相应的响应和调整，无论用户正在部分的电子媒体消费行为都是在手理的导航系统，使海量信宫经过绍织来探讨跨屏的—致胜。使用笔记本还是iPad，页面都能够机、平板电脑、刨卤以及电视这四个和有序化，在用户与信之间建立一2．策略A：开发多个版本自动切换分辨率、图片尺寸及相关屏幕上进行的，可见跨屏获取信息苗道，将相关信自决速呈现给目标针对跨屏浏览问

4、题，其解决思脚本功能等，以适应不同设备。换是数字化阅读时代的最大特征。对大用户。用户使用数字阅读产品的主要路之一是为每个目标平台单独开发句话说，页面应该有能力去自动响多数阅读服务的提供方来说，这意味目的是获取信息，只有使用合理的信一个版本。例如网易云阅读，就为其应用户的设备环境。这方面的方法着f]不再是为单一目标设备设计一息构架，才能为用户提侈呵用、易用服务开发了PC版、iPad版、iPhone很多，如在跨平台中利用界面模式个产品，而应该是跨屏幕的—套服务，和爱用的界面。版、Android版、AndroidPad版、的转换来进行自适应的设计方法。确保用户在频繁切换设备时也获得

5、最一致性是指尽管受到环境因素WindowsPhone版、Windows8版4．两种策略的缺陷流畅的阅读体验。面对不同终端设备的变化，用户仍然能感知设备之间的等多个版本，网易的另一个产品网上述这两种策略虽然在某种程的物理特陛和使用情景，如何提高跨支持，能迅速在不同的平台上学会使易新闻不仅有传统PC平台的网站度匕解决了跨屏的问题，且在外观设屏浏览的—致陛阅读体验是当前数字用这个服务。然而设备的碎片化导和针对不同操作系统的客户端应用，计上也很相似，但从信息架构来看仍化阅读的一个重要课题。致跨屏应用界面十缺乏—致眭的体还为移动设备开发了wap版和触屏有不足，因而无法带给用户跨屏浏览验

6、，那么如何设计能够提供—致眭阅网站。一致性的最佳体验。在策略A的案一、投字阅造应用的跨屏设计策略读体验的界面呢?在2006年，CHI的3．策略B：采用自适应策略例中，由于目标设备物理尺寸和硬件1．信息架构与跨屏的一致性工作坊“Themanyfaceofconsistency另一种方法即采用自适应策略，性能的差异，导致使用策略A的产信息架构的概念源自数据库设incro&s-platformd”提出了内容、即将不同设备的适配逻辑包含在一品在不同平台上的导航和布局均有较计领域，是组织信官和设计信息环境、结构、导航、布局等是影响跨屏设计个版本中。如在web端就有响应式大出入。如图1所

7、示，网易新闻的导信息空间和信息体系结构的科学和艺一致陛的几大重要维度，并认为导航设计技术。(图2)它使用流体布局航板块不侧l顶序不一致，文案也不一术，其核心思想是让信息易于访问和设计和布局设计的—致陛是判断跨屏和媒体查询来支持不同尺寸的屏幕致，如在PC版的导航里就没有“头条”总第254期I2014106I豫晌93_0船。．，‘0：，．目根据屏幕分辨率的宽度而定，文文章，风景、物语、人文、社区4个栏●M⋯⋯⋯⋯-●⋯¨章元素的高度是固定的，但宽度却目则随后由上至下U。每个栏目下有一-■一_●_可以灵活地横