The Daily——APP设计初探

标签: daily app 设计 | 发表时间:2011-05-12 14:45 | 作者:(author unknown) flogliu
出处:http://www.blueui.net/

概述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

twitter.com/daily
facebook.com / thedailyfeed
blog.thedaily.com

相关 [daily app 设计] 推荐:

The Daily——APP设计初探

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

The Daily为何早夭?

- - 胡泳的BLOG
胡泳为纽约时报中文网撰稿 2012年12月12日. 世界上第一家iPad报纸《The Daily》将于12月15日停止出版. 这家报纸尽管口衔金匙出生,有着显赫的“父母”——乔布斯(Steve Jobs)与默多克(Rupert Murdoch),还是不到两岁就夭折了. 《The Daily》是新闻集团(News Corp.)旗下首份面向iPad用户的电子收费杂志,于2011年2月创刊.

The Daily Mail 的成功之路:从用户体验出发的反传统网页设计

- - 极客公园-GeekPark
关注本土设计、移动互联网、用户体验、设计创新,研究如何用设计方法链接"技术-商业-媒体". 在雷锋网、英闻网等处都有设计专栏,TEDx讲者,几本设计和非设计类书作者. [核心提示]从设计和用户体验的角度说说为什么《The Daily Mail》(每日邮报)会迅速超越纽约时报,成为世界上点击量最高的报纸网媒.

The Daily 发布会观后感

- XXL - Apple4.us
The Daily 的发布会视频看完了,很失望. 默多克新闻集团的人还是搞不清状况. 此物本质跟《Wired》的 iPad 版没有区别. 形式上,它是文字、图片、视频和声音的混合体,同时整合了一些社交玩具,似乎很跟得上时代的样子. 但从根上说,不论是 iPad 版《Wired》还是 The Daily,让我们看到的都是一群个人电脑时代(1980 年代初到 1990 年代)的遗老,吭哧吭哧地努力在互联网时代寻找他们的位置.

论Web App、Hybrid App、Native App设计差异

- - 百度MUX
目前主流应用程序大体分为三类:Web App、Hybrid App、 Native App. 一、Web App、Hybrid App、Native App 纵向对比. 首先,我们来看看什么是 Web App、Hybrid App、 Native App. Web App 指采用Html5语言写出的App,不需要下载安装.

iOS APP体验设计

- wuwu - 彩程团队BLOG
iOS APP体验设计不像互联网的体验设计那样,有一堆的方法论和可以“借鉴”的案例. 目前除了苹果的<Human Interface Guidelines>和前Palm的<Zen of Palm>外,没有找到更好的设计哲学和方法论. 事实上,即便认真地研读了HIG和Zen of Palm,甚至是Oolon Colluphid的哲学巨作你也无法严格按照Guideline设计出一款出色的APP.

Web app设计浅谈

- Jason - 网易用户体验设计中心博客
HTML5技术的强势发展,为互联网带来的最大改变就是: web从“已死”的预言中回过头来给Native app一记沉重的回马枪,web app成为举世瞩目的明星开始走在各大公司研发的时刻表中. Google 、微软、苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗,并试图建立以自己为中心的”云“服务平台,企图在web app时代到来的时候充当霸主.

iOS App体验设计

- 志飞 - 36氪
编者按:本文来自成都彩程设计的CTO肖轶翔「@yxshawn」,关注「iOS,人机交互,UED,音乐人,多媒体,哲学,科幻,电子,迷幻」. 他在文中对iOS 应用和普通网站设计进行了对比,并提出了自己的设计理念. iOS APP体验设计不像互联网的体验设计那样,有一堆的方法论和可以“借鉴”的案例. 目前除了苹果的<Human Interface Guidelines>和前Palm的<Zen of Palm>外,没有找到更好的设计哲学和方法论.

Web app设计浅谈

- 章明 - 互联网的那点事
HTML5技术的强势发展,为互联网带来的最大改变就是: web从“已死”的预言中回过头来给Native app一记沉重的回马枪,web app成为举世瞩目的明星开始走在各大公司研发的时刻表中. Google 、微软、苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗,并试图建立以自己为中心的”云“服务平台,企图在web app时代到来的时候充当霸主.