交互文檔:智能衣櫥,解決你的選擇困難癥

17 評論 19541 瀏覽 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

      來自上海 回復