app介紹
千帆直播是搜狐旗下大型在線娛樂社區(qū),提供豐富精彩的視頻真人生活秀。支持?jǐn)?shù)萬人同時在線視頻聊天,K歌跳舞,致力打造最酷的自媒體視頻直播平臺。（來自千帆直播官網(wǎng)）
第一次接觸千帆直播是在2015年，那時app還不是很完善。最近無意又下載這個app，有驚艷的感覺，app在用戶體驗方面幾近完善，而且在app store上用戶評論也相當(dāng)高。
抱著“雞蛋里挑骨頭”的想法，我做了這次走查。
走查條件
app版本：千帆直播--iOS 4.6.0；手機型號：iPhone 7；手機系統(tǒng)：iOS 10.2.1。
走查
此次走查為分5個模塊（包括登錄注冊、看直播&購帆幣&送禮物、申請主播、設(shè)置個人信息、分享至微信的頁面）按照[架構(gòu)和導(dǎo)航]、[布局和設(shè)計]、[內(nèi)容與可讀性]、[行為與互動]這4個角度去進(jìn)行梳理，列出值得學(xué)習(xí)和值得優(yōu)化的細(xì)節(jié)。
走查的4個角度是從簡書的一篇文章看來的，當(dāng)時沒有收藏鏈接，所以找不到原地址了，以下為個人理解。
[架構(gòu)和導(dǎo)航]：信息組織、信息架構(gòu)是否合理，頁面布局結(jié)構(gòu)是否合理等；
[布局和設(shè)計]：使用的頁面控件是否合理，文字和控件的位置、大小、形狀、顏色、布局、分組等是否一致、清晰；
[內(nèi)容與可讀性]文案是否簡潔易懂、不容易產(chǎn)生疑惑，是否在必要時給用戶提供足夠信息等；
[行為與互動]：是否有輸入限制、及時反饋、提供默認(rèn)值、提供軟鍵盤等。
一、全局
1、[行為與互動]良好的用戶體驗是由保持一致型的元素、設(shè)計、內(nèi)容、交互創(chuàng)造的。
a、提示語出現(xiàn)方式前后不一致：部分是在輸入框下出現(xiàn)紅字提示，部分是在輸入框內(nèi)出現(xiàn)toast提示。
優(yōu)化建議：提示語出現(xiàn)方式在整個app中的使用應(yīng)該一致。建議在驗證輸入框內(nèi)容是否正確時，在輸入框下出現(xiàn)紅字提示比在輸入框內(nèi)出現(xiàn) ? ?toast稍好一些。Toast在一定程度上對用戶造成干擾，不適合承載過多的文字和重要信息，且toast是android系統(tǒng)才有的組件，iOS系統(tǒng)中并沒有，所以在交互中建議少用toast。
b、有的純數(shù)字的輸入框（例如輸入手機號或短信驗證碼）有默認(rèn)調(diào)用數(shù)字鍵盤，有的沒有。
優(yōu)化建議：如果輸入框內(nèi)容未能確定哪種類型或者先輸入哪種類型，則不做限定，直接調(diào)用用戶最近使用的鍵盤即可；如果輸入框內(nèi)容類型為純數(shù)字或純字母，則默認(rèn)調(diào)用數(shù)字鍵盤或英文鍵盤。（但如果用戶安裝了非系統(tǒng)自帶的輸入法，則無法控制）
有種特殊情況順帶提一下：身份證的輸入。身份證的輸入框很明確一開始一定是先輸入數(shù)字，有的身份證號最后一位需輸入字母“X”。很多app有自己開發(fā)帶“X”的數(shù)字鍵盤，但若沒有話，需注意以下幾點：
iPhone的數(shù)字鍵盤沒有切換到其他鍵盤的按鈕，所以只能調(diào)用全鍵盤中的數(shù)字鍵盤。
android的手機中三星比較特殊，有的手機型號數(shù)字鍵盤也是無法切換到其他鍵盤，但英文鍵盤頂部戶會帶著數(shù)字，所以三星手機直接調(diào)用英文鍵盤即可（這里需要開發(fā)做設(shè)備判斷，開發(fā)成本較高）。
c、前端驗證尚未達(dá)到提交條件的頁面，按鈕的樣式不一致：有的置灰，有的沒有置灰。
優(yōu)化建議：前端驗證尚未達(dá)到提交條件的頁面，如表單未完整填寫、未填寫手機號而獲取驗證碼等，按鈕應(yīng)統(tǒng)一置灰，防止用戶誤操作。
二、登錄注冊
1、[布局和設(shè)計]提示語的字號及背景面積過小，不容易識別。
優(yōu)化建議：應(yīng)增加提示語字號與背景的面積，以吸引用戶的注意力，使信息有效傳達(dá)。
2、[行為和互動]輸入手機號沒有調(diào)用數(shù)字鍵盤，用戶需要手動切換到數(shù)字鍵盤。
優(yōu)化建議：手機號輸入框應(yīng)自動調(diào)用數(shù)字鍵盤，減少用戶切換操作；且限制用戶輸入內(nèi)容的類型能有效防錯。
3、[行為和互動]手機號輸入框應(yīng)沒有對位數(shù)做限制。
優(yōu)化建議：利用約束條件，限制手機號輸入格式，防止用戶誤操作。
4、[行為和互動]當(dāng)頁面內(nèi)容比較長時，彈出的軟鍵盤遮住了輸入框，容易讓用戶遺漏需要填寫的內(nèi)容。
優(yōu)化建議：頁面應(yīng)自動向上滑動，以免遮住輸入框。
5、[行為與互動]未輸入手機號，獲取驗證碼按鈕即高亮。
優(yōu)化建議：前端驗證尚未達(dá)到提交條件的頁面，按鈕應(yīng)置灰，用戶輸入手機號后，“獲取驗證碼”的按鈕再自動高亮。
6、[內(nèi)容與可讀性]彈窗內(nèi)容沒有使用用戶熟悉的中文，使用英文會阻礙閱讀，用戶需下意識先翻譯，具有一定的認(rèn)知負(fù)荷。
優(yōu)化建議：使用直白的中文簡潔描述，保證彈窗的文案可以讓用戶不用專門經(jīng)過大腦處理，可以無意識、有效地閱讀。
三、觀看直播、購帆幣、送禮物
1、[贊][行為和互動]評論區(qū)用戶如果沒有向下滑至最新消息，會有未讀消息的懸浮框，點擊可直接定位至最新消息。
2、[贊][行為和互動]送出禮物后頁面右下角出現(xiàn)連送禮物的按鈕，非常貼切當(dāng)前場景，這種操作方式也有類似游戲連續(xù)釋放技能的感覺。
3、[行為與互動]關(guān)注某位主播或者某個節(jié)目后不能取消，如果用戶為誤操作點擊了“關(guān)注”按鈕，卻無法撤銷，會讓用戶感覺失去控制感。
優(yōu)化建議：從用戶體驗的角度來說，點擊了“關(guān)注”，再次點擊能夠取消關(guān)注會好一些。但是如果出于產(chǎn)品運營的考量，產(chǎn)品前期想要增強活躍度，目前的方式還是勉強可接受。
4、[布局與設(shè)計]進(jìn)行子流程操作或彈出提示時背景沒有半透明彈層，顯得信息雜亂沒有重點，造成用戶的閱讀壓力。
優(yōu)化建議：增加半透明彈層，可以過濾一部分與當(dāng)前操作無關(guān)的信息，避免對用戶造成干擾。
四、申請主播
1、[行為與互動]用戶拒絕授權(quán)系統(tǒng)權(quán)限時（如查看照片、調(diào)用攝像頭），用戶使用相關(guān)功能時無法使用卻沒有提示。
優(yōu)化建議：像微博一樣，做好提示和引導(dǎo)。
2、[行為與互動]點擊試播后無法返回，只有試播操作，只能從后臺關(guān)掉app。
優(yōu)化建議：當(dāng)用戶在操作過程中觸發(fā)了錯誤事件，需在頁面上提供“退路”，確保用戶能返回到正確的操作流程中去。
3、[布局和設(shè)計]此頁面提示語與背景顏色非常接近，使提示語難以辨認(rèn)，可讀性較低。
優(yōu)化建議：將文字格式設(shè)計出視覺層次。
五、設(shè)置個人信息
1、[內(nèi)容和可讀性]彈窗內(nèi)容只有“千帆直播”4個字，無實際意義。
優(yōu)化建議：iOS guideline中，彈窗可只有標(biāo)題，無需一定要有內(nèi)容 https://developer.apple.com/ios/human-interface-guidelines/ui-views/alerts/
Alert Titles and Messages
If you must provide a message,write short, complete sentences.Try to keepmessages short enough to fit on one or two lines to prevent scrolling. Usesentence-style capitalization and appropriate punctuation.
同樣Material design中，彈窗可只有內(nèi)容，無需一定有標(biāo)題 https://material.io/guidelines/components/dialogs.html#dialogs-alerts
Alerts without title bars
Most alerts don't need titles.
所以當(dāng)只用標(biāo)題或內(nèi)容就能說明清楚提示時，無需一定要同時有標(biāo)題和內(nèi)容。
2、[行為與互動]點擊ID一欄會自動進(jìn)行復(fù)制，不符合用戶的心智模型，用戶對自己的操作無預(yù)期。
優(yōu)化建議：將右邊的箭頭改為復(fù)制按鈕，如下：
3、[布局和設(shè)計] toast顏色與頁面背景顏色太過接近，可讀性較低。
優(yōu)化建議：如果視覺太弱化，toast則起不了提示作用。建議頁面背景與toast顏色區(qū)別大一些。
4、[布局和設(shè)計]內(nèi)容為空時沒有提示，用戶可能會誤以為沒有加載成功。
優(yōu)化建議：應(yīng)設(shè)計好空狀態(tài)，如在頁面上加上俏皮的圖像或戲劇化的文案，使用戶明白當(dāng)前狀態(tài)。
5、[行為與互動]空頁面可刷新，引導(dǎo)用戶進(jìn)行無用操作。
優(yōu)化建議：進(jìn)入該頁面時判斷頁面內(nèi)容是否為空，為空則不可刷新，不為空才可下拉刷新。
6、[布局和設(shè)計]展示文案“粉絲305336”、“直播中”的視覺樣式上做得很像可點擊的按鈕。
優(yōu)化建議：直接以文案形式展示即可，無需加按鈕背景，如需突出文案，可加大字號、字體加粗或者突出顏色等方式吸引用戶注意力。
六、分享至微信的頁面
1、[贊][行為和互動]若已下載app，點擊評論或送禮物按鈕，會直接打開app并跳轉(zhuǎn)至對應(yīng)的頁面，感覺非常流暢。
2、[內(nèi)容與可讀性]“返回首頁”這個文案不精準(zhǔn)，用戶并不是從app的首頁進(jìn)來，所以不應(yīng)該用“返回”的字眼。
優(yōu)化建議：應(yīng)改為“逛逛首頁”或“查看首頁”等。
3、[布局和設(shè)計]在微信點擊下載app，使用手機瀏覽器打開后，app下載頁設(shè)計稍微粗糙，沒有介紹app的內(nèi)容，反而與微信引導(dǎo)頁一樣，仍在引導(dǎo)用戶用瀏覽器打開。
優(yōu)化建議：app下載頁一般都會作為品牌宣傳強化的一種方式，此頁也是用戶下載app前的臨門一腳，可以多展示一些app介紹，吸引用戶下載。
總結(jié)
由走查結(jié)果可以看出，千帆直播app在主場景中（觀看直播&購帆幣&送禮物、申請直播）的體驗已經(jīng)很好，值得優(yōu)化的細(xì)節(jié)并不多。因為做得好的地方比較多，此處就沒有一一列出，只列出了幾個印象較深的好細(xì)節(jié)。
講的不對的地方還請大家多多指教。
