H5手机网站设计注意事项

 行业新闻     |      2021-02-04 10:18

  最近一直在做一个app的h5版,结合其间遇到的各种问题,踩的各种坑,做出了一些总结,希望咱们今后能够顺畅越过这些坑。

  一、功用的选择和取舍

  首先,在做h5版的时分,你一定要理解自己想要什么,想要到达什么要的作用。结合自己的时刻本钱和人力本钱,决议你应该保存什么功用,去掉什么功用。假如你觉得必需都得有,不好意思,出门左拐,你不是我的目标用户。

  再者,因为h5页面在手机中翻开会存在诸多兼容性和稳定性问题,所以保证产品的流通和轻便就显得更加重要。因而,必需想理解保存哪些内容,去掉哪些内容。然后既保证用户的运用作用,又能到达引流作用。

  至于怎样选择功用,能够根据自身产品的定位,结合kano模型,对你的功用进行分类,看哪些功用是满意必备型需求,哪些是满意希望型需求,而哪些是满意振奋型需求。即使是h5版,满意振奋型需求的功用还是需求优先考虑的,这个是你产品的中心点,是你的产品价值的表现。
        

  二、缓存优化的问题。

  这个算事一个易用性bug,之前的第一版因为没有考虑到这个问题,结果页面翻开作用不是很抱负。后来参阅了一下现在市面上的h5,借鉴了以下的加载缓存优化战略:

  点击某一个内容的时分,内容进行加载,给出加载进度条,保证下级页面翻开的时分能够页面完整。图片可所以体系默许图。

  改写和导航切换的时分给出加载作用(类似于微博的改写作用)。

  这样做的长处主要有以下两点:

  满意用户关于进程的感知。假如没有给出改写加载动画,直接给出结果,用户会感到手足无措。

  加载过的页面不致于呈现大面积的参差等状况,给用户留下不好的体会。

  三、触控反应的问题

  触控反应是让用户感知到产品依然是活的最好的方式。这个在许多细节上都是需求表现的,例如在列表页点击的时分需求有点击作用,按钮需求有三种状况等。当然,这个是需求时刻本钱的。按照kano模型,这个就应该属所以希望型需求。在时刻和人力陈本不允许的状况下能够恰当抛弃。

  四、避免回来的坑

  这里主要有两个问题:首先是在详情页触发登录操作的时分,假如采用原路回来的机制,则无法到达咱们想要的回来到上一层级的作用。

  再者便是app共享出去的内容,用手机端翻开,这个时分假如你点击回来的话,才用原路回来方式则翻开的是浏览器主页,而咱们想要的是能够回来上一级,让用户能在这个h5上多逗留一会。当然,这个是有许多战略的,详细的能够参阅第五条。

  五、共享出去的页面h5翻开后怎样更好的引流

  关于共享出去的页面主要重视的点是头部和尾部,中间肯定是内容。页面的头部现在来看主要有以下几种方式。

  1、纯内容页共享

  类似于网易新闻和懂球帝,共享出去的内容仅仅是文章的正文,顺便下载app的进口。

  优势:简练而统一

  缺陷:用户无法了解产品

  2、加上大局导航

  类似于人人都说产品经理共享出去的作用,加上一个大局导航。这样更加便于用户去了解产品。

  优势:便于用户了解产品,添加用户逗留时刻

  缺陷:较为杂乱

  3、能够顺畅回来上级页面的详情页

  类似于腾讯手游宝,共享出去的页面和用户在原生上看到的作用是一致的,并且,点击回来,也和在原生种一样能够回来上一层级。

  长处:便于用户理解

  缺陷:开发难度增大

  4、加上统一的渠道头部,能够点击进入渠道主页

  类似于贴吧和知乎(当然,两者在战略上也有所不同),将共享出去的页面统一加上具有渠道属性的头部。点击后能够快速进入渠道主页。

  长处:相同便于用户理解,并且能够将用户带入到渠道主页,添加内容的曝光量

  缺陷:无法筛选用户,特别是涉及到不同分组的用户。将其带入到渠道主页或许并不能引起这类用户爱好。

  5、隐藏头部

  类似于爱好部落,将原生的二级导航去掉,其它的点击作用和原生一致。

  长处:满意用户原先的操作习惯

  缺陷:用户很难理解,实用性不强

  6、原页面,回来为原路径回来

  类似于微博在浏览器中的作用,点击回来后进入浏览器主页。

  长处:简单

  缺陷:无法讲用户引导到渠道上,没能更好的发挥h5的效能。

  关于页面结尾,大致有以下几种方式

  在文章尾部添加相关内容。(这个或许是热门话题,也或许是主页推荐,每个渠道想要展现的不一样,但实质都是将更多的内容曝光出来,然后添加用户的逗留时刻。)

  没有任何修正,和原生中展现作用一致。

  添加下载或者翻开app的操作。

       以上就是H5手机网站设计注意事项,希望能帮助到有需要做H5设计的朋友们。