一、基本信息
簡(jiǎn)介：InStyle iLady是引領(lǐng)時(shí)尚資訊的一站式生活平臺(tái)。作為摩登女性的隨身閨蜜，每天與你分享美麗人生路上的新樂(lè)趣，專業(yè)又體貼地告訴你如何將自己打造得更明媚動(dòng)人，享受優(yōu)雅生活每一天，實(shí)踐對(duì)美的追求、對(duì)生活的渴望和對(duì)愛(ài)的期待，成為真正的“優(yōu)雅生活家”。
目標(biāo)用戶：高端都市女性
系統(tǒng)：安卓系統(tǒng)
版本：2.8
二、產(chǎn)品結(jié)構(gòu)圖
三、整體設(shè)計(jì)
優(yōu)點(diǎn)：
1、APP界面沿用時(shí)尚雜志風(fēng)格的排版，較好的突出該APP有關(guān)“時(shí)尚資訊”的特點(diǎn)。
2、主色調(diào)為桃紅色，與目標(biāo)用戶高端都市女性較匹配。
不足及優(yōu)化建議：
1、菜單欄
設(shè)計(jì)上較沉悶。
建議可參考IOS版本，改成“簡(jiǎn)筆畫(huà)圖標(biāo)+文字”的形式，使界面更加生動(dòng)形象，也能保證兩個(gè)系統(tǒng)的APP一致性。
2、“購(gòu)物車”圖標(biāo)的交互
在未登錄的狀態(tài)下，觸發(fā)“購(gòu)物車”圖標(biāo)后跳轉(zhuǎn)入本篇文章，這樣的交互設(shè)計(jì)可能意義不是太大，覺(jué)得“購(gòu)物車”的交互設(shè)計(jì)在未登錄的狀態(tài)下應(yīng)該是先引導(dǎo)用戶登錄，以便對(duì)用戶行為進(jìn)行跟蹤以及引導(dǎo)用戶進(jìn)行后續(xù)的與購(gòu)物相關(guān)的操作，比如添加至購(gòu)物車以及最后實(shí)現(xiàn)購(gòu)買行為等。
建議在未登錄的狀態(tài)下，觸發(fā)“購(gòu)物車”后跳轉(zhuǎn)入“登錄”界面，引導(dǎo)用戶登錄。
3、“分享”圖標(biāo)的交互
觸發(fā)“分享”圖標(biāo)后，微信、朋友圈、微博這些分享方式從底部向上逐一跳躍顯示，觸發(fā)“關(guān)閉”，這些分享方式也是逐一跳躍消失于底部。觀察其他APP的同類功能多是全部分享方式一起顯示或隱藏，所以這些動(dòng)畫(huà)可能并不是那么必須。
建議可刪除這些不是太必要的動(dòng)畫(huà)效果。
4、排版
“時(shí)尚”、“美容”、“好玩”板塊下的子版塊位置靠下方，易與正文混淆。
建議可將“今天穿什么”等等這些子版塊欄放在菜單欄下方，這樣用戶一眼就能知道哪些板塊下都有什么子版塊，使結(jié)構(gòu)更加清晰明了，也能在一定程度上增加用戶點(diǎn)擊率。
5、整體性欠缺和多余重復(fù)信息
子板塊頁(yè)面里只有文章，沒(méi)有標(biāo)題欄。
多余重復(fù)的文字信息，比如“時(shí)尚”下的“今天穿什么”里的所有文章標(biāo)題都是“今天穿什么”開(kāi)頭，然而該板塊就是“今天穿什么”，這些標(biāo)題文字顯得有些多余。
多余重復(fù)的配圖，比如“好玩”板塊下的“星座”子版塊，配圖的重復(fù)度較高，且沒(méi)有多大的實(shí)質(zhì)意義。無(wú)形中降低了用戶的體驗(yàn)感。
建議通過(guò)增加標(biāo)題欄的形式加強(qiáng)子版塊的整體性，適當(dāng)?shù)膭h除文章里多余的標(biāo)題文字和配圖。比如“美容”下的“美妝大賞”頁(yè)面頂部可加上桃紅底白字的“大數(shù)據(jù)美妝大賞”標(biāo)題欄，并且在左上角加上年份等篩選器。
6、配色
瀏覽所有界面，發(fā)現(xiàn)主要配色是桃紅、黑、灰、白。但是APP圖標(biāo)和頁(yè)面頂部LOGO顏色為暗紅色，略微有點(diǎn)不協(xié)調(diào)。
建議可做調(diào)整。比如圖標(biāo)和LOGO換成桃紅色。
7、文章模塊里的子功能的參考作用不強(qiáng)
建議文章模塊內(nèi)可加上“閱讀量”、“收藏人數(shù)”、“加入購(gòu)物車的人數(shù)”等子功能，能給用戶起到一個(gè)參考的作用。
8、增加“直播”功能，關(guān)于大牌明星的時(shí)尚、美妝、好玩等的直播。
四、具體功能
功能1：時(shí)髦購(gòu)
從第二部分的產(chǎn)品結(jié)構(gòu)圖以及下面的對(duì)比圖可以看出，時(shí)尚、美容、好玩板塊下面都有“時(shí)髦購(gòu)”這個(gè)子版塊，推測(cè)可能是該APP的核心功能之一。
優(yōu)點(diǎn)：子版塊的底圖與其所屬的板塊名稱的相關(guān)性高。
比如“美容”板塊下的“時(shí)髦購(gòu)”，搭配的底圖就是與“美容”相關(guān)的美妝產(chǎn)品圖等。
不足：
1、交互的相關(guān)性和針對(duì)性不高，增加用戶的操作步驟
不同板塊下的“時(shí)髦購(gòu)”跳轉(zhuǎn)的頁(yè)面與各自所屬的板塊的相關(guān)性和針對(duì)性不高，觸發(fā)不同板塊下的“時(shí)髦購(gòu)”都跳轉(zhuǎn)入相同的導(dǎo)購(gòu)頁(yè)面。比如點(diǎn)擊”美容“板塊下的“時(shí)髦購(gòu)”跳轉(zhuǎn)到“時(shí)髦購(gòu)”的“全部”頁(yè)面，而不是與“美容”相關(guān)的“美妝”模塊頁(yè)面。
頂部的輪播圖也顯示的是比較泛的購(gòu)物推薦，而不是與“美容”相關(guān)的“美妝”產(chǎn)品推薦。
用戶從“美容”板塊下點(diǎn)擊“時(shí)髦購(gòu)”，很大部分是想看關(guān)于“美容”的“時(shí)髦購(gòu)”內(nèi)容，而跳轉(zhuǎn)進(jìn)入“全部”頁(yè)面后，如果用戶想瀏覽與“美容”相關(guān)的“時(shí)髦購(gòu)”內(nèi)容，還需多操作一步，自行點(diǎn)擊“美妝”模塊，才能實(shí)現(xiàn)。這樣就增加了用戶點(diǎn)擊的次數(shù)和跳轉(zhuǎn)頁(yè)面的次數(shù)，降低了用戶使用的便捷性。
2、各模塊商品排列缺少分類標(biāo)準(zhǔn)
“時(shí)髦購(gòu)”頁(yè)面下的所有模塊的商品排列只是簡(jiǎn)單羅列，并沒(méi)有什么排序標(biāo)準(zhǔn)以及篩選條件，用戶要找到自己感興趣的商品比較費(fèi)勁。
優(yōu)化建議：
1、提高不同板塊下的“時(shí)髦購(gòu)”與其所屬的板塊的相關(guān)性，減少用戶的操作步驟。比如：“美容”板塊下的“時(shí)髦購(gòu)”與“時(shí)髦購(gòu)”頁(yè)面的”美妝“模塊相關(guān)聯(lián)。觸發(fā)“美容”板塊下的“時(shí)髦購(gòu)”后跳轉(zhuǎn)進(jìn)入“時(shí)髦購(gòu)”的”美妝“模塊，且頂部輪播圖自動(dòng)切換成與“美容”相關(guān)的“美妝”產(chǎn)品推薦。
2、增加商品排列的排序標(biāo)準(zhǔn)，比如”價(jià)格“、”品類“、”品牌“等，或者是條件篩選功能，比如“品類選擇”、“價(jià)格區(qū)間”、“品牌偏好”等。
功能2：登錄
不足：
1、消息提示和標(biāo)題的位置沖突，且消息提示的設(shè)計(jì)配色不統(tǒng)一
目前消息提示的位置在頂部，顯示時(shí)會(huì)覆蓋頂部的標(biāo)題“登錄”二字。
消息提示的設(shè)計(jì)配色不統(tǒng)一，剛轉(zhuǎn)入登錄界面時(shí)，輸入手機(jī)號(hào)登錄的消息提示是灰底白字配色；但是驗(yàn)證碼發(fā)送成功的消息提示是桃紅底白字配色。
2、觸發(fā)次數(shù)過(guò)多，降低用戶體驗(yàn)感
目前手機(jī)號(hào)、驗(yàn)證碼、其他方式登錄分別各占一個(gè)頁(yè)面，這些觸發(fā)和跳轉(zhuǎn)沒(méi)太多必要，完全可以設(shè)計(jì)到同一個(gè)界面，而且目前的登錄界面有點(diǎn)空，把這些都設(shè)計(jì)到同一個(gè)頁(yè)面上也并不會(huì)過(guò)于擁擠，還能減少操作步驟。
優(yōu)化建議：
1、頂部標(biāo)題欄設(shè)置成帶底色的，比如根據(jù)整個(gè)APP的色調(diào)設(shè)置成桃紅底白字。關(guān)于消息提示，為了與標(biāo)題欄有一個(gè)區(qū)分度，可統(tǒng)一設(shè)置成灰底白字，與標(biāo)題欄相比，底色寬度稍窄且字號(hào)稍小，顯示位置移到標(biāo)題欄的下方。
2、把手機(jī)號(hào)、驗(yàn)證碼、其他方式登錄這些都設(shè)計(jì)到登錄界面上，在同一個(gè)界面完成關(guān)于”登錄“功能的所有操作
功能3：圈中人
不足：瀏覽整個(gè)APP，在”時(shí)尚“、”美容“、”好玩“板塊下都有一些標(biāo)記為“圈中人”的文章，由此猜想可能是該APP的一個(gè)特色。但是位置設(shè)置比較隨意，用戶不一定知道該亮點(diǎn)。
優(yōu)化建議：如果真的作為亮點(diǎn)推出，可在每個(gè)板塊下對(duì)這些文章設(shè)置成置頂顯示，也可以另外增加一個(gè)”圈中人“板塊，對(duì)”時(shí)尚“、”美容“、”好玩“板塊下的有”圈中人“標(biāo)記的文章進(jìn)行歸類和整合。
