第一款 每日故宫
一、首页交互界面
打开应用,首先可以看到淡雅的背景点缀着几片飘落的花瓣,故宫博物院的logo被放置在页面的正中间。logo设计也十分简洁,运用了汉子“宫”的变体和中国传统纹样,色彩是明黄色,透露着皇家的威严。
通过辅助线分析可以看到,两线的交叉点是视觉的焦点,logo是应用载入界面最重要的信息传达要素,把它放在页面的视觉中心能够起到吸引视线,增强用户心理暗示的作用,知道自己现在使用的什么应用,不会因为应用信息传达不明确使用户退出。
在首页交互上,因网络状况不同会有信息加载时间,对于等待的这段会引起用户烦躁的时间,每日故宫在页面上增加了文物线稿底纹渐显,logo明暗过渡的效果,进一步加强应用的信息传达要素:这是一款以展示故宫文物为主的应用。
二、具体功能界面交互
进入到每日故宫的具体功能界面,风格延续了首页的淡雅背景以及中国风元素的icon,视觉很舒适自然,并带有清新的历史风。色彩运用上这样的视觉交互是十分优美的。
1、主要功能——日历
“每日故宫”每日推送一款故宫精美藏品,而这样的一个目的是以隐喻的手法展示的。进入主要功能页面,用户首先看到的是精美的如泛黄般的古老日历页。
保持一致的行为习惯。初始载入页面默认是今日的日期,在用户心理上有前一天和后一天的心理信息布局,会产生潜意识的左右滑动页面查看前后日历的行为,因而将用户的潜意识行为与实际的交互操作行为相一致,能够避免用户在使用时由于心理和操作状况有误差而产生的挫败感。
留下想象空间,保持持续的期待。当向右滑动页面时,并没有第二天的日历也出现,而是出现了第二天的信息内容预告“明日[吕纪南极老人像轴]”,其实这完全可以展示出来,但产品却并没有这样做,为什么呢?如果像其他日历页面一样做出展示,用户提前看到了内容,虽然在心理上获得了多一天信息获取的满足感,但从用户量上出发,这样可能会失去一部分留存用户。因为当用户获得了更多的信息,而他又知道明日无新的内容后就不会有再次查看的需要了,要么卸载,要么忘记打开。所以应用采用了这样给出信息预告的方法,既满足用户对未知的好奇心,又保留了大部分内容作为吸引用户每日打开应用查看的原因。
另外,日历的中间日期数字采用镂空处理,透出故宫藏品的局部,像一扇窗户促使用户产生了想要去探寻窗户背后内容的心理。没有任何使用提示,通过用户自己探寻,产生情感上的惊喜。因而对于功能比较简单的产品,在功能引导上可以做适当的留白处理,为用户营造探寻发现,获得惊喜的情感空间。
默认一屏展示藏品的中心局部,用户通过屏幕拖动查看其他部分,但不支持放大缩小查看。无论图片如何拖动,点击屏幕任意一点,都会产生或消失藏品介绍标题和喜欢,以及返回和分享按钮。这一交互方式可以使用户随时查看藏品标题,或是返回上一级界面。不至于使用户又迷失感。屏幕中的“+”,点击出现藏品详细介绍,点击屏幕任意位置,介绍消失,如下图。
交互问题:
具体介绍查看按钮位置没有固定在屏幕一侧,而是与图片位置固定,并随图片移动,无法使用户随时查看藏品介绍,只能通过拖动图片寻找到介绍icon才可以。
2、主要功能——记事
“每日故宫”另一项主要功能,每日记事写日记功能。这一功能相比于日历功能有点附加功能的意思,只能记当日事情,文本不宜过长,无法提醒未来事项。所以用户使用这项功能的需求很小,因而个人认为这项功能有点尴尬,不仅因为用户使用率低,还因为用户发现这项功能就实属不易。
没有保持行为一致性的交互误差。在记事功能上出现了很多交互误差和功能不明的情况。为什么说用户能够发现记事本就是属不易呢,上图左边第一幅是记事本入口,但看遍整个界面,除了发现日历以外的界面上方的两个icon以外,唯一一个可能是记事本的icon大概就是界面左上方的icon了吧,然后点击,出现了下图界面:
这不是记事本,而是应用的设置中心,logo设计的风格很一致,中国风极简线框风。但是没有一个是记事本入口。那到底如何进入这一功能界面呢?回到功能界面首页,注意看界面下方的浮起的云纹图案,这仿佛是一个书签,那是可以滑动么?左右滑动半天,毫无反应,产生挫败感,使劲一点,书签缓缓滑倒了最右边,消失,从界面下方浮出记事本功能界面,如上方中心图片所示。这样的icon设计行为引导却和实际操作行为大相径庭,如果能够保持好行为一致性,会增加多少的小行为乐趣啊。
记事本界面大致功能分为三部分:心情选择,内容文本输入,上方方向箭头收起记事本。
收起箭头指向和交互动效一致,这一点上的行为一致做的很好,因而不会产生心理行为偏差。然而在心情选择上出现的了信息表述不明的情形。其实,我也是研究了好久才猜测上方的四个古代人头像,点击不同会产生不同背景颜色是为了让用户选择不同心情(因为是根据头像表情猜测,所以现在也不是很确定)。如果这一功能确实是选择心情,那么在颜色无引导,表情较模糊,icon语义不明的情况下,可以配合适当的说明文案辅助用户理解,减少用户在使用时的迷茫感和认知时间成本。
文本输入上,当用户输入完文本后没有任何的收起输入键盘或确定文本输入的选项,只能通过点击收起记事本箭头结束输入。带着自己刚刚写的会消失的不安,想要退出书写的急迫,用户被迫选择了他们认为最可能最安全的退出按钮。确实结束了,再次点击弹出记事本,看到自己写的还在,长舒一口气。
小结:
1、界面简洁友好
2、功能清晰
3、留下想象空间,利用情感惊喜,适当增加交互及信息空白。
3、介绍藏品方式创新
4、改进交互细节,保持用户行为习惯一致性
5、返回保持紧密,减少层级