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

17 評(píng)論 19589 瀏覽 140 收藏 11 分鐘

本文為智能衣櫥的交互文檔,筆者致力于呈現(xiàn)出一個(gè)能夠根據(jù)場(chǎng)合、氣氛、穿衣頻率、自身體型為用戶智能搭配的智能衣櫥。

01 項(xiàng)目背景

解決以下問題:

  • 出門前每次都不知道穿什么?試衣服,找衣服很浪費(fèi)時(shí)間?
  • 想穿某一件,不知道怎么搭配?
  • 購(gòu)衣只憑直覺,完全不知道是否適合自己身材、體型、年紀(jì)?

目標(biāo):

  • save time
  • look great
  • save money

02 項(xiàng)目范圍

主要功能:

1)能根據(jù)場(chǎng)合、氣溫、穿衣頻率,智能推薦每日穿搭,也可根據(jù)單品搭配。

  • APP對(duì)衣櫥的衣服了如指掌,分類好各種衣服,如: 種類、色彩、場(chǎng)合等,自動(dòng)識(shí)別并歸類。
  • 批量導(dǎo)入現(xiàn)有衣服,掃描或拍照或根據(jù)購(gòu)買記錄輸入新入手衣服,自動(dòng)歸類。
  • 識(shí)別當(dāng)日天氣。

2)根據(jù)自身的體型(比如:梨形、肩寬等),智能推薦待購(gòu)買穿搭,根據(jù)已有單品推薦其他穿搭,并能虛擬試衣。

  • 人體掃描或數(shù)據(jù)輸入用戶的體型數(shù)據(jù),分析長(zhǎng)處和短處。
  • 有職業(yè)搭配師,時(shí)尚博主和商家入駐,避免為了廣告虛假推銷,根據(jù)體型推薦衣服款式。
  • 有虛擬試衣功能。

3) APP、衣櫥、鏡子,相互連接成一套體系(技術(shù)層面)

APP確定衣服,衣櫥自動(dòng)將選中的衣服傳送到指定位置/或者指示燈顯示衣服的位置,鏡子自動(dòng)記錄人每日的穿搭,并在APP上可查看

4)圖片識(shí)別,檢索(技術(shù)層面)

識(shí)別圖片中衣服的款式,品牌,顏色,并給出與自身體型的匹配度,虛擬試衣。智能推薦同款。

5)捐贈(zèng)功能

6)分享交流功能,在線分享給朋友,閨蜜群組討論;可以學(xué)習(xí)她人衣櫥單品的數(shù)量和樣式,以及她人服飾搭配

7)為男生和女生各準(zhǔn)備一個(gè)版本

8)云備份功能

常規(guī)功能:

  • easy to use/search/manage。
  • 有統(tǒng)計(jì)功能——計(jì)算衣服的穿著頻率,性價(jià)比,單次價(jià)格。
  • 介面簡(jiǎn)潔看了舒服,不要太多推銷,菜單操作、UI設(shè)計(jì)方便順手。

03 更新日志

04 設(shè)計(jì)進(jìn)度計(jì)劃

05 評(píng)審記錄

06 解析過程

1. 用戶調(diào)研

人物模型:

主要人物模型:

性別:女,未婚

年齡:25

職業(yè):英文編輯

描述:

每天都要美美噠,每天都想穿不同風(fēng)格的衣服。晚上睡前會(huì)根據(jù)天氣準(zhǔn)備好第二天要穿的衣服,若早上再準(zhǔn)備恐怕來不及。

每晚都要說一句“明天穿什么?”打開衣櫥,對(duì)著滿柜子十幾條相近顏色的牛仔褲,清一水兒的格子衫、T恤、長(zhǎng)長(zhǎng)短短的裙子、外套 不知所錯(cuò),到底該怎樣搭配。衣服又多又亂,想找哪件找不到,最后只能選個(gè)差不多的就行了。

路上看到穿搭漂亮的的小姐姐,記下來,想著自己也要有一套。換季整理衣柜,總會(huì)發(fā)現(xiàn)買了卻從沒穿過的衣服,還有一些衣服不穿又不舍得扔,要是能捐給需要的人就好了。

次要人物模型:

性別:男

年齡:26

職業(yè):游戲開發(fā)

直男,三套款式差不多的衣服,想起哪個(gè)穿哪個(gè),從來不會(huì)想第二天穿什么。如果有女朋友可能會(huì)多買點(diǎn)衣服,買帥氣一點(diǎn)的。主要是不會(huì)想自己衣服的事情,如果別人說一下,提醒一下,可能就會(huì)發(fā)現(xiàn),自己該買衣服了。

