path 2.0的华丽转身

标签: 用研与可用性 博客blog 手机mobile | 发表时间:2011-12-26 11:39 | 作者:张雅秋
出处:http://www.zhangyq.com

  path2.0惊艳了很多人吧。敢于拒绝google一亿美金的收购,果然有留一手:)

  她的创始人Dave Morin说新版不久就已经超过150万人下载,而老版一年才突破了100万关口。用户一天内在新版分享的内容超过老版一年的内容。

  path2.0之后带来的用户量和活跃用户的暴增最大的功臣莫过于 界面设计和体验上的不俗表现
1、产品定位的转变引发UI设计的调整

  path1.0的时候大家似乎还没有看出她和instagram等等一系列社交软件明显的差异化。path2.0已经将定位清晰表达出来了: 和亲密好友分享生活日记的app(Path is the smart journal that helps you share life with the ones you love)。

  虽然她在可添加好友数量从50暴增到150,但无论是睡眠、起床之类的个人信息分享,强化的timeline feed样式,还是只有昵称没有头像的简约,都传递出她希望和亲密的人分享自己生活日记这一中心。

 

  在界面表达上,设计师也传递着这一核心定位:

对比path1.0的图标,2.0在UI上做了日记本隐喻的处理

loading时候,如日记本打开的翻页效果

2、突破ios瓶颈的架构方式

path1.0 vs. path2.0

  在整个path的改版中,最为惊艳的还是她突破ios的一些制约,创新的一些架构模式。

  在path1.0时,底部还是采用非常传统的tab导航方式。架构上也普普通通没有新意。

  由于手机屏幕尺寸和手指碰触的限制,44*44像素的最小触碰尺寸造成了底部导航tab只能放少于等于5个。这对于功能的扩展造成了限制和瓶颈。

  path2.0完全颠覆了iOS guild line的模式,采用三屏模式(左屏、主屏、右屏)

  同时架构上凸显了这种方式具有的极好的扩展性。


  可以假想,path在设计之初也面临添加各种其他动能(比如音乐、地点、和谁在一起、起床睡觉)时候面临,中间的拍照键不好满足的情况。因此,采用这种三屏模式,极简了主页面,主屏仅留下feed展示,和添加功能。将导航放入左侧的屏幕,增加了未来的可扩展性,同时也保证主屏幕清晰的内容:动态展现和添加我的动态,还有最新的消息提醒。

  她深知对于消息来说,新增的消息才是重点。一方面在主屏底部显示了最新一条消息的摘要和未读消息的数量,另一方面把全部消息收在左屏的activity里面。

3、timeline的影响

  好吧,path的创始人来自于Facebook,path2.0出场的一刹那我们就看到了Facebook的timeline的影子。Facebook的timeline也出现的在终端上了,和path几乎一模一样。先不去争辩究竟是谁抄袭的谁。path在feed的展示上格外强调时间线的展示方式。

  在手指拖动屏幕向下滚动的同时,右侧浮现各个feed分享的时间,时钟动态的显示回转,强化了时间线(timeline)。
4、更加直观的表达

  交互设计中,所见即所得(WYSIWYG)对于用户来说是一种最容易学习的交互模式。

  新手任务中,用户需要添加个人cover。添加的个人信息,即时的在当前位置表达、编辑信息。之后的展示上也采用一致的布局,让用户非常清晰了解到所输入的内容结果如何,也算是“操作前结果可预知”的体现。

  社会化网络的两大精髓:表达自我,了解他人,在个性化cover上表现的淋漓尽致。

  另一个方面是手势的直接表达。path摒弃了除了点击(tap)以外的其他手势。对于滑动显示等其他手势来说,点击(tap)才是最直观的、优于其他操作的手势。

  主屏左下角的+绝对是亮点。有没有想过为何放在左下角?又为什么采用弧形展开?仅仅是为了追求炫目的效果么?

  其实对于手势来说,多数人都使用右手为利手,同时使用右手拇指单手操作。那么方便的可触碰区如下图:

右手利手的拇指可触碰区

  图中的easy区是容易操作的区域,且成弧度展示。对于展开的6种功能平等且易操作的展示。那么path2.0的主操作,放置在左下角,采用弧度展开也有依据的。并且,她在同一个位置展开后,转变为×号,复用位置,节约操作空间。

  除此之外,path2.0在动画效果展示上也极富爱心。loading的翻书动画,图片upload效果,音乐播放的从大到小展示,都让path的体验变得卓越。

  The End

Thanks for kiwi‘s illustrations.

相关 [path 华丽转身] 推荐:

Path 上演“华丽”转身

- 甜菜 - 爱范儿 · Beats of Bits
还记得那款曾经拒绝了 Google 一亿美元收购报价的应用程序 Path 吗. 今年早些时候,这款由两个前 Facebook 员工精心打造出来的“密友社交平台”已经突破了 100 万的用户数量. 然而,如果你对它的印象还只是停留在“一款与 Instagram 无异的照片分享类应用程序”上的话,恐怕它这次的改变要让你刮目相看了:本周,Path 发布了 2.0 版本的重大更新——除了在用户界面设计上有了天翻地覆的改进之外,新增的一些功能也开始彰显出设计团队对于私密朋友间社交模式的新思考.

