The Daily——APP设计初探

概述The Daily

第一个数字新闻出版物拥有大量原创的正版内容,每天发行,一切只为iPad。由记者和设计师组成的顶级新闻搜集团队,使TheDaily覆盖全球:突发新闻,体育,流行文化,娱乐,应用程序,游戏,技术,意见,名人八卦等等。The Daily电子报纸的订阅服务为媒体公司解决了商业模式的难题,但现在媒体公司必须创造优秀的内容,不仅要吸引用户付费,而且要吸引用户一直付费使用其服务。

TheDaily是拥有深度和质量的杂志,将报纸的发行变得像网络的更新一样及时。

随着你的触摸、挖掘和探索,伟大的故事,照片,视频,音频和图形为您带来现场的感觉。定制的体育频道,让你可以跟踪你喜爱的球队的得分,图片,标题 – 甚至球员的微博。

精彩的The Daily

•每天超过100页的原始内容  •原始高画质影片  •360度的照片  •全景摄影  •交互式图表,资料,图表和可点击的热点  •保存阅读文章,以后阅读  •共享通过Twitter,Facebook和电子邮件文章网站友好的版本  •您最喜爱的运动队的得分,新闻和照片  •应用程序内评论 – 包括音频评论  •当地天气  •新的字谜和每天数独谜题-绑定Gamecenter

迄今为止新闻集团已为The Daily投入约3000万美元,初步市场目标将是销量突破数百万份,这种成本则极其低廉的数字报刊将有望进一步扩大其用户群。如此大的投入一定会带给用户及其丰富的内容大餐。

iPad版The Daily产生的背景

在这个报纸发行量和印刷广告收入不断萎缩的时代,The Daily将反映默多克的三大关注重点——报纸、iPad以及找出向网络内容读者收费的方式。

默多克曾于去年4月份称iPad是“未来的惊鸿一瞥”,iPad“可能拯救报纸发行业,因为它可以省去纸张、油墨、印刷及运输的费用。它不会毁掉传统的报纸,只是让它们以一种新形式出现。

“虽然我们现实世界的房地产和汽车业在萎缩,远程旅行变得更加昂贵,这些比气候变暖更加具有威胁,但是在虚拟世界里,成长是没有限制的。这是一个极富想象力的社会,让我们“赢在未来。”而美国是全世界富有想象力的超级大国。”——“想象力超级大国”——Reihan Salam为TheDaily首次撰写文章。

可以看到美国人正在进行一场革命,颠覆传统产业就意味着超过其他国家,因为他们是造梦者,而他们深知——造梦者才是世界的主宰者。

客户目标群

The Daily将潜在客户目标群定位在部分新增的传媒消费者,这部分人具有良好的教育背景且久经世故,但却不会阅读一份全国性报纸,他们希望能在任何时候和地点获得符合其特定兴趣的内容。正如默多克所说:“它是内容呈现的新形式”让我们开始体验吧~!

通过前面的背景了解,我们知道对于一个应用产品来说,The Daily并不是革新。整个产品的诞生就像是一个顺产儿——本应该如此——借用杂志的浏览体验,在iPad这种新生平台上结合更多媒体形式,重新打造新的报纸阅读习惯。与其他新闻应用不同的是,The Daily电子报纸的订阅服务为媒体公司解决了商业模式的难题,媒体公司必须创造优秀的内容,不仅要吸引用户付费,而且要吸引用户一直付费使用其服务。

整个产品的主体服务是——原创内容资源。这个由顶级团队打造的新闻每日应用提供的内容永远是它的最核心价值。用户之所以不用Flipboard,就是因为它上面的专属文章和内容。这个内容壁垒将成为社会化网络媒体的一大障碍,难怪Yahoo说新的互联网时代内容为王。内容就像粮食,当它再找到一个适合的形式展现时,就像是获得重生,会有更好的发展。

个性化服务——针对体育专门开发的定制关注服务。用户可以关注喜欢的球队,及时获得更多的球队信息,并与其他粉丝一起互动。美国人对于棒球、橄榄球、篮球、曲棍球联赛真的是非常热衷。这点景德镇要努力赶上哈。

