Hahow好学校：微信交互高级排版
此前，品牌公众号的图文大多以一图流为主，一图流就是将所有内容制作成长图，透过平面设计的方式来美化版面，相比早年的单独图文方式呈现已有大大的提昇，在内容上增加会动的GIF、短视频，得以让品牌公众号更赏心悦目。
近来大量品牌企业开始进入微信SVG 高级交互领域，为了让微信用户的体验更好。
在这边举一个例子，不要被「定义」，30+的她们更懂得享受人生（点击打开文章），这篇文章使用了三个技术：
1.点击伸长展开图文
2.在文章内二次点击伸长
3.为了视障朋友们的用户体验而增加的旁白
点击伸长展开图文目前已经应用到多个品牌，这样做的好处是用户可以更直观的看到品牌想让用户看到的地方
在伸长以后，为了让版面更简洁，也增加用户体验，所以再做了二次伸长
那麽，视障朋友们，看不见的情况下，该如何也能获得服务体验呢？
如上所述，绝大部分的品牌公众号使用一图流的方式来做图文，但是考虑到视障朋友们的体验，iOS端是通过"旁白(VoiceOver)"，安卓端是通过TalkBack的方式，让视障朋友以听的方式来了解手机中的信息，但是这两种功能都无法阅读图片，所以在一图流的情况下是没办法"听"的。
我们可以参考苹果公众号的作法，会独立再编辑文本，放在"看不见"的地方，让视障朋友依然可以在一图流的排版下"听见"而得到服务。
可以看下视频可以更容易理解。
为视障用户体验升级付出努力的人们致敬！
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）