- 本文僅針對(duì)于“有我”App Feed頁(yè)面進(jìn)行分析，其他頁(yè)面不涉及。
- 本文僅針對(duì)于iOS版本進(jìn)行分析腰素，Android版本不涉及。
- 本文包含邏輯分析與部分UI分析雪营。
1.“報(bào)名”按鈕在Feed頁(yè)面直接顯示的必要性
點(diǎn)擊“報(bào)名”會(huì)直接進(jìn)入到支付狀態(tài)弓千，直接在Feed頁(yè)面就進(jìn)行支付的用戶，數(shù)量應(yīng)該不多献起，理由如下：
用戶此刻會(huì)比較珍惜自己的財(cái)產(chǎn)(現(xiàn)金洋访、鉆石)镣陕，在未了解PO主的情況下，直接使用此按鈕的幾率較少
右上角已經(jīng)存在懸賞數(shù)額(此處為1000鉆石)姻政，沒(méi)有理由通過(guò)點(diǎn)擊“報(bào)名”來(lái)查看懸賞數(shù)額
綜上呆抑，我覺(jué)得實(shí)際情況是，當(dāng)其他用戶看到這樣一條PO時(shí)汁展，要么會(huì)點(diǎn)擊PO主頭像去查看PO主的詳細(xì)資料(照片鹊碍、單身與否等)；要么會(huì)點(diǎn)擊本PO進(jìn)入詳情頁(yè)面食绿，查看本PO下面的評(píng)論及已報(bào)名的其他用戶數(shù)量來(lái)權(quán)衡是否要報(bào)名侈咕；更多的是兩者兼而有之。這樣一來(lái)器紧，使用詳情頁(yè)面的底欄的報(bào)名按鈕就可以了耀销，不必在寶貴的Feed頁(yè)面空間上直接顯示“報(bào)名”按鈕。
2. 可見(jiàn)不可點(diǎn)擊的圖標(biāo)
大多數(shù)用戶是有在用微博客戶端的铲汪，微博卡片式頁(yè)面可直接點(diǎn)贊的用戶習(xí)慣很可能會(huì)延續(xù)到本App上面熊尉。除開(kāi)第四個(gè)圖標(biāo)，新用戶可能不知道這是報(bào)名人數(shù)掌腰，紅框中的3個(gè)圖標(biāo)都會(huì)讓人產(chǎn)生直接點(diǎn)擊并生效的沖動(dòng) 狰住，特別是第一個(gè)“贊”。然而當(dāng)用戶發(fā)現(xiàn)這些圖標(biāo)是無(wú)法點(diǎn)擊的辅斟，會(huì)一定程度上減少本PO被贊转晰、被收藏、被評(píng)論的機(jī)會(huì)士飒，這樣其實(shí)不不太利于打造一個(gè)很火爆的PO查邢。用戶很懶，此刻他們或許在想：還要點(diǎn)進(jìn)詳情頁(yè)面才能贊酵幕、收藏扰藕、評(píng)論，那索性直接滑過(guò)算了芳撒。
3. 已閱本PO用戶頭像的顯示
以例2中的圖片為例邓深，當(dāng)PO被其他用戶閱讀之后，會(huì)有一排閱讀過(guò)的用戶頭像笔刹。問(wèn)題在于：
這排頭像是不可點(diǎn)擊進(jìn)行交互的芥备，進(jìn)入詳情頁(yè)面之后也沒(méi)有
對(duì)普通關(guān)系的用戶來(lái)說(shuō)，誰(shuí)看了誰(shuí)的PO而沒(méi)有評(píng)論舌菜、收藏或者打賞萌壳，是無(wú)關(guān)緊要的；在較親密的朋友之間，才會(huì)產(chǎn)生一絲影響：比如“我這么好看的照片你居然不看袱瓮？”“我這么好看的照片你居然看了不評(píng)論缤骨？(不打賞？)”
-
當(dāng)本PO確實(shí)沒(méi)什么有價(jià)值的內(nèi)容尺借，導(dǎo)致本PO只在Feed頁(yè)面滑過(guò)而沒(méi)有用戶愿意點(diǎn)擊進(jìn)入詳情頁(yè)面查看的時(shí)候绊起，會(huì)導(dǎo)致下面這種情況 ：
3.png
用戶發(fā)現(xiàn)只有他本人查看本PO，會(huì)讓用戶心里有點(diǎn)尷尬 燎斩。
綜上虱歪，這一排用戶頭像是否應(yīng)該存在我覺(jué)得還有待討論。
4. PO中單張圖片顯示問(wèn)題
這里可以看到瘫里，包含單張圖片的PO的高度遠(yuǎn)大于多張圖片的PO实蔽，從實(shí)際體驗(yàn)上來(lái)說(shuō)，多張圖片的PO的高度更合適谨读，因?yàn)?strong>Feed頁(yè)面的圖片框架是無(wú)法完整顯示整張圖片的 ，本App的圖片又有眾多的自拍照坛吁，而自拍照的構(gòu)圖中劳殖，大部分臉部圖像都位于照片的上半部分 ，這樣就會(huì)導(dǎo)致如圖女生臉部顯示不全的情況出現(xiàn)拨脉。
因此哆姻，與其放一張大圖顯示不完全且模糊，不如按照多圖PO高度處理玫膀，反正都是要點(diǎn)進(jìn)去看的矛缨，節(jié)省Feed頁(yè)面的空間以便在同一屏內(nèi)顯示更多數(shù)量的PO或許更好一點(diǎn)。
5. PO文頭像下方的文字帖旨、空白區(qū)域及對(duì)稱性
頭像下方文字
“更多新人”不應(yīng)該帶有下劃線箕昭，通過(guò)下劃線來(lái)暗示用戶這是鏈接可以點(diǎn)擊的做法是早期互聯(lián)網(wǎng)Web網(wǎng)站設(shè)計(jì)時(shí)采用的做法，在App上不太適用解阅；并且“更多新人”語(yǔ)義上已經(jīng)表明了這是可以點(diǎn)擊的落竹，沒(méi)必要再加上下劃線。空白區(qū)域
這種留空白的方式的確是可以起到分割PO與PO的作用货抄，但是分割作用其實(shí)已經(jīng)由頭像這排內(nèi)容 與贊述召、收藏、評(píng)論 這一行內(nèi)容繼承了蟹地，除此之外积暖，還有灰色的分割線也起到相同的作用，所以此處留空白的做法值得商榷怪与。另外它還引出了下一個(gè)問(wèn)題：對(duì)稱性
由于上述空白區(qū)域的留出夺刑，導(dǎo)致PO文實(shí)際上并不處于整個(gè)App的正中央，而是偏右的位置，從美觀度上來(lái)說(shuō)會(huì)有影響性誉。
6. 底部工具欄高度不統(tǒng)一
如上圖窿吩，F(xiàn)eed頁(yè)面底部工具欄高度(不考慮圓形按鈕)和詳情頁(yè)面的底部工具欄高度是不統(tǒng)一，此外背景配色也不統(tǒng)一错览。
7. 頂部標(biāo)簽頁(yè)有Bug
標(biāo)簽左側(cè)的空白
當(dāng)手指在Feed頁(yè)面左右滑動(dòng)導(dǎo)致標(biāo)簽頁(yè)切換的時(shí)候纫雁，大概在切換到第四、第五項(xiàng)的時(shí)候倾哺，會(huì)出現(xiàn)上圖左側(cè)所示的Bug轧邪，參照此處同類布局的“網(wǎng)易新聞”，這個(gè)地方不應(yīng)該出現(xiàn)空白羞海。-
標(biāo)簽下方的紅色橫線
肉眼其實(shí)能看出來(lái)這條橫線并沒(méi)有采用“居中”忌愚，而是采用了“左對(duì)齊”，導(dǎo)致橫線并不是處在標(biāo)簽文字的正中却邓。實(shí)際上可以去掉這條橫線節(jié)省一點(diǎn)空間硕糊，其功能由標(biāo)簽文字本身的變色(變大)來(lái)繼承，可參照“網(wǎng)易新聞”：
8.png
感謝您花時(shí)間閱讀本文腊徙！
