logo1.png
logo.png
DreamPaint

类型:  视觉网页设计

 

分工:  项目组长,用户调研,交互/视觉设计师

时间: 7月 2015

团队: 叶振宇,张诺檬,姚宇霏

项目概述

Dream Paint是一个2015年发布的视觉互动网站。我和我的团队希望Dream Paint不仅可以是一个视觉网站,还可以提供更多的灵感,比如墙纸和其他的视觉用途,甚至可以用于未来的商业用途,比如图形制作或者设计师日常工作和灵感的在线插件。

 

这是我在数字媒体中心(CDM)学习期间的一个暑期项目。由于时间有限,我们使用以用户为中心的设计流程在5天内设计了我们的解决方案。

PROJECT STATEMENT

在接下来的两周,我和同学们讨论,做了很多头脑风暴。来自俄罗斯的视觉艺术家Ruslan Khasanov的精彩作品启发了我。在我看到她用颜料、油和肥皂创作的作品后,这三种元素一起创造出了美妙的画面,看起来既梦幻又浪漫。我受到这个视觉表达的启发,总结了我的设计理念:

 

一个基于UGC的可视化网站,它可以生成一个由用户的鼠标移动或手势交互的运动图形。

项目背景

在CDM的第一门设计课上,教授让我们自己画出三个最重要的因素。我的大多数同学写下“想象力”,“天才”或“创造力”。事实上,“想象力”和“创造力”对设计师来说是至关重要的,然而,我们经常陷入产生新想法的困境。这启发了我去做一个互动的视觉产品来激发设计师的灵感。

DAY 1

项目选择

在我们项目课程的第一天,每个学生都有机会为自己的项目提出想法。我的想法被选为接下来一周的项目主题。经过小组讨论和头脑风暴,我们确定了几个我们想要进一步研究的主题,并总结出我们接下来几天需要做的事情。  

DAY 2

​物理原型 & 用户测试

由于时间有限,我们决定从用户反馈开始指导我们进行设计。我们制作了一个由颜料、油和肥皂组成的物理原型,就像Ruslan Khasanov的作品。我们采访了用户,以帮助我们使网站的功能更清晰。我也会记录他们的创作,以此来激发我对视觉设计的灵感。 

在用户测试之后,我们分析了用户测试人员的访谈,以帮助我们创建和优化网站的功能。我们还记录了他们在测试过程中的行为,指导我们设计网站的交互模式。  

从用户的反馈来看,主要的问题是图片和创意之间没有什么联系。我们的解决方案是通过面部表情和周围环境的识别来识别照片的“情绪”。最终的视觉网站是基于“心情”,用户可以调整所有的参数来创作自己的作品。

 

我做了一个设计度量图来指导我设计交互模式和视觉网站,并对功能进行了排序。

 

设计规则

Bullseye

流程图

DAY 3

设计过程

DAY 4

视觉设计

DAY 5

演讲 & 思考

不是解决日常生活中的问题,而是一种创意产品。由于时间有限,我们更改了常见的以用户为中心的设计流程。我们首先做了一个物理原型,并使用来自用户测试的反馈来指导我们设计我们的项目。这一尝试有效地帮助我们决定了网站的最终功能。

 

作为交互设计师,我在我们的用户测试中设计了交互模式和用户行为。这个项目给了我一个深入了解互动和用户行为的机会。

logo1.png
  • mail
  • be
  • v
  • ins

© Copyright Nuomeng Zhang 2020