移動端交互,這些問題你遺漏了嗎?
相比web端而言,移動端的交互設(shè)計需要考慮的事情會多很多。從設(shè)備屬性到網(wǎng)絡(luò)情況再到定位功能等等;稍有不慎,留給開發(fā)哥哥們的就是一個個的大坑。后期跟進項目的時候自己也會忙的焦頭爛額;所以十月在這給大家分享一個自己根據(jù)平時工作經(jīng)驗總結(jié)的注意列表;親手打造純干貨啊,兄弟姐妹們;滿滿的誠意有某有?
這里面的有些問題羅列的也并不全;有些問題也是靠事后回憶自己總結(jié)的;樓主也會繼續(xù)完善這個列表,以方便日后工作起來做到相關(guān)功能審查一下有沒有遺漏~大家也可以試試建立自己的專屬列表,可以提升工作效率哦~
最后呢,樓主說一下做移動端和做web端的感受;以前由于是做在線教育所以很多工作都是在web端上完成的(像大篇幅的課程內(nèi)容錄入)。其中相比較最直觀的感受呢,就是web 端的交互會有一個hover狀態(tài),當(dāng)你認為某個icon語意不清的時候可以充分利用這個狀態(tài)并且輔助以tip提示;問題就可以解決了;但是移動端是沒有這個狀態(tài)的;所以相比而言移動端的信息呈現(xiàn)需要更直接明了一些;
另外,web端的用戶路徑需要更加明確;移動端沒有面包屑導(dǎo)航也沒有網(wǎng)站地圖;所有的路徑都是靠取消或者返回;因此路徑層級要淺;
還有,很多安卓設(shè)備需要好好地考慮頁面的返回鍵和物理返回鍵的關(guān)系;當(dāng)頁面發(fā)生刷新的時候,你要確定是否物理返回鍵能夠返回至用戶想要回去的頁面;? ?最后,移動端的交互稿交付的時候不要忘記告訴開發(fā)哪些頁面需要H5頁面,哪些頁面不需要;尤其是當(dāng)你的頁面可以分享的時候;沒有H5頁面可是一個很傷的事情哦~當(dāng)然現(xiàn)在很多公司頁面會直接用H5做,這樣更好~~
作者簡介:我叫十月(微信號yaweiniuniu),高級交互設(shè)計師。3年互聯(lián)網(wǎng)產(chǎn)品設(shè)計經(jīng)驗,在央企做過用研、網(wǎng)易做過交互創(chuàng)業(yè)公司做過產(chǎn)品;但最喜歡的方向還是用戶體驗和交互;熟悉在線教育,旅游等方向;工業(yè)設(shè)計出身,因此對智能硬件方向非常感興趣~~歡迎大家一起交流~~
本文由 @十月 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
這誠意我給100分!感謝作者?。?!太有幫助了!讀著讀著就有“我C,這塊我沒想到”的感嘆 ?
誠意滿,110分,感謝分享
很好的自我檢查表,我也有一套,但是寫了之后發(fā)現(xiàn)就不需要用了。心中有就夠了,而且樓主考慮得很細節(jié),也只有懂前端的產(chǎn)品才會及時反映到:hover:link:visited:active的細節(jié)了