添加关注的球队非常简单,点击下方图标就是添加,点击上方图标就是删除。在这里编辑模式与状态合在一起的做法非常简洁。

另外社会化网络信息的整合,让这本电子期刊读起来更加有热闹的气氛。你可以在专门的页面发表观点,以及浏览网友的观点。关注明星关注名人以及你感兴趣的网友。

设计的力量不容忽视

一、The Daily让每一天的感觉融入设计之中

The Daily是一个希望人们每天都要访问的应用,海量的信息是吸引人们的核心力量,除了这些内容,设计师还在内容细节上把“每一天”的感觉融入其中。

A.背景的天空随着当天时间发生色彩变化

使用了天空效应的应用主页,让人有一种海阔天空的自由与轻松。随着一天中时间的推移,背景天空发生变化,你会感到一天的开始和一天的结束。细腻的光的应用,即便在主页内容载入时间有点多的情况,你也没有一点厌烦和焦虑。同样的设计也应用到了星座天气专题页面。

背景图在主界面与内容幻灯片的结合,将整个UI的概念推向高潮。这种轻松的氛围让使用者即便是一天多次打开The Daily都不会感到厌烦。

首屏有一个隐藏的工具栏,可以选择播放、收听、下一个、随机播放幻灯片内容。还可以记录下来以后再看。有一个设置入口,在这里可以设置帐户还有其他隐私信息。

B.不仅仅是天气还有星座和运势

天气是美国人最关心也是最爱说的话题,堪比中国的“吃饭了吗?吃的啥?”,不过The Daily与时俱进,将星座运势整合在了天气的界面,这种最早在日本兴起的星座运势看来已经影响全球了(如今相亲都看星座……)。每天看天气的同时关注星座,简直就是一件必不可少的快乐事情~

天气、星座界面采用的流行的沉浸式界面风格,背景图与信息完美结合。天空部分正好与星座结合,地面部分正好和天气结合,可以说,这个界面巧妙的将自然与信息匹配到了一起。

二、不堆砌内容,有效引导用户浏览更多

iPad的版面对于报纸来说小了很多很多,在如此分辨率和物理尺寸下堆砌报纸内容不大现实。The Daily在内容呈现上做到了层次清晰,并有效引导用户浏览。这一点做不到不容易。让我们看看TheDaily是如何做的。

A.蓝色箭头,告诉你浏览的方向。

在The Daily应用中,大部分时间你是在使用左右滑动来切换上页下页。如果你浏览过快,会发现,好像忽略掉了很多内容,为什么很多文章只有标题页。如下:

浏览过杂志的朋友应该不会陌生,有时候版面不够需要拼版的时候,会出现提示符号告诉你前往哪里可以继续阅读。即便是你知道通过滑屏来继续阅读,这种符号出现的好处是教育新用户,同时让阅读者有一种被导游的感觉,不至于孤独无助。

有时候更多内容是纵向排版的,需要向下滑动。在目录界面向下纵向滑动获得更多内容是肯定的。在详细界面,有时候也是会出现向下滑动的(剩下的内容无法拼成一个整版)。

B.借助横竖屏切换来唤出更多内容或浏览模式

例如:从竖切换到横——进入全屏播放视频(当前页面有视频的话)或者进入幻灯片模式浏览组图。从横到竖——可以查看图片所配的文章,浏览完整时刻表等。

在横竖切换间,内容充分列用了硬件的比例特性,让内容选择适应,让浏览体验顺畅。

C.简洁的操作说明——不超过5个

记忆法则在这里被应用,The Daily拥有不止5个操作。但是这里只需要罗列出来最需要用户知道并学习的操作即可。他们分别是回到主页、分享文章、保存文章、快速浏览、工具栏操作。

相比大篇幅的说教,五个关键操作说明让这个应用变得易懂易学,让使用者减少了学习心理负担,也快速掌握了应用的使用方法。

二、继承印刷行业完美的栅格法则

栅格法则是传统报刊杂志发展至今的宝贵财富,TheDaily在内容排版上继承了栅格法则的精髓。在横竖屏切换过程中,内容都能做到完美适配。下面的图显示的是在竖屏情况下的基础二分栏和基础三分栏。

基础三分栏可以延伸为偏重两分栏,以及混搭排版。

