备考攻略作品集 · 设计

0基础小白学习UX6周,能做出什么样的UX作品?

2024-11-1213 MIN READ原载于微信公众号 ↗

**PART  00**

前言

零基础小白6周突击UX设计,能做出什么样的作品?本篇文章,我们挑选了两套UX课学员的结课项目——AIGC智能洗衣助手和导览记,来为大家展示小白可以尝试的作品选题以及技术实现路径,了解它们分别在智能交互和观展体验上做出的创新尝试。

大家可以通过观察和分析这些作品、教师点评与学员回答,学习如何从生活细节和用户角度出发,运用设计思维解决实际问题,以及如何找出自己作品可能存在的类似问题,进行修改完善。

点击了解六周0基础进阶用户体验设计课程详情

**PART  01**

作品一: AIGC智能洗衣助手

第一个要介绍的作品是AIGC智能洗衣助手,下面将主要从产品介绍、设计背景和创新点、用户研究、设计概念、界面原型设计和视觉设计共六个方面来给大家介绍一下该项目。

:: 01

产品介绍

首先,AIGC智能洗衣助手主要是一款基于AIGC技术的智能洗衣机助手和虚拟衣物管家,在用户移动端上就可以实现与洗衣机的智能交互,主要依赖的技术是AIGC家电垂直领域的大模型,经过积极探索发现洗衣机智能交互体验的突破路径,最终实现洗衣机智能交互体验的智能化。

产品展示

:: 02

设计背景和创新

经过调研发现,AI在智能家电的渗透率主要体现在智能清洁方面,而洗衣机作为每个家庭都有的一个清洁产品,具有比较广阔的市场规模,并且智能家居系统市场规模也在逐年增长。在该设计背景下,该作品提出把AIGC技术和智能家电相结合的创新理念,并在国家政策支持下,进行前沿技术的组合创新,为用户提供优质服务和创新体验。

创新理念

:: 03

竞品分析&用户研究

在竞品分析后,可以发现市面上手机移动端的AIGC软件和普通的智能家电软件是分离的,暂未出现AIGC技术与洗衣机功能相融合的产品,因此该领域还较为空白。而在经过用户研究之后,结果反馈用户的痛点主要集中于洗衣机程序过多、太复杂,洗衣的过程缺乏反馈以及操作系统智能水平较低等等。因此,他们更希望拥有一个更加的智能化的产品来升级洗衣机使用体验,展示出用户对于智能洗衣机的高期待。

竞品分析

调研展示

最终,我们总结出两个提升方向,一方面是高度智能化的控制流程体系,另一方面是定制化的反馈和推送的机制。基于此,我们构建了一个用户画像JOSH,将他定位为一个普通的职场打工人。

通过用户故事板,讲述出JOSH在一天之中和洗衣机发生的故事,并通过故事演绎展示JOSH使用过程中的很多痛点,比如说,洗衣机界面太过于复杂,洗衣机的反应太过突然等等。

用户画像

这里构建了一个用户旅程图,它与AIGC产品、用户之间有三个阶段的交流:分别是洗衣前,洗衣中和洗衣后。洗衣前,用户可以日常查看信息,制定洗衣任务计划;洗衣时,用户可以通过AIGC产品来传达洗衣指令,并接收洗衣机的反馈;洗衣后,用户也可以分享自己的洗衣知识,还能与洗衣机进行一些情感和游戏类的交互体验。

用户旅程图

于是,我们构建了一个设计概念,设计概念中主要有三个主体,一个是用户,另一个是AIGC产品,最后一个是洗衣机。用户可以将控制指令输入到AI产品中,也可以接受AI产品的信息反馈,洗衣机也可以向AI产品输入它的运行信息,并接受用户方的描述指令。

:: 04

设计概念及产出

概念架构可视化

系统地图&利益相关者地图

服务蓝图

商业画布

在商业画布中,最需要强调的是价值主张,即重塑用户与洗衣机的极致交互体验,以及让用户认真洗好每一件衣服,让每一次洗衣都变成有趣的游戏。

界面原型设计

在界面原型设计中,AIGC洗衣助手的界面被主要分成了首页,衣柜,发现和我的四个部分,而用户流程则包括新手用户,洗衣功能和洗后娱乐共三个部分,针对性地解决用户的不同痛点,体现价值主张。

