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