在横屏模式下,通常采用三分栏。

横屏模式下,四分栏可以衍生出更多的版面方式,设计师可以将杂志排版的精华应用其中。

The Daily在传统平面上积累的不仅仅是栅格体系的精良美学。还有对于图片处理上的技巧,笔者有时间可以再整理一些,这方面的内容与大家交流。

三、随处可见的信息互动设计

信息互动设计是iPad带给信息呈现最大的礼物。人们不再是简单的信息受众,而是信息的再创造和再传播者。在The Daily中,你看到一个信息可以发表观点、分享给好友、参与观点投票。

通过点击地球,获得不同的视频短片。

通过点击黄色鱼,激发预告片播放,这也算是与电影角色互动了。

身临其境的全景照片。真的太赞了!美景尽收眼底,真希望能够买一个这个相机,全景记录我的旅游生活。

天气预报可以查看全天24小时,拖动滑块,可以放大图标。虽然这个功能没那么实用,但是这种查看信息的方式,值得我们留心记忆。

这些互动不是新东西,只是iPad让这些互动更加容易便捷,更加生动。相信随着TheDaily的逐步发展,还会有更多有趣、生动的信息互动设计出现。

四、全局导航的重要性

电子杂志跟显示中的书有一个很大的区别——书翻找容易,iPad没有翻找体验。这就决定了电子杂志类应用必须做好导航,让用户可以在不同的页面之间快速切换。这跟增加一个搜索模块不是一件事情。

The Daily对于此问题的解决方案是滑动条。

整个滑动条一直呈现在所有内容页面的顶部。没有隐藏——这个是关键决策。大部分设计师喜欢沉浸式设计,能够更好的展现全部内容。但是The Daily的保留是有必要的。

The Daily整个应用的信息呈现非常扁平化。你可以一页一页一直翻阅下去,而不知道这本杂志到底有多少,到底看到哪里了。

滑动条的设计解决了两个交互问题——第一是如何让用户知道翻阅的进度和定位;第二是如何快速切换内容。可以说整体视觉简洁大方,体验极佳。

滑动条区域的右侧是常用功能入口——分享点评和回到首页。多余的入口一个都没有。

后记

预期说The Daily APP只是报纸的一种新展现形式,不如说是高品质信息传播的开始。这个投资3000万美元的新闻应用,相信会在2011年带来不小的震撼。从长远来看,媒体行业对高级设计人才需求依旧倍增,只要你是设计师,就应该庆幸,富媒体时代的到来了~ 欢迎交流。更多关注The Daily

来源:http://www.blueui.net/blog/?p=308

时间: 2024-09-20 18:01:24

The Daily——APP设计初探的相关文章

17款最优秀的体育类网站与APP设计

  在过去的几年当中,因为工作原因,我有幸参与了一些著名体育品牌的网站与APP设计,在此过程中,我花费了大量的时间和精力来研究体育类网站和APP,对于整个市场有了比较清晰的认知.通过对比,我发现绝大多数的英超.NFL和NBA的网站模板是如此的相似而过时,反而是有些球队和俱乐部的网站打破了常规,打造出令人耳目一新的优质产品. 今天这篇文章,我会将我最喜欢的体育类网站和APP都列出来,并对它们进行简要的分析.这些产品在排版布局,图片处理.用户体验.可用性和易用性上,多有其独到之处,希望我的这个列表能

App设计中4类便捷的单手操作

探讨APP的手势操作前,我想先介绍两篇文章来了解用户是如何使用手机的,以及触控屏是如何感应我们的操作的. 用户是如何使用手机的 Steven Hoober在<How Do Users Really Hold Mobile Devices?>[1]一文中指出,通过两个月的时间对1333名手机用户在公众场所(街道.机场.汽车站.咖啡馆.火车上.汽车上等)使用习惯的观察得出以下结论: ①780名用户是通过滑动.点击.打字等来操作屏幕,其他用户则仅仅是用手机来收听.观看.打电话. ②49%的用户通过单

Web App设计浅谈