低保真页面展示

视觉设计

视觉设计选择主要以蓝色、白色和灰色为主,展现出一些科技感,并专门设计了一个AI形象,它的名字叫Simon。作为一个很可爱的机器人的形象,它可以提高用户对于AI机器产品的一个掌控感和亲近感。

视觉设计展示

:: 05

项目点评

总括: 整个项目的完成度非常高,设计部分也挺完整的,流程的呈现比较清楚,最后的界面效果、导航信息设计以及视觉方面,都比较符合规范,呈现出一个比较不错的视觉状态。

问题一: 这款产品的定位是服务于特定的洗衣机品牌,还说这是一个单独的应用连接洗衣机。

答:在构想阶段,我发现很多洗衣机品牌互相之间是有一些隔阂,不能互联的,但是我还是期望把它做成一个可以跟每一个智能洗衣机产品互联的应用。不过现阶段可能还无法实现,现在应该只能处于专门服务于特定品牌的洗衣机的阶段。

老师建议:

所以可以概括出,这是一个洗衣相关的应用产品,未来的洗衣机可以通过一种类似网络连接的连接方式,与洗衣机相联,并通过AIGC技术实现对洗衣机的控制。那么,这个定位就需要像这样更清晰一点,让这个产品看起来更具体。


问题二: AIGC在整个用户洗衣流程当中,它具体扮演一个什么样子角色,提供什么类型的功能服务?

答:它主要的功能就是有三个地方,第一个是这个界面,你可以通过描述指令来操控洗衣机。比如说:用户说今天晚上需要加班,那AI可以帮他生成一系列的洗衣推荐方案。包括洗衣水温以及不同衣服之间的洗护方法等等,让AI为用户提供最优的解决方案;

视觉展示

第二点个亮点就是通过拍照,AI可以识别衣服的水洗标,并且通过“衣柜”的功能将衣服整理成个人衣柜,相当于衣服管理库,AI将衣服分类并给出一些洗护方法推荐。

衣柜功能

第三点就是下面这个界面,用户可以跟它有一些互动。因为AI现在有一些比较拟人化的情感,用户可以通过这个互动获得鼓励,算是一个用户激励。

互动功能

问题三: 关于第二个功能,即通过水洗标,输入的衣服种类,AI可以根据这个制定一些个性化洗护建议的这个功能,在正式的洗衣流程当中有什么作用吗?

答:比如说,你的衣服整理之后,在后台会有一套个性化的定制方案。洗衣机能够识别到洗的是哪一件衣服,给出最佳洗衣方案。


总结点评:

一般来讲,洗衣机难以达到能够区分每一件衣服的特点的水平,只能以一般的标签化的方式去给一个粗略的方案,很难从技术方面去解决。因为通常大家都把衣服堆在一起,一筐扔到洗衣机里面去洗,很少说单独拿一件出来,像扫商品一样扫码,再把扔到洗衣机里,这太复杂了。所以这个功能它的形式价值实际上大于它的功能价值。但总体而言,这个设计还是非常不错的,特别是在界面传达与流程梳理方面,可以说是一个比较优秀的相关的概念设计项目。

**PART  03**

作品二:导览记

:: 01

产品介绍&创新点

该项目的设计灵感来源于一次博物馆考察感想, 即在逛博物馆时可能会遇到以下三个问题:

1.在博物馆的考察中发现一些博物馆的展品非常丰富,如果每一件都认真观看需要非常多的时间。

2.有时候在阅读到屏览相关的信息时,展览已经结束了,只能遗憾地错过。

3.在观看展览结束后,手机相册里挤满了当时激动而按下的快内,结束后不再整理而堆积在角落。

项目简介

针对上述问题,首先提出了一些基本想法:

1.引入推荐系统,根据观众的兴趣和时间,推荐特定展品。提供热内或精选展览,使观众能够有选择性地聚焦于重要或感兴遭的屏品。提供展品的简短介绍,帮助观众更快速地决定足否深入了解。

2.观众可以收藏相关的展览,用以提醒自己观展,也可以随时回顾已经结束的展览内容。

3.自动化整理拍摄内容,将拍摄的照片按照展览章节或主题进行分类,减轻观众整理的负担。观众可以方便地整理、编辑和标记展览照片的位置以及对应展品讲解。

