移动端用户体验差?这几个细节你注意了吗?

天美租号

话说上个礼拜,老板突然找到我,说咱得搞搞移动端,现在大家都用手机上网,咱不能落后。我一听,这又是个新挑战,那就开始干!

先摸清情况

我先去瞅瞅现在移动端都是啥样的,发现大家伙都喜欢那种页面打开嗖嗖快的,东西看起来清清爽爽的,重点内容一眼就能瞅见。然后我就琢磨,咱也得照着这个路子来。

移动端用户体验差?这几个细节你注意了吗?

开始动手

  • 是搭架子:我先把整个页面的结构给弄出来,哪些地方放心里得有个数。
  • 然后是填内容:把那些文字、图片啥的都给塞进去。这一步,我尽量让重要的东西显眼点,不重要的就往后稍稍。
  • 接着是调样式:我选个看着舒服的颜色搭配,字体也选不伤眼的。那些小图标,我也都一个个给弄得精致点。

移动端用户体验差?这几个细节你注意了吗?

重点来,速度!

东西弄好看,还得快!这年头,谁愿意等个半天?

我就开始琢磨咋让页面打开更快。图片太大?压缩!没用的东西?删掉!我还加个加载动画,这样等的时候,大家也不会觉得无聊。

用户体验很重要

我自己用着顺手,还得让大家都觉得好用才行。

我特意注意:

移动端用户体验差?这几个细节你注意了吗?

  • 键盘: 有些输入框,我让键盘自动弹出来,这样大家就不用多点一下,省事!
  • 加载动画: 页面打开的时候,转个小圈圈,告诉大家“我在加载,别急”。

搞定收工!

经过一番折腾,我终于把移动端给弄出来。现在页面打开快多,看起来也顺眼多,我自己用着是挺满意的。希望大家伙也喜欢!

移动端用户体验差?这几个细节你注意了吗?

这回的实践分享就到这里,希望能帮到大家!

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
验证码
评论列表 (暂无评论,54人围观)

还没有评论,来说两句吧...