HTML5技术的强势发展,为互联网带来的最大改变就是: web从"已死"的预言中回过头来给Native app一记沉重的回马枪,web app成为举世瞩目的明星开始走在各大公司研发的时刻表中.Google .微软.苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗,并试图建立以自己为中心的"云"服务平台,企图在web app时代到来的时候充当霸主. 本文将围绕web app的设计,与大家讨论几点设计技巧. 什么是web app? Web app是一种通过网

移动APP设计:优秀的APP导航设计形式

文章描述:导航的设计是 App 设计发展过程中很值得玩味的地方,由于移动设备特别是智能手机的屏幕尺寸有限,设计者们通常会将屏幕空间尽量留给主体内容,优秀的导航设计会让用户轻松到达目的地而又不会干扰和困惑用户. [导读]为了在手机屏幕给定的范围内展示出更多内容,优秀的导航栏设计将起到关键性作用,对于不同的操作也当因地制宜地选则不同的设计方案. 导航的设计是 App 设计发展过程中很值得玩味的地方,由于移动设备特别是智能手机的屏幕尺寸有限,设计者们通常会将屏幕空间尽量留给主体内容,优秀的导航设计会让

web app设计:Web app的交互性设计

文章描述:Google Web App开发指南第二章:交互设计. 首先掌握基础 借用篮球界一个传奇人物的话,在你做任何事之前,你必须"首先掌握基础".(说出这句话的是波士顿凯尔特篮球名宿Larry Bird,他同时也是一个Web App爱好者.)所有伟大的Web Apps都必须有一个清晰的集中点. 相关阅读:Web Apps的绝佳案例:Web Apps的特性 创建清晰的需求描述 伟大的web apps让用户很容易集中注意力.人们在某段时间内只能集中于少数几件事,因此,与那些提供给用户很

怎么更好地完成一个基于TOP的APP设计?

文章描述:不要让你的产品停留在实验室 抓?昂诵男枨蟆? "赢在淘宝"的应用持续飙升,在距离截止日期还剩两天的时候,已经突破250个了,这个数量还真有些出乎我们的意料.在试用这些应用的时候,发现很多让人眼前一亮的创意,但是当进一步将这个应用和市场结合的时候,就会发现出现"实用断层",也许是因为过于聚焦在"创意"本身,所以在这些应用的设计中往往忽略了用户的核心需求,或者说是对用户核心需求的关注度还不够.产品设计没有通用的理论可以参照,只是从一个终端用

Web app设计细节:web app互动设计技巧

文章描述:Web app设计浅谈 . HTML5技术的强势发展,为互联网带来的最大改变就是: web从"已死"的预言中回过头来给Native app一记沉重的回马枪,web app成为举世瞩目的明星开始走在各大公司研发的时刻表中.Google .微软.苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗,并试图建立以自己为中心的"云"服务平台,企图在web app时代到来的时候充当霸主.本文将围绕web app的设计,与大家讨论几点设计技巧. 什么是web

必胜宅急送Web app设计背后的思考

O2O模式是餐饮业在移动消费趋势下主动拥抱互联网的方向,迎合餐饮消费者 从以往经验判断为主转变为依靠移动设备.lbs.社交网络进行立体决策的过程. 继App客户端之后,手机web app也逐渐成为O2O中联系消费者和餐饮业的纽带,通 过Html5的技术支持,web app设计可以直接适配不同平台的手机屏幕并实现类似 App客户端的体验,在O2O双向流程的闭环中加深消费者对品牌的认同和感情认知 . 日前必胜宅急送推出的手机订餐web正是其O2O模式的策略补充和深化.FaceUI 提供的web ap

2016年最值得关注的移动端APP设计趋势

  不论移动端网页和APP之间有着怎样的争论,移动端APP的快速发展都是不争的事实,各种客户端的开发和接入已经成为常态.用户对于自己喜欢的品牌和服务,总期待官方能推出客户端,也正是在这种期待和需求之下,催生出越来越多的APP. 事实上,有APP分析机构的研究表明,用户每天耗费在手机和平板上的平均时长为158分钟,其中127分钟是耗费在各类APP中,而仅有31分钟是花费在浏览网页之上.且不去深究这个数字是否适用于不同的国家和地区,但是总体的趋势大家都看的很明白.用户的需求越来越多,如果开发者和厂商