交互文档:智能衣橱,解决你的选择困难症

17 评论 18918 浏览 140 收藏 11 分钟

本文为智能衣橱的交互文档,笔者致力于呈现出一个能够根据场合、气氛、穿衣频率、自身体型为用户智能搭配的智能衣橱。

01 项目背景

解决以下问题:

  • 出门前每次都不知道穿什么?试衣服,找衣服很浪费时间?
  • 想穿某一件,不知道怎么搭配?
  • 购衣只凭直觉,完全不知道是否适合自己身材、体型、年纪?

目标:

  • save time
  • look great
  • save money

02 项目范围

主要功能:

1)能根据场合、气温、穿衣频率,智能推荐每日穿搭,也可根据单品搭配。

  • APP对衣橱的衣服了如指掌,分類好各種衣服,如: 種類、色彩、場合等,自动识别并归类。
  • 批量导入现有衣服,扫描或拍照或根据购买记录输入新入手衣服,自动归类。
  • 识别当日天气。

2)根据自身的体型(比如:梨形、肩宽等),智能推荐待购买穿搭,根据已有单品推荐其他穿搭,并能虚拟试衣。

  • 人体扫描或数据输入用户的体型数据,分析长处和短处。
  • 有职业搭配师,时尚博主和商家入驻,避免为了广告虚假推销,根据体型推荐衣服款式。
  • 有虚拟试衣功能。

3) APP、衣橱、镜子,相互连接成一套体系(技术层面)

APP确定衣服,衣橱自动将选中的衣服传送到指定位置/或者指示灯显示衣服的位置,镜子自动记录人每日的穿搭,并在APP上可查看

4)图片识别,检索(技术层面)

识别图片中衣服的款式,品牌,颜色,并给出与自身体型的匹配度,虚拟试衣。智能推荐同款。

5)捐赠功能

6)分享交流功能,在线分享给朋友,闺蜜群组讨论;可以学习她人衣橱单品的数量和样式,以及她人服饰搭配

7)为男生和女生各准备一个版本

8)云备份功能

常规功能:

  • easy to use/search/manage。
  • 有統計功能——计算衣服的穿着频率,性价比,单次价格。
  • 介面簡潔看了舒服,不要太多推銷,菜单操作、UI设计方便顺手。

03 更新日志

04 设计进度计划

05 评审记录

06 解析过程

1. 用户调研

人物模型:

主要人物模型:

性别:女,未婚

年龄:25

职业:英文编辑

描述:

每天都要美美哒,每天都想穿不同风格的衣服。晚上睡前会根据天气准备好第二天要穿的衣服,若早上再准备恐怕来不及。

每晚都要说一句“明天穿什么?”打开衣橱,对着满柜子十几条相近颜色的牛仔裤,清一水儿的格子衫、T恤、长长短短的裙子、外套 不知所错,到底该怎样搭配。衣服又多又乱,想找哪件找不到,最后只能选个差不多的就行了。

路上看到穿搭漂亮的的小姐姐,记下来,想着自己也要有一套。换季整理衣柜,总会发现买了却从没穿过的衣服,还有一些衣服不穿又不舍得扔,要是能捐给需要的人就好了。

次要人物模型:

性别:男

年龄:26

职业:游戏开发

直男,三套款式差不多的衣服,想起哪个穿哪个,从来不会想第二天穿什么。如果有女朋友可能会多买点衣服,买帅气一点的。主要是不会想自己衣服的事情,如果别人说一下,提醒一下,可能就会发现,自己该买衣服了。

2. 用户场景

薇薇安是上海五角场的一个运营主管,她的目标是:给人大方得体的形象,并尽可能在这方面花最少的时间。

  1. 每天上班的早上梳洗完毕后,拿出手机看今天穿什么,走到衣橱前,确定的衣服就出现在指定的位置。
  2. 穿好衣服,照照镜子,嗯,看起来还不错,自信满满的去上班。
  3. 周五的中午接到一个好友电话,约晚上7:00一起去参加一个行业party。想想都是业内的大佬值得一看,便答应和朋友一起去。
  4. 维维安6点下班来不及回家拿礼服,又不能穿休闲装,拿出手机选择个合适的,1小时后送货到公司。
  5. 晚上和朋友很happy的去参加party,在party上,维维安看见一女生穿的高领礼服很有品味,甚是喜欢,手机拍照一下,发现自己的身材不适合高领的衣服,显得脖子短,果断放弃。
  6. 晚上回家,在车上确定好周六出去约会的服装和配饰。

3. 需求分析推导

07 页面交互方案

1. 任务流程图

2. 页面流程图

3. 信息架构图

08 全局交互规范

1. 全局交互

2. 页面内交互

3. 页面间交互

4. 页码特殊状态

5. 时间格式

6. 文本框

09 页面交互规范

1. 注册登录

2. 我的-上传个人信息

3. 选择日期

4. 编辑穿搭

5. 从穿搭记录里选择

6. 从穿搭文件夹里选

7. 从收藏里选择

8. 编辑穿搭-从衣橱里选择

9. 编辑穿搭-商城选择

10. 上传衣物-上传

11. 上传衣物-添加类别

12. 上传衣物-图片识别

13. 分享流程

14. 捐赠流程

 

本文由@Kayla 君 原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash, 基于CC0协议。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 微信:13889256325

    来自上海 回复
  2. 原型链接有吗?

    来自福建 回复
  3. 想问一下这类社交电商APP供应链要怎么做?

    来自浙江 回复
  4. 最近也在做类似的项目,怎么加好友?

    来自浙江 回复
  5. 心中一直想做的一款APP,求加好友交流jiangjiaxin0515

    来自北京 回复
  6. 图片看的不是很清晰,能否给个能看的清图的链接供我们学习吗?

    来自重庆 回复
  7. 最近课程也在学习用户体验设计,看了这篇,写的很全面,受益颇多!

    来自江苏 回复
  8. 产品小白,不知Axure文件能分享学习吗?[拱手]

    回复
    1. Axure只是实现工具,网上免费教程非常多,重要的是思路想法和方案

      来自上海 回复
  9. 这个实践了吗?

    回复
    1. 在过程中,感兴趣的话可以加个微信交流

      来自上海 回复
    2. 心中一直想做的一款APP,求加好友交流jiangjiaxin0515

      来自北京 回复
    3. 非常欢迎哦

      来自上海 回复
  10. 很巧看到了你这篇文章,这个方向我也构思了一段时间了,方便的话可以加个微信,我们可以沟通一下。WeChatID: ruofu-Jason. 盼复

    来自北京 回复
  11. 本以为是墨刀,直到看到了那张图片。。。 哈哈哈

    来自山东 回复
  12. 请教一下文章用到的绘图工具

    来自上海 回复
    1. 产品必学的软件:axure

      来自上海 回复