FOR MORE INTERNATIONAL DESIGN IDEAS AND EDGE - CUTTING VISIONS
PLEASE CONTACT ME WITH

Ripple is a code of mobile content search item that cooperated with Pea Pod Company, and the application name just came from the meaning that read articles beside the rippling water. At present, this application is named as “Wandoujia Overview” online.

A platform to view latest articles by aggregation of application content. Here you can view all the latest downloaded or not downloaded articles through subscription uniformly. The function is similar to RSS reader of other websites in previous, or you can find the application you are interested in by browsing the latest content in application. Currently, more than 200 different applications have been collected, such as, MONO, Qdaily, even Wikipedia and Flickr are involved.

Divergence version focuses on the innovation of interaction, full width display of content, integration of functions and replacement of function that is not commonly used to the secondary trigger interface. The browsing experience and visual effect is different from all the applications in the current market, which is a brand new design method and reading experience, although the browsing efficiency will be lightly reduced, the operating pleasure will be increased.

Ripple 是和豌豆荚公司合作的一个移动内容搜索项目的代号,应用名称的来源是在一个波光粼粼的水面旁边阅读文章的意思。目前这个上线的应用名字为“豌豆荚一览”。

以应用内容而聚合的查看最新文章的平台。在这里你可以通过订阅来统一查看已下载或未下载的应用的最新文章。在功能上类似于以往网站的RSS阅读器。也可以通过浏览应用内最新内容,发现你感兴趣的应用。目前收集了超过 200 个不同的应用,比如 MONO,比如好奇心日报,甚至 Wikipedia 和 Flickr 也在其中。

发散版,注重交互的创新性,内容全画幅展示,操作功能整合,并且将一些不常用的功能放置在二次触发界面。浏览体验和视觉效果区别于目前市面上的所有应用,是一个全新的设计方式和阅读体验,浏览效率会稍稍降低,操作愉悦感会增加。

Ripple · Wandoujia Overview Design

Rigorous way of creation was adopted during the process of determining interaction at the very beginning. First, we refined the interaction of homepage into several variables of different dimensionality (such as, moving direction, relation between information flow and content page, order of articles, number of articles displayed on single screen, animation, etc.), then combined them together, and finally obtained the optimal solution.

In order to keep the content in good order, the content will be divided into groups by  the dimensionality of application. Content comes from same application can only be released and represented in your content flow when it arrives to a certain quantity.

Two versions were tried during the design period, which were mainly existed in the difference between interaction and vision. Basic version emphasizes on the consistency of vision with Pea Pod itself, which is a steady version with strong expansibility of function. The browsing method and representation is straight and narrow. While the layout is mainly composed of information display, and the function area and content is clearly distinguished. Operating latitude is simple and convenient, the whole design is mainly white and green.

在工作初期确定交互的过程我们用了严谨的创作方式。把首页的交互形式细化为不同维度的变量(滑动方向,信息流和内容页的关系,文章排列顺序,单屏显示文章数量,动画),然后把它们互相组合进行尝试,得出最优的解决方案。

为了保持内容的井井有条,应用将内容以应用的维度进行分组。来自相同应用的内容,只有在积累到一定的数量的时候才会被放出,呈现在内容流里。

设计期间有大概两版的尝试,主要存在于交互和视觉的差异。基本版,注重和豌豆荚本身应用的视觉一致性,功能上可扩展性强,浏览文章的方式和呈现上中规中矩。版面安排主要以信息展示为主,功能区域和内容区分明显,操作纬度简单方便。设计上主要为白绿两种颜色。