到了每周一個(gè)APP的全面體驗(yàn)并且總結(jié)出一個(gè)可供設(shè)計(jì)師和用戶參考的報(bào)告的時(shí)候了；這次體驗(yàn)的APP是一個(gè)小而美的生活指南——唯物鲜结。
簡(jiǎn)單介紹一下這款產(chǎn)品，產(chǎn)品是優(yōu)雅優(yōu)智科技（北京）有限公司開發(fā)的活逆，創(chuàng)始人是張夢(mèng)涵精刷，公司注冊(cè)時(shí)間是2015年6月26號(hào)，注冊(cè)資本是25.32萬(wàn)元蔗候。團(tuán)隊(duì)在2015年由厚澤資本完成天使輪融資怒允，融資金額未透露。
圖片截取自天眼查
好了...話說(shuō)的有點(diǎn)多了锈遥，下面繼續(xù)纫事。
唯物APP是2016年七月初上線appstore，并且在5個(gè)月前完成了2.0版本的迭代所灸，到目前拿到手里的樣子丽惶，真的是小而美，請(qǐng)看下面的GIF爬立。
設(shè)備型號(hào)：iPhoneX
系統(tǒng)版本：iOS11.2.1
軟件名稱：唯物
軟件版本：2.3.4
界面內(nèi)容總覽
文字內(nèi)容的排版
主頁(yè)
個(gè)人收錄
欄目
專題
好了钾唬，下面正文開始......
從主頁(yè)開始說(shuō)吧。用戶每日首先進(jìn)入APP的時(shí)候會(huì)出現(xiàn)一個(gè)日歷侠驯，左上角關(guān)閉進(jìn)入主界面抡秆，日歷在左上角可再次打開查看；日歷內(nèi)容是一個(gè)今日話題吟策，點(diǎn)擊進(jìn)入話題列表儒士。
欄目目前有四個(gè)，分別是：家事管理檩坚、居住升級(jí)着撩、生活養(yǎng)成和日常探索。點(diǎn)擊欄目會(huì)進(jìn)入一個(gè)個(gè)的專題效床，在每個(gè)專題會(huì)有文章、指南权谁、生活貼和清單剩檀。收藏的專題會(huì)收錄在收藏夾的“生活貼”，文章旺芽、指南沪猴、生活貼辐啄、清單同理。
輪播圖里顯示的內(nèi)容略多运嗜，有生活研究所（專題）壶辜、商品展示（APP內(nèi)可購(gòu)買）、運(yùn)維專題活動(dòng)担租、專題收錄砸民。
原型簡(jiǎn)析如下
主頁(yè)
我的
在專題列表里，必有的內(nèi)容是至少一篇文章奋救，有的專題會(huì)有指南岭参、生活貼、養(yǎng)成清單尝艘。目前只有運(yùn)營(yíng)團(tuán)隊(duì)或者平臺(tái)推薦的用戶才可以成為貼主并發(fā)布生活貼演侯，普通用戶只能選擇一個(gè)生活貼在下方進(jìn)行跟帖。
養(yǎng)成清單比較有意思背亥，它根據(jù)一個(gè)專題列舉了一些事例秒际，比如我添加了一個(gè)“冰箱保養(yǎng)的指南”
按照清單提示步驟完成后點(diǎn)選劃掉，100%完成度后提示完成狡汉，點(diǎn)擊重做再次循環(huán)禀忆。
界面中的icon的色值很統(tǒng)一碟贾，在sketch上用吸管工具吸取的色值均為6AB076和323631
icon和logo的色值保持了統(tǒng)一
界面文字和點(diǎn)綴色用色
唯物把綠色貫穿到整個(gè)界面設(shè)計(jì)中，貌似在向外傳達(dá)一種健康的生活觀念，低飽和度的顏色又顯得低調(diào)阳距、不做作。
一次跟帖活動(dòng)官方的“唯物綠”
界面整體的設(shè)計(jì)風(fēng)格是大圓角卡片配合大面積的投影鸠窗，卡片之間部分留白停忿，文字排版清晰易閱讀，圖標(biāo)敦厚可婶、可愛沿癞。
在sketch上用一倍圖的尺寸（375*812）測(cè)量了一下界面中卡片的圓角，10pt是最為貼近的矛渴。界面中所有的卡片保持統(tǒng)一的圓角尺寸椎扬，也使整體設(shè)計(jì)風(fēng)格保持統(tǒng)一。
10pt的圓角
令人疑惑的是收藏夾并沒(méi)有采用10pt的圓角具温，而是用了5pt的圓角蚕涤，或許是想制造一定的差異化便于查找？但是收藏夾這種圓角卡片上面內(nèi)嵌一個(gè)圓角圖片的設(shè)計(jì)略顯拘束铣猩。
5pt圓角的收藏夾
動(dòng)效設(shè)計(jì)的總結(jié)
等待
空狀態(tài)
點(diǎn)贊
1.在閱讀文章界面到達(dá)底部的時(shí)候揖铜，再次上滑直接滑出頁(yè)面返回上頁(yè)。
碎片化的互聯(lián)網(wǎng)時(shí)代达皿，用戶在瀏覽文字信息時(shí)天吓，為了避免正事（上班贿肩、開會(huì)、等公交）延誤龄寞，要規(guī)避一定風(fēng)險(xiǎn)：1.篇幅過(guò)長(zhǎng)但是有用的文章可以先收藏汰规，以后有時(shí)間再看；2.文章短小且有用可以馬上看物邑；3.長(zhǎng)篇累牘不會(huì)看溜哮；4.短篇糟粕可以一掃而過(guò)。
談一談唯物的文章界面拂封，首先用戶點(diǎn)擊進(jìn)入這個(gè)文章頁(yè)面后茬射，并不知道文章的長(zhǎng)度，質(zhì)量如何冒签，文章寫出來(lái)肯定是要人讀的在抛。在用戶快速瀏覽以鑒別文章是否具有收藏、閱讀的價(jià)值時(shí)不免快速下滑翻看頁(yè)面萧恕。
盡管在用戶瀏覽觸底后仍有一段距離可供緩沖刚梭，但是距離很微妙，作者在使用時(shí)經(jīng)常是下滑后直接滑出頁(yè)面票唆，本想返回頂部仔細(xì)閱讀一下的心情也沒(méi)有了朴读。
這樣設(shè)計(jì)的猜想：
iOS系統(tǒng)左滑手勢(shì)可以返回上頁(yè)，那么可以猜測(cè)是開發(fā)人員在編程時(shí)運(yùn)用了第三方的代碼走趋，產(chǎn)生的不知名bug導(dǎo)致在這個(gè)頁(yè)面無(wú)法調(diào)用左滑手勢(shì)來(lái)返回上頁(yè)衅金；否則沒(méi)有理由不調(diào)用左滑手勢(shì)。
底部再次下滑返回上頁(yè)代替了左滑手勢(shì)簿煌；盡管在頁(yè)面底部有“關(guān)閉”按鈕氮唯，但是為了提高閱讀體驗(yàn)，在有下滑趨勢(shì)（手指向下滑動(dòng)屏幕）時(shí)姨伟，“關(guān)閉”是不顯示的惩琉。如果滑倒底部，想用“關(guān)閉”來(lái)返回就要“上滑”一下夺荒，這時(shí)侯會(huì)顯示“關(guān)閉”瞒渠。
左邊按鈕是“關(guān)閉”
同樣，知乎也是為了提高閱讀體驗(yàn)技扼，當(dāng)用戶有下滑趨勢(shì)或下滑后停止時(shí)伍玖，底部的Tabbar是隱藏的。
下圖知乎的閱讀界面的返回是通過(guò)作者左滑屏幕的操作剿吻。
完美的左滑返回
2.搜索內(nèi)容不直觀窍箍，橫向分類不便查找，不能保證所有人為搜索內(nèi)容被直觀呈現(xiàn)。
我們從搜索框嘗試搜索“墨鏡”
動(dòng)態(tài)演示
靜態(tài)圖片
這里在搜索界面為搜索結(jié)果進(jìn)行了分類：研究所仔燕、生活貼、文章魔招、清單晰搀、用戶。
在搜索之前办斑，用戶不會(huì)知道自己搜索的內(nèi)容分類外恕，除非是想特定去搜索指定的類別。但是在目前運(yùn)營(yíng)內(nèi)容過(guò)少的2.0版本內(nèi)乡翅，不可能在每個(gè)分類里都會(huì)出現(xiàn)許多模糊搜索的結(jié)果來(lái)填充界面鳞疲。
所以在當(dāng)前內(nèi)容較少的版本，沒(méi)有必要將搜索結(jié)果進(jìn)行詳細(xì)的劃分蠕蚜，可以在一個(gè)頁(yè)面將所有內(nèi)容展示出來(lái)尚洽，不必去橫屏一個(gè)一個(gè)查找搜索結(jié)果；雖然這個(gè)過(guò)程中會(huì)缺少探索的樂(lè)趣靶累，但是也會(huì)減少搜索不到內(nèi)容的失落感腺毫。
3.生活貼內(nèi)容邏輯安排不佳。
點(diǎn)擊生活帖里面的一個(gè)跟帖挣柬，出現(xiàn)的并不是一個(gè)完整的圖片展示潮酒，展示的只是這個(gè)帖子下的圖片和文字的縮略列表，再次點(diǎn)擊才會(huì)進(jìn)入詳細(xì)圖片邪蛔。直白的講急黎，縮略的圖片在這里用了兩次，而用戶為了查看完整圖片也要點(diǎn)擊兩次侧到。
界面交互
首頁(yè)生活貼縮略
縮略列表
詳細(xì)圖片和文字
首頁(yè)生活貼和縮略列表展示的信息是相同的勃教，只是首頁(yè)生活貼是橫向滑動(dòng)刷新后臺(tái)數(shù)據(jù)，縮略列表是豎向刷新床牧；并且荣回，在進(jìn)入縮略列表后的體驗(yàn)并不是進(jìn)入之前自己所點(diǎn)選進(jìn)入的圖片，想要達(dá)到目標(biāo)就要繼續(xù)點(diǎn)擊才會(huì)進(jìn)入詳細(xì)的圖片文字信息戈咳。
解決方案可以是將第二步砍掉或者將第二步和第三步合并心软，整合功能的同時(shí)也減少了預(yù)期的步驟。
目前正在著手于唯物APP的redesign,?這里先畫個(gè)大餅著蛙，后期（2周左右）會(huì)根據(jù)這一期找到的痛點(diǎn)進(jìn)行改進(jìn)并對(duì)APP的部分功能重新設(shè)計(jì)删铃。
痛點(diǎn)在Part3提到的3點(diǎn)之外，還有一些需要改進(jìn)的地方踏堡，我會(huì)根據(jù)這些地方進(jìn)行redesign.
1.是否真的需要輪播圖猎唁？
首頁(yè)頂部的輪播圖
頂部輪播圖確實(shí)可以節(jié)省頁(yè)面空間但是只有1%的用戶真的去滑動(dòng)，
2.是否應(yīng)該讓生活貼占據(jù)90%以上的頁(yè)面顷蟆？
這個(gè)問(wèn)題可以擴(kuò)展成：我真的需要知道其他人的生活方式嗎诫隅？我有沒(méi)有必要去關(guān)心他人的生活腐魂？
APP頁(yè)面從中部下滑就全部是生活貼了，照片基本是普通用戶的跟帖逐纬，在現(xiàn)今版本對(duì)照片把控很高的時(shí)候蛔屹，可以基本保證內(nèi)容的質(zhì)量，但不排除是運(yùn)營(yíng)人員手動(dòng)篩選的高質(zhì)量圖片作為展示豁生。
主頁(yè)面中部以下全部是生活貼
3.是否要將專題內(nèi)容進(jìn)行詳盡分類兔毒？
生活靈感類文章不免有很多內(nèi)容交叉的部分，太過(guò)詳細(xì)的劃分顯得多余甸箱，用戶在使用時(shí)也會(huì)過(guò)多思考育叁，同時(shí)也加高了運(yùn)營(yíng)的門檻。
好了芍殖，這期的唯物APP體驗(yàn)報(bào)告就寫到這里吧豪嗽，下期預(yù)告——堆糖
本文是作者Reple的原創(chuàng)內(nèi)容，如果轉(zhuǎn)載要署名我的公眾號(hào)eVoice和二維碼哦豌骏，如果你對(duì)本文有其他的見解歡迎下方留言昵骤，可以的話希望能夠幫我轉(zhuǎn)發(fā)一下，每增加一個(gè)粉絲都是對(duì)我的一個(gè)鼓勵(lì)～
轉(zhuǎn)載注明出處哦～momo
