Tumblr_Screenshot

Tumblr这款应用的主打的是全天候的能更新、管理你的博客,而且现在也有着不错的活跃度。它对自己的描述即时无缝管理博客,在移动环境下保持所更新的博客的质量这一点有别于通常意义上的发一条微博,来看看它是怎么做的。

Tumblr这款应用的特点和优点在于:

1、登录页面为常规的输入账号、密码的对话框。在输入并点击登录之后,登录文字在原位置改变为加载动画(在接触交互之前就听说设计一款APP或者网站的登录框是经常出的考题,起初觉得好像也没什么难的,可是真正自己做起来很有可能忽视一些细节,而这些细节在登录注册操作中是至关重要的。但是进一步说,我们通常考虑的登录注册页面的布局和逻辑跳转需要考虑的更深一步,消除用户等待的焦虑不仅仅是时间栏转菊花那么简单,tumblr在这里做的漂亮,而且在整个页面的设计中,同样是为了消除用户焦虑的加载动画用的很频繁,或许也由于是博客类应用,加载需求多所造成的。)

3.pic

2、点击主页面正下方的撰写图标,自下而上依次弹出编辑类型选择,随后滑出取消按钮,点击空白区域和取消按钮返回主屏(页面出现次序方向一致但速率不一致,吸引用户的关注点到重要元素上。这个时候与其说是取消按钮不如说是取消提示,告诉用户在这个页面,虽然刚刚页面的内容被遮挡,但是不用惊慌,你可以方便的返回,这时候的点击热区是遍布全屏的而不仅仅局限于取消按钮上。这对一个临时页面的设计有参考意义。)

4.pic

3、发布图片或视频时,直接出现相册页面,当你在找直接拍摄的时候,你惊奇的发现它作为以照相机图标的形势出现在相册底部。点击可直接拍摄,确认拍摄后,刚刚拍摄的照片默认被选中并回到相册页面,可以实现多照片的选择。被选定后照片右上角出现数字标识,并随选择照片的数量多少实时反馈(通常情况下我们选择照片功能是弹出一个双选,是现在拍摄还是从相册中选择呢?安卓用户在众多的相册和更多的垃圾相册中更难找到。这一点其实可以做很好的优化,tumblr这一做法大大减少了操作成本,用户不用再基于一个照片选择与发布页面做拍摄操作,而是拍摄/选择照片–选定照片–输入文本–发布 这一流操作)

9.pic

4、喜爱和取消喜爱的小动效(摇摇晃晃上升的爱心和碎掉的心,两个都很能引发用户情感共鸣)

6.pic

5、发现页面以卡片形式浏览,当看到喜欢的博客时,点击follow,follow会变成博客的logo跳入首页之中,首页图标闪烁(这是一个十分完整的收藏交互流程,而这一类操作的跳入动效几乎已经成为app们的标配。在tumblr中,变成logo的follow在页面上有一个投影,更像是与整体页面有一个立体维度的区分,首页logo的闪烁告知让这一操作十分流畅)

7.pic

总结:

Tumblr所做的并不是拥有更快速的输入方式或者很讨巧的算法,而是细节中体现的高效,它抛弃了很多web端我们使用的习惯,如选择照片,或许用临时页面在文件夹中选择是可行的。但在移动应用中,流操作更能贴合这一需求。

我将很期待与您交流!
我的微信:infoier
我的QQ: 401764289
我的微博:http://weibo.com/u/2978183373