user's avatar
饮料选择系统概念方案
饮料选择系统概念方案
需求:一个饮料选择系统的交互方案。希望尝试与市面上不一样的,新的交互方式,充分利用触摸屏,手势之类。希望看到新的界面设计元素出现,有创新有创意。

时间:2006
公司:MSRA
这个系统设计的思路是:许多消费者选择饮料的时候,往往并没有非常明确的目标,在这小额消费里有不错的尝鲜意愿,但消费者会很清楚自己不喜欢的口味。兼顾这两方面设计了一个开放性不错的饮料选择系统。
进入主界面时,界面把系统所有的饮料都列出来,围成一个大的圆形。消费者只能看到圆形的一部分,远一点的饮料会变得模糊,再远的在画面之外,就看不见。消费者可以拖拽场景,整个场景会随之移动,这样提供一些探索的趣味。在这个系统中,消费者点击其中一种饮料,就会进入查询结果的页面(见最后一张图),一步完成查询。
在界面中间底部的框里,展示系统所有饮料包含的标签(Tag),比如说 酸的,柠檬的,茶类,等等。在标签框的两边有两个小框,一边是消费者喜欢的,用绿色的圈表示;另外一边是用户不想要的,用红色的叉号表示。

消费者可以通过排除不喜欢的tag,筛选饮料。比如:当消费者不想喝“茶”类的饮料,他可以选择把“茶”的这个标签,拖放到左边红色的叉号那一栏,拖放过去后,场景中所有包含“茶”这个tag的饮料将自动消失,剩下其余的饮料收拢聚成小一点的圈。
添加到“不喜欢”的标签越多,被过滤掉的饮料越多。
同样可以通过正向过滤,筛选喜欢的饮料。比如用户喜欢喝柠檬味的饮料,他可以把“柠檬”的标签拖放到右边绿色圆圈的一栏,这样场景中所有不带柠檬味道的饮料将自动消失。

把两边的标签拖放到中间,则相当于撤消这个操作,相应的饮料会出现到场景中。整个操作简单明了。
🤩
Thank you for your attention.
饮料选择系统概念方案
2
18
0
Published:

饮料选择系统概念方案

2
18
0
Published:

Tools

Creative Fields

Attribution, Non-commercial, No DerivativesAttribution, Non-commercial, No DerivativesAttribution, Non-commercial, No Derivatives