path 2.0的华丽转身

- - 用户体验与交互设计
  path2.0惊艳了很多人吧. 敢于拒绝google一亿美金的收购,果然有留一手:).   她的创始人Dave Morin说新版不久就已经超过150万人下载,而老版一年才突破了100万关口. 用户一天内在新版分享的内容超过老版一年的内容.   path2.0之后带来的用户量和活跃用户的暴增最大的功臣莫过于 界面设计和体验上的不俗表现:.

【iShout】Path 且行且珍惜

- 个篱 - 爱范儿 · Beats of Bits
Path 是两个前 Facebook 员工的创意,被称为反社交(Anti-Social)网络应用,我们之前曾有多篇报道. faytoday 认为互联网的创新,在运气背后总有哲理,只有这样,成功才能被解释,所以他在这篇短文中从 Social 应用中的人际关系解读了 Path 的反社交理念. 如果您也有一些思考希望能够通过 iShout 这个平台来发声,请通过 iShout 与我们联系.

破旧水泥厂华丽转身:现代城堡家园

- Preston U - 译言-每日精品译文推荐
破旧水泥厂华丽转身:现代城堡家园. 25年前,一位西班牙建筑师里卡多·波菲无意中发现了一个日渐衰颓的老水泥厂. 这个场地原是贮藏朽坏之物的,面积很大,内置隔间风格迥异,里面还放置一些闲置的建筑设备. 绝大多数人认为它是废墟,而里卡多却看到了希望. 经过25年的努力,他的在建改造项目已有了显著成效. 该建筑群现已成为哥特式建筑大师里卡多·波菲的住所,作为他的主要居所,里面设有许多大型办公场所、档案室和设计实验室,室外还有各式各样的露台、凉台以及花园小径.

Facebook 微创新了谁? – No1 Path

- Bourne - 爱范儿 · Beats of Bits
2011 Facebook f8 让 Facebook 正式取代腾讯,成为新的微创新之王. 不要小看了排序,他并不是小事情. 某种意义上, Google 其实也就是排序排的好而已. 现在,我有一张新婚旅行是的照片,背景是澳洲的碧海蓝天. 还有一张宝宝一岁时候的照片,在富士山边的河口湖上. 另外,还有一张两岁多的宝宝回北京看奶奶的照片.

详解Path 2.0的UI设计

- - 互联网的那点事
如Path的创始人Dave Morin所说, Path的第二个阶段是要让人们在人生道路上“抓住所有体验”(capture all the experiences). 这款目前的私密社交应用王者,在半年前对于UI系统的重新设计可谓是惊煞旁人. 其人性化的设计理念与简洁到极点的设计风格可以说是一本教科书,以至于虽然吸引了大批模仿者但是——在这一派风格中——始终无出其右者.

Path,地球上最精彩的 Demo

- Michael - 爱范儿 · Beats of Bits
喜欢用数字纪录生活的用户,无论你是来自 Twitter、Facebook、Foursquare 或者 Instagram ,你都应该试试 Path ,因为它实在是一个精彩的客户端. 曾经有人怀疑:Path 是否值得 Google 出价 1亿美元,请看看 Path 是如何来回答这类疑问的. Path 出自前 Facebook 员工 Dave Morin 之手,它打着 “反社交” 的旗号出现在社交分类应用中.

怎样限制用户,兼谈Path的气场

- Mobius - 所有文章 - UCD大社区
早在Web2.0初兴的2006、07年,那时大家都忙活着怎样给用户更多的自主权,更强大的自定义功能,唯恐因为不自由而限制了旺盛的创造力. 我的高高瘦瘦的同事,博客的行长先生老跟我抱怨,说博客的自定义功能给太多了,用户装扮得千奇百怪,什么样的栏宽和导航都有,搞得后来想作点调整都束手束脚,很难兼容到这么复杂的用户界面.

Path,网络时代里可贵的真实社交

- - Tech2IPO
在这个Facebook和Twitter盛行的时代,我们每人都应该有上百位“好友”,然而有研究称,我们中的大多数人仅仅只有两个最亲密的朋友. 再比如,我们每个人都同时存在于不同的圈子里,家人,同事,同学. 我们在不同的圈子里分享的信息一般是不同的,有些事总是“不足为外人道也”. 如何在圈子间划分清晰的界限是各大社交网站共同的、并没有完全解决的课题.

path 3.0 再一次突破 APP 的设计风格

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  path一直是个蛮奇葩的应用,它的每一个大版本都会引发APP设计风格的一次突破,但是,它的产品自身却一直没什么突破.   Ptah 1.0,采用了一个横条的缩略图作为图片Timle的主要表现形式,这种风格让以照片流为主的Timeline显得非常有韵味,后来这个风格被不断模仿;.   path 2.0,采用了抽屉式导航的模式,这种导航风格大大的扩展了APP的可利用空间,同时让核心功能足够突出,底部将所有的功能性操作缩略到一个按钮上,只要你需要,点击一次就可以执行你操作的功能,直到现在,这种抽屉式风格依然是主流模式;.