APP開發(fā)，前端用戶體驗(yàn)很重要，如何設(shè)計(jì)出用戶終極體驗(yàn)的前端操作界面？ Android 端重設(shè)計(jì)，是由于四個(gè)月前，Android 端去掉了頂部導(dǎo)航的藍(lán)條。由于設(shè)計(jì)趨勢(shì)種種緣由雖然可以理解，但是去掉藍(lán)條后的界面字重層級(jí)關(guān)系變得混亂，顯示十分粗糙。知乎的Android 端顯得很老舊。再加上之前使用時(shí)候的一些感觸。于是就愉快的作為練習(xí)對(duì)象動(dòng)手啦。
在 Android 端，提問action放置于搜索框內(nèi)部，同時(shí)提問和搜索引導(dǎo)顏色相當(dāng)，視覺上會(huì)認(rèn)為是一件事，對(duì)用戶識(shí)別造成干擾。
搜索框引導(dǎo)文本顏色過重，使用與下面Tabs【動(dòng)態(tài)、熱門、發(fā)現(xiàn)】相差不多灰黑色，導(dǎo)致在視覺上重要程度似乎相當(dāng)。顯得主次不明。
灰色分割線和卡片式投影組合使界面厚重且陳舊。
可能由于對(duì)屏幕尺寸的珍惜，一屏顯示更多的內(nèi)容。文本間距較窄略顯局促。
卡片內(nèi)信息層級(jí)略微混亂。
APP開發(fā)前端設(shè)計(jì)您要對(duì)首頁設(shè)計(jì)做這些：
-
將提問從搜索框中剔除，讓 Tabs 功能更明確。
-
增加淺色背景，重新梳理層級(jí)關(guān)系。讓信息層級(jí)更清晰。
-
關(guān)注問題移動(dòng)到右側(cè)，用距離將展示信息和可操作按鈕加以區(qū)分。
-
提問作為問答社區(qū)中高頻事件，用懸浮按鈕加以突出，增加點(diǎn)擊率。
-
去掉了卡片下略臟的投影。
-
底部 Tabs 遵行 MD 的設(shè)計(jì)規(guī)范，選中狀態(tài)下顯示文本。使界面更簡單爽朗。
長時(shí)間單模塊滑動(dòng)會(huì)讓用戶產(chǎn)生視覺上的疲憊。讓每個(gè)模塊擁有自己獨(dú)立的形式，在單一的樣式中加以分割，讓界面更具有節(jié)奏感。
APP前端制作筆者進(jìn)行了這些調(diào)整：
想法往往是一瞬間的事，比如看到一個(gè)場景觸動(dòng)了想法。記錄場景比文字描述的優(yōu)先級(jí)就更高。
翻了很久的想法，大部分人在使用話題時(shí)并并不會(huì)連接上下語境，甚至知乎也他作為標(biāo)簽放在正在討論。所以用標(biāo)簽代替話題似乎是可行的的，同時(shí)界面中也不會(huì)有太多的藍(lán)色顯得到處都可點(diǎn)擊。
原設(shè)計(jì)中卡片的并列關(guān)系很棒，再做重設(shè)計(jì)的時(shí)候這里琢磨了好久。最后選擇用包含這種比較直觀的方式來制作。
APP開發(fā)是站直筆者的想法設(shè)計(jì)思路：
-
多功能懸浮按鈕。在不同場景都可以迅速記錄想法。同時(shí)也方便以后的新功能的拓展。
-
發(fā)布想法的時(shí)候，增加標(biāo)簽快捷按鈕。
-
將原來話題改為標(biāo)簽，話題穿插在文本中影響閱讀。單獨(dú)提取出來也更方便辦用戶根據(jù)自己感興趣的標(biāo)簽點(diǎn)擊查看更多同屬性內(nèi)容。
-
增加了搜索功能，可以在想法中進(jìn)行熱門話題檢索。
-
將原設(shè)計(jì)中并列關(guān)系改為包含關(guān)系轉(zhuǎn)發(fā)更直觀。更容易體現(xiàn)針對(duì)哪條想法產(chǎn)生的新想法。當(dāng)同一作者針對(duì)同一想法連續(xù)性產(chǎn)生想法進(jìn)行轉(zhuǎn)發(fā)的拓展性也更強(qiáng)。
APP前端制作設(shè)計(jì)者對(duì)市場做了這些：
知乎的消息中心是自己使用起來最糾結(jié)的部分。消息的種類十分多，通過icon來做區(qū)分很不直觀。
評(píng)論，問題和基礎(chǔ)信息融合在一起，沒有加以區(qū)分，視覺識(shí)別閱讀更為困難
對(duì)此我做了這些調(diào)整：
-
去除單條信息上的種類圖標(biāo)，將消息細(xì)化讓層級(jí)更清晰。
-
優(yōu)化評(píng)論和針對(duì)評(píng)論進(jìn)行評(píng)論的版式。評(píng)論默認(rèn)展示三行，超出部分需點(diǎn)擊查看原文。
-
優(yōu)化提及，適當(dāng)展示一點(diǎn)前后內(nèi)容。會(huì)讓用戶更容易決定要不要點(diǎn)擊看更多。
-
將陌生人信息匯總，默認(rèn)展示最新一條的頭像。
-
將關(guān)注的專欄和收藏的動(dòng)態(tài)在消息中匯總，防止錯(cuò)過。
原來長列表加圖標(biāo)的樣式在使用的時(shí)候會(huì)比較沒耐心看哪個(gè)是什么入口。隨著功能的增多，這里也會(huì)變得更加臃腫。
APP前端制作設(shè)計(jì)師重新設(shè)計(jì)更多的結(jié)構(gòu)：
-
重要的入口兩排展示。節(jié)約空間，底下的模塊就可以更好的展示業(yè)務(wù)。
-
將底部模塊根據(jù)不同的功能需要進(jìn)行差別化設(shè)計(jì)，可拓展性更強(qiáng)。
-
私家課突出學(xué)習(xí)進(jìn)度，點(diǎn)擊可快速進(jìn)入課程。
-
書籍除了最近閱讀的進(jìn)度，還展示了已完成和購買，突出成就感。
-
付費(fèi)咨詢展示最新提問，可在此界面快速進(jìn)行回答。
-
展示最近收聽的Live，點(diǎn)擊可快速回到上次離開的地方。
我做了這些：
斷斷續(xù)續(xù)做了有點(diǎn)久，由于沒有數(shù)據(jù)支持，可能很多地方考慮的也不夠周到。以及歡迎諸位質(zhì)疑探討共同提高。深圳網(wǎng)站建設(shè)博納網(wǎng)絡(luò)編輯整理。
