Hahow好學(xué)校：微信交互高級(jí)排版
此前，品牌公眾號(hào)的圖文大多以一圖流為主，一圖流就是將所有內(nèi)容制作成長(zhǎng)圖，透過(guò)平面設(shè)計(jì)的方式來(lái)美化版面，相比早年的單獨(dú)圖文方式呈現(xiàn)已有大大的提昇，在內(nèi)容上增加會(huì)動(dòng)的GIF、短視頻，得以讓品牌公眾號(hào)更賞心悅目。
近來(lái)大量品牌企業(yè)開始進(jìn)入微信SVG 高級(jí)交互領(lǐng)域，為了讓微信用戶的體驗(yàn)更好。
在這邊舉一個(gè)例子，不要被「定義」，30+的她們更懂得享受人生（點(diǎn)擊打開文章），這篇文章使用了三個(gè)技術(shù)：
1.點(diǎn)擊伸長(zhǎng)展開圖文
2.在文章內(nèi)二次點(diǎn)擊伸長(zhǎng)
3.為了視障朋友們的用戶體驗(yàn)而增加的旁白
點(diǎn)擊伸長(zhǎng)展開圖文目前已經(jīng)應(yīng)用到多個(gè)品牌，這樣做的好處是用戶可以更直觀的看到品牌想讓用戶看到的地方
在伸長(zhǎng)以后，為了讓版面更簡(jiǎn)潔，也增加用戶體驗(yàn)，所以再做了二次伸長(zhǎng)
那麼，視障朋友們，看不見(jiàn)的情況下，該如何也能獲得服務(wù)體驗(yàn)?zāi)兀?br/>
如上所述，絕大部分的品牌公眾號(hào)使用一圖流的方式來(lái)做圖文，但是考慮到視障朋友們的體驗(yàn)，iOS端是通過(guò)"旁白(VoiceOver)"，安卓端是通過(guò)TalkBack的方式，讓視障朋友以聽(tīng)的方式來(lái)了解手機(jī)中的信息，但是這兩種功能都無(wú)法閱讀圖片，所以在一圖流的情況下是沒(méi)辦法"聽(tīng)"的。
我們可以參考蘋果公眾號(hào)的作法，會(huì)獨(dú)立再編輯文本，放在"看不見(jiàn)"的地方，讓視障朋友依然可以在一圖流的排版下"聽(tīng)見(jiàn)"而得到服務(wù)。
可以看下視頻可以更容易理解。
為視障用戶體驗(yàn)升級(jí)付出努力的人們致敬！
項(xiàng)目信息
評(píng)論
評(píng)論
推薦評(píng)論
暫無(wú)評(píng)論哦，快來(lái)評(píng)論一下吧！
全部評(píng)論（0條）