移動(dòng)端的挑戰(zhàn)###
pc有使用場景的一些特性，比如坐在電腦前環(huán)境相對穩(wěn)定，會(huì)有比較充裕的時(shí)間完成某個(gè)任務(wù)，加上pc屏幕大篷牌，呈現(xiàn)的信息多且復(fù)雜，使得我們在web上瀏覽信息時(shí)傾向遵循一定的規(guī)律踏幻，在這個(gè)規(guī)律下我們能在一段連續(xù)的時(shí)間里最大化地獲取到自己需要的信息枷颊。
這個(gè)規(guī)律取決于自己的閱讀習(xí)慣，一般是頁面中間向四周擴(kuò)散该面，從上到下夭苗，從左到右的視線流。
移動(dòng)端完全不一樣了：屏幕小隔缀，場景多樣题造，時(shí)間碎片化。單屏信息有限猾瘸，在web上同樣一個(gè)頁面的內(nèi)容在移動(dòng)端需要滑動(dòng)很多次界赔，瀏覽信息的操作成本增加了；使用環(huán)境不穩(wěn)定牵触，也會(huì)造成時(shí)間上的易中斷淮悼，閱讀信息的穩(wěn)定性下降了。
結(jié)論是：小屏幕使每一頁面單位信息更少揽思，碎片化使閱讀的單位時(shí)間更少袜腥，滑動(dòng)使獲取信息的成本更高，這些都要求著移動(dòng)端的信息傳達(dá)效率要更高绰更。
web的信息是怎么做的###
現(xiàn)在可以思考這個(gè)問題了：web端的閱讀規(guī)律放在移動(dòng)端適用嗎瞧挤？可以用，但信息傳達(dá)的效率依舊和web相當(dāng)儡湾。
試想一下特恬，在小屏幕上每向下滑動(dòng)閱讀信息時(shí)，視線焦點(diǎn)總要去覆蓋全部角落徐钠，兼顧到“旁邊”的有效信息癌刽，這個(gè)閱讀效率是緩慢的，越向下越覺得體驗(yàn)不好。
要解決這個(gè)問題显拜，從根源上開始挖掘：
誰需要更高的信息傳達(dá)效率衡奥？目標(biāo)用戶。
用戶需要什么信息远荠？對他有價(jià)值的信息矮固。
web端是怎么給用戶這些信息的？下圖為例譬淳。
以評價(jià)列表頁為例档址，單看某一塊信息：第一行是用戶id，總體評星邻梆，評價(jià)時(shí)間這些基礎(chǔ)信息守伸，起了總領(lǐng)作用，評價(jià)時(shí)間相對次要浦妄，放在了最右側(cè)尼摹；第二行插入了推薦菜，這個(gè)信息是可有可無的附加信息剂娄；第三行是用戶評價(jià)的內(nèi)容蠢涝，是主要信息。
信息的布局邏輯清晰宜咒，瀏覽時(shí)大腦能對信息進(jìn)行歸類惠赫，總的來講，在符合大多數(shù)人閱讀習(xí)慣的基礎(chǔ)上故黑，web做好了信息邏輯，剩下的交給用戶去瀏覽和消化庭砍。
革新在哪里###
移動(dòng)端的信息傳達(dá)效率要更高场晶，首先從做減法開始。
web上的信息需要整合怠缸，比如上圖中的“總體評價(jià)”诗轻、“好評”字段都是有重復(fù)意義的；整合后的信息也不都是用戶需求的信息揭北，這一點(diǎn)很關(guān)鍵扳炬。用戶瀏覽評論是要得到他人對商家的反饋梯刚，像用戶id虽填、評論時(shí)間這些信息并不是用戶最關(guān)心的，但也不能沒有幽纷，沒有的話缺少可信度疚俱。既然信息都要有劝术，那跟web端的信息設(shè)計(jì)起來又有什么區(qū)別呢？
下圖是移動(dòng)端的評價(jià)頁：
用戶會(huì)搜尋到自己想要的信息，那些沒有價(jià)值的信息养晋，在瀏覽到下個(gè)信息單元時(shí)大腦就會(huì)自動(dòng)屏蔽衬吆。
這個(gè)特點(diǎn)在移動(dòng)端尤其顯著。比如上圖中的評價(jià)時(shí)間绳泉，如果這條信息對我沒有價(jià)值逊抡，我知道它在右上角后，看到下一條評價(jià)時(shí)就不會(huì)再去看右上角了零酪。用戶是具有學(xué)習(xí)能力的冒嫡，并且目的明確，會(huì)過濾掉不需要的信息蛾娶。
上圖的效果還不夠明顯灯谣，在圖中加上一條信息可能效果更強(qiáng)。外賣的送達(dá)時(shí)間現(xiàn)在是用戶比較關(guān)心的一個(gè)點(diǎn)蛔琅，在上圖的基礎(chǔ)上加上送達(dá)時(shí)間這個(gè)字段胎许，再來看下：
連著閱讀：
總結(jié)：與web端設(shè)計(jì)的最大不同就是考慮到移動(dòng)端瀏覽信息時(shí)縱深的特點(diǎn)，充分利用用戶的可學(xué)習(xí)性和大腦的信息過濾罗售，將有限區(qū)域里不能再簡化的信息通過這一方式傳達(dá)給用戶辜窑，從而提高信息傳達(dá)效率。
還有信息的過渡###
到現(xiàn)在為止寨躁，我做的信息設(shè)計(jì)讓用戶更快速地獲取有效的信息穆碎，更自然地屏蔽無效的信息。不過這還只是針對一個(gè)單元信息职恳，當(dāng)用戶瀏覽連續(xù)的單元信息時(shí)所禀，我還需要做好它們之間的過渡。
簡單的定位是信息過渡最好的方式放钦。
有人說像外賣評價(jià)的星評色徘，影評的用戶頭像，對我而言意義不大：別人打幾星不會(huì)影響我做決策操禀，看別人的頭像又沒有什么意義褂策，往往這些理由是“可以增加真實(shí)度”，“有總比沒有好”...而我認(rèn)為還有個(gè)非常重要的理由是：星評或頭像是很容易辨認(rèn)的環(huán)境地標(biāo)颓屑，通過它們定位到下一個(gè)信息單元斤寂，從而順利完成信息的過渡。
不止信息設(shè)計(jì)###
把果實(shí)放進(jìn)信息流
上圖就是運(yùn)用了信息過濾和信息過渡揪惦，把產(chǎn)品層面的需求巧妙地融進(jìn)用戶的信息流中遍搞。
一般類似的信息列表，考慮到大屏幕丹擎，贊啊評論啊都放在右側(cè)尾抑，處在手指自由觸達(dá)的區(qū)域歇父，而上圖卻相反，讓贊和評論放在了左側(cè)再愈，這樣一來榜苫，兩者處在向下縱深的信息流中，于是翎冲，這兩個(gè)信息得到了很高的傳達(dá)效率垂睬，一定程度上活躍了UGC內(nèi)容。
可能有人會(huì)覺得操作放在信息流中會(huì)不會(huì)干擾抗悍，其實(shí)這取決于你是否把這個(gè)操作定義為信息驹饺，像上面這個(gè)例子它其實(shí)通過數(shù)據(jù)傳遞出了UGC的熱度，并且做的不重缴渊，用戶靠信息過渡也能定位到評論內(nèi)容赏壹，所以沒有造成干擾。
沒想到還帶來了KPI衔沼，由此可見想象空間還是很大的蝌借。
如果說web端的信息設(shè)計(jì)更多遵循的是規(guī)律，是邏輯指蚁，那么移動(dòng)端更要遵循的是大腦的認(rèn)知菩佑，是用戶的需求。
Ps.以上為個(gè)人想法凝化，歡迎一起交流討論～