4.用户可以写下展览心得和记录,在结束后与其他用户分享展览体验,提升展览互动体验。

设计创新点

:: 02

竞品分析&用户调研

竞品分析

在相关的竞品分析可以发现,国内的一些博物馆可能更多会集中在自己本身具有的资源的一些介绍与服务,没有一个比较整体的导览;而国外会有一些相关的服务,但它可能并不支持国内的一些博物馆,而且缺乏一些相关拍照记录功能,只是提供了一些展览的信息,让用户可以去观看。

用户调研过程

用户群体分析

用户画像

:: 03

设计概念

通过问卷调查,得出的数据表明大家还是希望可以从不同渠道获知展览的信息。同时照片的拍摄已经是观展中不可或缺的一部分,但是事后整理确实是一个比较大的挑战,大部分人都会进行简单的整理,但是不会很具体地进行分类。调研对象大部分也主要还是在校学生和在职人员,他们的主要目的还是休闲娱乐和学习。

用户旅程图

用户旅程图展现了观展的几个环节,首先就是从各种渠道去收集相关的展览信息,然后再到展馆去观看,体验各种展览,对展览进行拍照,观展后对照片进行整理,最后分享到朋友圈或者别的社交平台,该项目就是想将这些功能汇聚于一个APP。

设计概念可视化&利益相关者地图

系统地图

产品功能构架

产品功能构架,主要分为观展前的信息收集、观赏时的导览讲解和记录拍照、观赏后的整理和分享。大概从这几个功能出发设计出来这些页面的信息,共有四个部分:主页、正进行的观察、展览展品的讲解、展览结束后的整理和分享。

商业画布

信息架构

:: 03

设计展示

首页

低保真原型设计

高保真原型设计

视觉设计规范

:: 04

项目点评

问题一:这个展览的应用的核心功能是什么?讲解的形式是什么样子的?

答: 主要还是讲解展览里的展品和记录信息这些方面,形式可能有图文信息、视频等等。

点评:

目前该项目主要将各种博物馆的讲解、游览方式等集成到了一个应用产品当中,但可能还没有找到面对此种问题的一种比较创新的解决概念或者形式。比如一种游戏化的形式、互动形式、互动展览形式等等,甚至结合博物馆的展品以及现场的一些交互装置完成的一些互动体验,这方面暂时还是有一点欠缺的。

痛点当中提到了它的记忆点不够强,而你还在沿用原有的这些方式,那不还是会出现同样的问题吗?它让整个博物馆游览体验得到提升的最核心的功能或概念是什么?这些问题还没有考虑得比较深入。

所以它还不算是一个特别深入的创新型设计,但是一个覆盖面比较完整的平台应用。主要问题就是特色和特点不够鲜明,但是从基础的流程设计、信息的架构这方面来说没有什么太大问题,整个研究过程也是完整的,界面的创建基本上也是比较符合规范,视觉效果也很不错,有一个不错的完成度。


联系我们

菇菇老师~微信:zhaojundesign2

课程推荐|25考研

......

课程推荐|26保研

课程推荐|基础小课

(更多课程信息,可联系我们咨询~~)


¯\_(ツ)_/¯朝菌学园考研&保研成绩

了解教学质量,可重点观察机构专业属性、教学成果、课程内容大纲、师资团队等方面。教学成果非常重要,但也是虚假信息的重灾区,同学们要多咨询多辨识,防止被迷惑欺骗。

1、榜单中均为在朝菌学园考研主课学习过的学员,2019年之前的榜单则是朝菌学园现任讲师曾经的学生;

2、部分同学会同时出现在其他机构成绩单中,这可能是由于该同学曾在多个机构中学习,也可能是其他机构假冒成绩单,如有疑问可以咨询教务老师;

3、本榜单中不包含朝菌的保研录取成绩与留学录取成绩;


朝菌团队始终非常感谢各位同学的关注与喜爱, 2020-2024年,朝菌学园的同学们在考研、保研、留学领域取得了超过100个国内外高校的交互设计专业的录取Offer! 多数offer为国内名校、985高校及全球Top100名校,我们对2025年度的专业课程更加充满信心!

本文原载于微信公众号,正文与配图已转存至本站以便长期访问。 查看原文 ↗

有想具体聊聊的问题?把你的情况说一说。

联系咨询