移动端交互,这些问题你遗漏了吗?
相比web端而言,移动端的交互设计需要考虑的事情会多很多。从设备属性到网络情况再到定位功能等等;稍有不慎,留给开发哥哥们的就是一个个的大坑。后期跟进项目的时候自己也会忙的焦头烂额;所以十月在这给大家分享一个自己根据平时工作经验总结的注意列表;亲手打造纯干货啊,兄弟姐妹们;满满的诚意有某有?
这里面的有些问题罗列的也并不全;有些问题也是靠事后回忆自己总结的;楼主也会继续完善这个列表,以方便日后工作起来做到相关功能审查一下有没有遗漏~大家也可以试试建立自己的专属列表,可以提升工作效率哦~
最后呢,楼主说一下做移动端和做web端的感受;以前由于是做在线教育所以很多工作都是在web端上完成的(像大篇幅的课程内容录入)。其中相比较最直观的感受呢,就是web 端的交互会有一个hover状态,当你认为某个icon语意不清的时候可以充分利用这个状态并且辅助以tip提示;问题就可以解决了;但是移动端是没有这个状态的;所以相比而言移动端的信息呈现需要更直接明了一些;
另外,web端的用户路径需要更加明确;移动端没有面包屑导航也没有网站地图;所有的路径都是靠取消或者返回;因此路径层级要浅;
还有,很多安卓设备需要好好地考虑页面的返回键和物理返回键的关系;当页面发生刷新的时候,你要确定是否物理返回键能够返回至用户想要回去的页面; 最后,移动端的交互稿交付的时候不要忘记告诉开发哪些页面需要H5页面,哪些页面不需要;尤其是当你的页面可以分享的时候;没有H5页面可是一个很伤的事情哦~当然现在很多公司页面会直接用H5做,这样更好~~
作者简介:我叫十月(微信号yaweiniuniu),高级交互设计师。3年互联网产品设计经验,在央企做过用研、网易做过交互创业公司做过产品;但最喜欢的方向还是用户体验和交互;熟悉在线教育,旅游等方向;工业设计出身,因此对智能硬件方向非常感兴趣~~欢迎大家一起交流~~
本文由 @十月 原创发布于人人都是产品经理。未经许可,禁止转载。
这诚意我给100分!感谢作者!!!太有帮助了!读着读着就有“我C,这块我没想到”的感叹 ➡
诚意满,110分,感谢分享
很好的自我检查表,我也有一套,但是写了之后发现就不需要用了。心中有就够了,而且楼主考虑得很细节,也只有懂前端的产品才会及时反映到:hover:link:visited:active的细节了