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

标签: 交互设计 | 发表时间:2013-03-08 00:48 | 作者:KentZhu
出处:http://www.yixieshi.com

  path一直是个蛮奇葩的应用,它的每一个大版本都会引发APP设计风格的一次突破,但是,它的产品自身却一直没什么突破。

  Ptah 1.0,采用了一个横条的缩略图作为图片Timle的主要表现形式,这种风格让以照片流为主的Timeline显得非常有韵味,后来这个风格被不断模仿;

  path 2.0,采用了抽屉式导航的模式,这种导航风格大大的扩展了APP的可利用空间,同时让核心功能足够突出,底部将所有的功能性操作缩略到一个按钮上,只要你需要,点击一次就可以执行你操作的功能,直到现在,这种抽屉式风格依然是主流模式;

  path 3.0,在APP的交互中加入了声音的元素,对时间轴的使用更娴熟频繁,登录界面由单一图片改为轮播背景。同时,这个版本另外一个重大的风格就是拟物化做的很赞。logo及界面都呈现出平面化的趋势,很有质感。时间轴、轮播背景图的登录界面、平面化应该也会成为趋势的。

  按照我对设计的理解,首先它必须是有一个足够清晰的产品架构,在这个架构的基础上去做优雅的交互和视觉才能够事半功倍;其次,交互和视觉都应该足够的注重细节,细致的细节更容易打动人,同时让产品显得很有档次。

  AppFlow是个典型,即使它的交互很酷炫,但是还是很烂,因为它的产品架构糟糕的一塌糊涂;Google Maps是另外一个典型,它的产品架构做的足够清晰,然后加上一些优雅的交互,使得这款地图应用瞬间成为极品。Path的设计,也完全符合我的这2判断点。

  当然,今天不分析架构,只说path 3.0让我看到的很用心的几个设计细节。

  关于拟物化的设计

  进入ptah的商店(shop)页面,首先是一声响铃,商店顶部的雨篷会缩回去,把商品展示出来。想像一下,你在一个幽静的小镇晃悠,看到一家手工艺品小店,你推门进去,挑开门帘,看到了里面的商品,就是这个感觉!

  另外,在每个商品的顶部是一个挂钩,而陈列架上都有一盏小的射灯,将光线打下来照在商品上。当你晃动手机的时候,这些卡片会随着你的晃动摇摆,会调用感应器摇摆哦,真的会摇摆哦!!!

  当你选中了一件商品,会有一个从上而下再稍微弹起的动画。这个场景就像是墙上挂了蛮多的商品,你看重了一件,主人把它放下来的感觉,有木有!

  如此逼真的拟物化,如此细致的细节拟物,反正我是第一次见到。而这些小的细节,会很容易让你感受到,并且瞬间产生联想,然后心底一股暖流,然后不禁想大声说一句,这他妈的才是设计!!!

  小细节的雕琢

  在Path的主页,头像下面有一类似雨滴的个圆点,当你下拉刷新的时候圆点会随着变成一个雨滴,当刷新完成,雨滴会从上掉下来成为一个雨点,然后页面缩回去。这个小细节看似很平常,但是确实是经过用心雕琢的。

  在path 3.0的核心动作中都假如了点击反馈,比如点击拍图、位置、音乐等。点击之后,图片会有一个渐隐的变大,这种点击反馈在APP的设计中很常见,但是,path似乎做的更精致一些哦。

  另外,在主页点击封面图片的时候也是会有点击反馈的哦。

  关于统一性

  Path的主页、个人主页、聊天列表、聊天窗口的风格是统一的。左侧都有一根轴,然后用户的头像穿轴而过,这种统一性让用户比较有安全感,也很舒服。在滑动页面的时候,右侧会出现一个时钟的提示,提示该条消息收于什么时候或者发与什么时候,这个也是一种统一性。

  一个有问题的隐喻

  path 3.0不仅仅是能私聊,还可以跟陌生人私聊,还可以发起群聊的,只是群聊的入口稍微隐蔽罢了。在主页点击右上角的聊天,然后再点击右上角的撰写icon即可发起多人聊天。

  这个icon似乎是一个设计错误,作为一个发起群聊的icon,这个撰写框明显不合适。也许它其实的出发点是同时给多人撰写信息?

  当然,单从设计层面讲,path确实是目前非常优秀的了。

  在这个产品上,从它出生到现在,每次都会让你觉得,原来这才他妈的是交互,这她妈的才是优雅!它总是能在设计层面上不断的去创新,不断的突破自己,但是,杯具的事情是,它的产品层面一直未见有大的突破,这倒是挺让人惋惜的。

  —— 微信添加 iamkentzhu 为好友,有更多精彩等着你

iamkentzhu版权

相关 [path 再一次 突破] 推荐:

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

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

【iShout】Path 且行且珍惜

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

Path 上演“华丽”转身

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

path 2.0的华丽转身

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

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

GitHub - json-path/JsonPath: Java JsonPath implementation json 类xpath 解析工具

- -
JsonPath expressions always refer to a JSON structure in the same way as XPath expression are used in combination with an XML document. Functions can be invoked at the tail end of a path - the input to a function is the output of the path expression.