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