2015.5.30 [每日一款APP分析]每日故宫

第一款  每日故宫

一、首页交互界面

打开应用,首先可以看到淡雅的背景点缀着几片飘落的花瓣,故宫博物院的logo被放置在页面的正中间。logo设计也十分简洁,运用了汉子“宫”的变体和中国传统纹样,色彩是明黄色,透露着皇家的威严。

通过辅助线分析可以看到,两线的交叉点是视觉的焦点,logo是应用载入界面最重要的信息传达要素,把它放在页面的视觉中心能够起到吸引视线,增强用户心理暗示的作用,知道自己现在使用的什么应用,不会因为应用信息传达不明确使用户退出。

在首页交互上,因网络状况不同会有信息加载时间,对于等待的这段会引起用户烦躁的时间,每日故宫在页面上增加了文物线稿底纹渐显,logo明暗过渡的效果,进一步加强应用的信息传达要素:这是一款以展示故宫文物为主的应用。

二、具体功能界面交互

进入到每日故宫的具体功能界面,风格延续了首页的淡雅背景以及中国风元素的icon,视觉很舒适自然,并带有清新的历史风。色彩运用上这样的视觉交互是十分优美的。

1、主要功能——日历

“每日故宫”每日推送一款故宫精美藏品,而这样的一个目的是以隐喻的手法展示的。进入主要功能页面,用户首先看到的是精美的如泛黄般的古老日历页。

保持一致的行为习惯。初始载入页面默认是今日的日期,在用户心理上有前一天和后一天的心理信息布局,会产生潜意识的左右滑动页面查看前后日历的行为,因而将用户的潜意识行为与实际的交互操作行为相一致,能够避免用户在使用时由于心理和操作状况有误差而产生的挫败感。

留下想象空间,保持持续的期待。当向右滑动页面时,并没有第二天的日历也出现,而是出现了第二天的信息内容预告“明日[吕纪南极老人像轴]”,其实这完全可以展示出来,但产品却并没有这样做,为什么呢?如果像其他日历页面一样做出展示,用户提前看到了内容,虽然在心理上获得了多一天信息获取的满足感,但从用户量上出发,这样可能会失去一部分留存用户。因为当用户获得了更多的信息,而他又知道明日无新的内容后就不会有再次查看的需要了,要么卸载,要么忘记打开。所以应用采用了这样给出信息预告的方法,既满足用户对未知的好奇心,又保留了大部分内容作为吸引用户每日打开应用查看的原因。

另外,日历的中间日期数字采用镂空处理,透出故宫藏品的局部,像一扇窗户促使用户产生了想要去探寻窗户背后内容的心理。没有任何使用提示,通过用户自己探寻,产生情感上的惊喜。因而对于功能比较简单的产品,在功能引导上可以做适当的留白处理,为用户营造探寻发现,获得惊喜的情感空间

默认一屏展示藏品的中心局部,用户通过屏幕拖动查看其他部分,但不支持放大缩小查看。无论图片如何拖动,点击屏幕任意一点,都会产生或消失藏品介绍标题和喜欢,以及返回和分享按钮。这一交互方式可以使用户随时查看藏品标题,或是返回上一级界面。不至于使用户又迷失感。屏幕中的“+”,点击出现藏品详细介绍,点击屏幕任意位置,介绍消失,如下图。

交互问题:

具体介绍查看按钮位置没有固定在屏幕一侧,而是与图片位置固定,并随图片移动,无法使用户随时查看藏品介绍,只能通过拖动图片寻找到介绍icon才可以。

2、主要功能——记事

“每日故宫”另一项主要功能,每日记事写日记功能。这一功能相比于日历功能有点附加功能的意思,只能记当日事情,文本不宜过长,无法提醒未来事项。所以用户使用这项功能的需求很小,因而个人认为这项功能有点尴尬,不仅因为用户使用率低,还因为用户发现这项功能就实属不易。

没有保持行为一致性的交互误差。在记事功能上出现了很多交互误差和功能不明的情况。为什么说用户能够发现记事本就是属不易呢,上图左边第一幅是记事本入口,但看遍整个界面,除了发现日历以外的界面上方的两个icon以外,唯一一个可能是记事本的icon大概就是界面左上方的icon了吧,然后点击,出现了下图界面:

设置中心

这不是记事本,而是应用的设置中心,logo设计的风格很一致,中国风极简线框风。但是没有一个是记事本入口。那到底如何进入这一功能界面呢?回到功能界面首页,注意看界面下方的浮起的云纹图案,这仿佛是一个书签,那是可以滑动么?左右滑动半天,毫无反应,产生挫败感,使劲一点,书签缓缓滑倒了最右边,消失,从界面下方浮出记事本功能界面,如上方中心图片所示。这样的icon设计行为引导却和实际操作行为大相径庭,如果能够保持好行为一致性,会增加多少的小行为乐趣啊。

记事本界面大致功能分为三部分:心情选择,内容文本输入,上方方向箭头收起记事本。

收起箭头指向和交互动效一致,这一点上的行为一致做的很好,因而不会产生心理行为偏差。然而在心情选择上出现的了信息表述不明的情形。其实,我也是研究了好久才猜测上方的四个古代人头像,点击不同会产生不同背景颜色是为了让用户选择不同心情(因为是根据头像表情猜测,所以现在也不是很确定)。如果这一功能确实是选择心情,那么在颜色无引导,表情较模糊,icon语义不明的情况下,可以配合适当的说明文案辅助用户理解,减少用户在使用时的迷茫感和认知时间成本。

文本输入上,当用户输入完文本后没有任何的收起输入键盘或确定文本输入的选项,只能通过点击收起记事本箭头结束输入。带着自己刚刚写的会消失的不安,想要退出书写的急迫,用户被迫选择了他们认为最可能最安全的退出按钮。确实结束了,再次点击弹出记事本,看到自己写的还在,长舒一口气。

小结:

1、界面简洁友好

2、功能清晰

3、留下想象空间,利用情感惊喜,适当增加交互及信息空白。

3、介绍藏品方式创新

4、改进交互细节,保持用户行为习惯一致性

5、返回保持紧密,减少层级

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 156,265评论 4 359
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,274评论 1 288
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 106,087评论 0 237
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,479评论 0 203
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 51,782评论 3 285
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,218评论 1 207
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,594评论 2 309
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,316评论 0 194
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,955评论 1 237
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,274评论 2 240
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,803评论 1 255
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,177评论 2 250
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,732评论 3 229
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,953评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,687评论 0 192
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,263评论 2 267
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,189评论 2 258

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,537评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,592评论 4 59
  • 这样的层次结构 ---A ---B ---C ---D 既A包含B和C,C包含D 当C的...
    007Mango阅读 457评论 0 1
  • 文/顾釉止 1、 闺蜜前几天跟我哭着抱怨,说现在自己刚毕业进入职场,才刚想全心全意在事业上一展宏图之志的时候,不奈...
    顾釉止阅读 904评论 0 15
  • 采桑子·谢家庭院残更立 谢家庭院残更立,燕宿雕梁。月度银墙,不辨花丛那瓣香。 此情已自成追忆,零落鸳鸯...
    小胖妃阅读 499评论 0 0