网站设计 您当前的位置:首页 > 回声智库 > 网站设计 >H5官网设计要点_H5手机站设计总结

H5官网设计要点_H5手机站设计总结


发布时间:2018-04-11 10:51:17      作者:上海网站制作回声网络

  H5官网设计·不知道从什么时候开始成为了很多企业的首选。很多人可能对H网站设计不是很了解,只是听说过而已。回声网络小编今天整理了一些H5手机站设计的要点,也有一些经常遇到的坑,不是很了解这些网站设计的人员可以看看,希望对大家设计网站时候起到一定帮助作用。
  一、功能的选择和取舍
  首先,在进行H5官网设计的时候,你一定要明白自己想要什么,想要达到什么要的效果。结合自己的时间成本和人力成本,决定你应该保留什么功能,去掉什么功能。如果你觉得必需都得有,不好意思,出门左拐,你不是我的目标用户。
  再者,由于h5页面在手机中打开会存在诸多兼容性和稳定性问题,所以保证产品的流畅和轻便就显得更加重要。因此,必需想明白保留哪些内容,去掉哪些内容。从而既保证用户的使用效果,又能达到引流效果。
  至于如何选择功能,可以根据自身产品的定位,结合kano模型,对你的功能进行分类,看哪些功能是满足必备型需求,哪些是满足期望型需求,而哪些是满足兴奋型需求。即使是h5版,满足兴奋型需求的功能还是需要优先考虑的,这个是你产品的核心点,是你的产品价值的体现。
  二、缓存优化的问题
  H5官网设计,缓存的优化也是需要注意的。
  在文章尾部增加相关内容。(这个可能是热门话题,也可能是首页推荐,每个平台想要展示的不一样,但本质都是将更多的内容曝光出来,从而增加用户的停留时间。)
  没有任何修改,和原生中展示效果一致。
  增加下载或者打开app的操作。
  三、触控反馈的问题
  触控反馈是让用户感知到产品依然是活的最好的方式。这个在很多细节上都是需要体现的,例如在列表页点击的时候需要有点击效果,按钮需要有三种状态等。当然,这个是需要时间成本的。按照kano模型,这个就应该属于是期望型需求。在时间和人力陈本不允许的情况下可以适当放弃。
  四、避免返回的坑
  这里主要有两个问题:首先是在详情页触发登录操作的时候,如果采用原路返回的机制,则无法达到我们想要的返回到上一层级的效果。
  再者就是app分享出去的内容,用手机端打开,这个时候如果你点击返回的话,才用原路返回方式则打开的是浏览器首页,而我们想要的是能够返回上一级,让用户能在这个h5上多停留一会。
  四、分享出去的页面h5打开后怎么更好的引流
  关于分享出去的页面主要关注的点是头部和尾部,中间肯定是内容。页面的头部目前来看主要有以下几种形式。
  1、纯内容页分享
  类似于网易新闻和懂球帝,分享出去的内容仅仅是文章的正文,附带下载app的入口。
  优势:简洁而统一
  缺点:用户无法了解产品
  2、加上全局导航
  类似于人人都说产品经理分享出去的效果,加上一个全局导航。这样更加便于用户去了解产品。
  优势:便于用户了解产品,增加用户停留时间
  缺点:较为复杂
  3、可以顺利返回上级页面的详情页
  类似于腾讯手游宝,分享出去的页面和用户在原生上看到的效果是一致的,并且,点击返回,也和在原生种一样能够返回上一层级。
  优点:便于用户理解
  缺点:开发难度增大
  4、加上统一的平台头部,可以点击进入平台首页
  类似于贴吧和知乎(当然,两者在策略上也有所不同),将分享出去的页面统一加上具有平台属性的头部。点击后可以快速进入平台首页。
  优点:同样便于用户理解,并且可以将用户带入到平台首页,增加内容的曝光量
  缺点:无法筛选用户,特别是涉及到不同分组的用户。将其带入到平台首页可能并不能引起这类用户兴趣。
  5、隐藏头部
  类似于兴趣部落,将原生的二级导航去掉,其它的点击效果和原生一致。
  优点:满足用户原先的操作习惯
  缺点:用户很难理解,实用性不强
  6、原页面,返回为原路径返回
  类似于微博在浏览器中的效果,点击返回后进入浏览器首页。
  优点:简单
  缺点:无法讲用户引导到平台上,没能更好的发挥h5的效能。
  四、多看,多学,多尝试
  原本以为h5版的设计应该不会有什么问题,但是,在实际的设计过程中还是遇到了各种问题,还好目前市面上可以借鉴的产品较多。因此每次遇到问题的时候,都会看很多现有的h5版,学习和思考别人为什么这么做,有什么优缺点。
  H5官网设计_H5手机站设计总结,回声网络小编为大家解析了其中的4要点,H5设计的好对于企业来说帮助是比较大的,会带来一定的流量。
  更多关于H5官网设计注意事项,想要做网站,欢迎来上海回声网络科技有限公司网站进行在线咨询,当然您也可以拨打我们全国免费服务热线:400-638-6378

回声科技,网站建设 | 网络推广 多元化一站式服务!免费咨询热线:021-52835722 如需转载,请注明文章出处和来源
网址:http://www.huisheng.com 网站建设回声科技发布,否则视为侵权,谢谢合作!
关于我们

我们专注于为客户提供高端网站策划、网站建设、网站设计、品牌网络营销、小程序开发、电商平台策划开发、APP开发、软件开发、腾讯企业邮箱...

查看更多
最新案例
农药化肥公司响应式网站模板案例
礼品公司响应式网站建设案例
联系我们

地 址:上海市谈家渡路28号盛泉大厦7楼
邮 箱:info@huisheng.com

微信订阅号 个人微信号
沪公网安备 31010702001726号ICP备案12038328号-1   ©Copyright 上海回声网络科技有限公司 .All Rights Reserved. 网站地图