2. 用戶場(chǎng)景

薇薇安是上海五角場(chǎng)的一個(gè)運(yùn)營(yíng)主管,她的目標(biāo)是:給人大方得體的形象,并盡可能在這方面花最少的時(shí)間。

  1. 每天上班的早上梳洗完畢后,拿出手機(jī)看今天穿什么,走到衣櫥前,確定的衣服就出現(xiàn)在指定的位置。
  2. 穿好衣服,照照鏡子,嗯,看起來還不錯(cuò),自信滿滿的去上班。
  3. 周五的中午接到一個(gè)好友電話,約晚上7:00一起去參加一個(gè)行業(yè)party。想想都是業(yè)內(nèi)的大佬值得一看,便答應(yīng)和朋友一起去。
  4. 維維安6點(diǎn)下班來不及回家拿禮服,又不能穿休閑裝,拿出手機(jī)選擇個(gè)合適的,1小時(shí)后送貨到公司。
  5. 晚上和朋友很happy的去參加party,在party上,維維安看見一女生穿的高領(lǐng)禮服很有品味,甚是喜歡,手機(jī)拍照一下,發(fā)現(xiàn)自己的身材不適合高領(lǐng)的衣服,顯得脖子短,果斷放棄。
  6. 晚上回家,在車上確定好周六出去約會(huì)的服裝和配飾。

3. 需求分析推導(dǎo)

07 頁面交互方案

1. 任務(wù)流程圖

2. 頁面流程圖

3. 信息架構(gòu)圖

08 全局交互規(guī)范

1. 全局交互

2. 頁面內(nèi)交互

3. 頁面間交互

4. 頁碼特殊狀態(tài)

5. 時(shí)間格式

6. 文本框

09 頁面交互規(guī)范

1. 注冊(cè)登錄

2. 我的-上傳個(gè)人信息

3. 選擇日期

4. 編輯穿搭

5. 從穿搭記錄里選擇

6. 從穿搭文件夾里選

7. 從收藏里選擇

8. 編輯穿搭-從衣櫥里選擇

9. 編輯穿搭-商城選擇

10. 上傳衣物-上傳

11. 上傳衣物-添加類別

12. 上傳衣物-圖片識(shí)別

13. 分享流程

14. 捐贈(zèng)流程

 

本文由@Kayla 君 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash, 基于CC0協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 微信:13889256325

    來自上海 回復(fù)
  2. 原型鏈接有嗎?

    來自福建 回復(fù)
  3. 想問一下這類社交電商APP供應(yīng)鏈要怎么做?

    來自浙江 回復(fù)
  4. 最近也在做類似的項(xiàng)目,怎么加好友?

    來自浙江 回復(fù)
  5. 心中一直想做的一款A(yù)PP,求加好友交流jiangjiaxin0515

    來自北京 回復(fù)
  6. 圖片看的不是很清晰,能否給個(gè)能看的清圖的鏈接供我們學(xué)習(xí)嗎?

    來自重慶 回復(fù)
  7. 最近課程也在學(xué)習(xí)用戶體驗(yàn)設(shè)計(jì),看了這篇,寫的很全面,受益頗多!

    來自江蘇 回復(fù)
  8. 產(chǎn)品小白,不知Axure文件能分享學(xué)習(xí)嗎?[拱手]

    回復(fù)
    1. Axure只是實(shí)現(xiàn)工具,網(wǎng)上免費(fèi)教程非常多,重要的是思路想法和方案

      來自上海 回復(fù)
  9. 這個(gè)實(shí)踐了嗎?

    回復(fù)
    1. 在過程中,感興趣的話可以加個(gè)微信交流

      來自上海 回復(fù)
    2. 心中一直想做的一款A(yù)PP,求加好友交流jiangjiaxin0515

      來自北京 回復(fù)
    3. 非常歡迎哦

      來自上海 回復(fù)
  10. 很巧看到了你這篇文章,這個(gè)方向我也構(gòu)思了一段時(shí)間了,方便的話可以加個(gè)微信,我們可以溝通一下。WeChatID: ruofu-Jason. 盼復(fù)

    來自北京 回復(fù)
  11. 本以為是墨刀,直到看到了那張圖片。。。 哈哈哈

    來自山東 回復(fù)
  12. 請(qǐng)教一下文章用到的繪圖工具

    來自上海 回復(fù)
    1. 產(chǎn)品必學(xué)的軟件:axure

      來自上海 回復(fù)