top of page
Frame 1 copy_edited.jpg

垃圾搜寻APP

类型: 快题设计

方向: Concept Design, UI/UX Design

年份: 07.2019

地点: University of Applied Sciences Potsdam (德国)

Figma-logo 1.png
Unity_2021 2.png
Adobe_After_Effects_CC_icon 1.png
Adobe_Photoshop_CC_icon 1.png

背景:这是一个UI/UX方向的快速设计。这个项目的想法来自于我的毕业项目的主题,即解决旅游岛的废物污染问题。我在开展毕业设计之前完成了这个快速设计项目,目的在于为其打开更多可能性。


在这个项目中,我设计了一个寻找垃圾桶的应用程序,并将其与增强现实技术(AR)相结合,旨在以互动的方式激励用户将垃圾扔到正确的地方,并同时解决人们在海滩上的找不到垃圾桶的问题。

问题

旅游岛屿的海滩通常是大多数游客聚集的地方。然而,在这一地点放置的垃圾桶数量通常较少,导致人们在海滩上需要扔垃圾时无法迅速找到它们,增加了人们在海滩上乱扔垃圾的几率。因此,除了要求政府在海滩上放置更多的垃圾桶,从设计的角度出发,我们还可以想出一些办法确保人们将垃圾扔进垃圾桶。

灵感 与 创意

如今,将AR和VR等沉浸式互动体验整合到数字产品中,总是容易吸引更多人去尝试使用产品。尽管目前由于技术限制,用户有时无法在移动设备上获得流畅的AR / VR体验。因此我萌生了一个想法,设计一个应用程序帮助人们在海滩上定位垃圾桶,并提供一个额外的AR导航模式来丰富用户体验。

 

此外,我在AR模式中加入了更多的互动功能:用户可以通过扫描功能了解垃圾的分类,并将其扔进正确的垃圾桶以获得积分,这些积分可以在之后兑换成优惠券。因为游戏体验往往能激发人们的参与感,所以我为这个应用程序添加了这个类似游戏的体验,以激励更多的用户正确管理他们的垃圾,这也是我开展这个项目的初衷。

  • 产品功能

  • 定位和导航垃圾桶的位置

  • AR模式:垃圾桶导航、垃圾扫描和互动游戏

  • 在应用程序内兑换优惠券

Photoshop.png

Unity 3D

为了确保解决方案的可行性,我在Unity 3D中尝试创建了简单的AR导航。 我使用了Unity 3D、Mapbox Unity SDK、Vuforia和Xcode成功创建了最基本的AR导航。正如下面三张图片中所展示的,我在Demo中实现了实时GPS(指南针)、经纬度和方向指示器(一个红点)这些AR导航的基本元素。

unity cover.png
unity import.png
unity code.png
unity prototype.png

最终设计

线框图
Frame 1.png
​原型

我在After Effects中使用3D跟踪相机模拟了AR导航的效果,并在Figma中创建了App的主要界面。

anime 1.gif
anime 2.gif
Frame 5.png

回顾

与完整的设计项目相比快速设计跳过了一些步骤,尤其是对于目标用户群和竞争产品的初步研究。如果我进一步拓展这个项目,我将首先完成前期研究的部分,以确保应用满足实际用户的需求和体验。

© 2022 by Xiaotong Xiong. All rights reserved. 

bottom of page