美文网首页
微信内的H5产品,这三个点你常常忽略

微信内的H5产品,这三个点你常常忽略

作者: 陌紫丰田 | 来源:发表于2016-12-21 20:39 被阅读91次


公司产品线大多为微信内的H5产品,作为产品新人的我在设计了几个产品之后,发现这三个点常常会被忽略,因此希望写下了,提醒自己,也帮其他产品人诫勉

1.没想好分享(分享给朋友/朋友圈)

设计为微信内打开的H5产品,大多是看重微信的易打开和易分享属性,在产品设计时,希望用户分享的页面,PM会记得专门去配置,但非主要页面的分享往往会被忽略,虽然可能不会有太多用户使用,但处女座的PM对此简直不能忍,因此需要为每一个页面想好:

是否可以分享?为什么要分享,希望达到什么目的

如果可以分享,他的缩略图、标题和描述是什么样的?

如何解决

是否分享应该是在产品规划阶段候就想好,我需不需要用户去分享这个页面,用户为什么会分享这个页面,如何设计一些元素,鼓励的用户分享这个页面等

如果是可分享页面,可以专门在原型中画出一块了,把所有可分享页面的配置list在原型中,并用指示线连接,这样就不会忘了

2.没想好标题

微信顶部状态栏的标题,也是做产品设计时常常会忽略,因为其不那么起眼,但是用户进入一个页面首先载入出来,并且可以让用户形成这个页面是什么的第一印象,因此也不能忘记

如何解决

在原型阶段,整个页面都用上微信顶部导航栏,在导航栏内就注明这个页面的标题

3.没想好【返回】按钮的作用

考虑到微信自带的顶部导航栏及返回按钮,微信内的H5产品一般会设计为线性访问,即用户的访问一般会呈树状,不会涉及切换

因为微信内头部导航栏无法隐藏,如果再设计其他导航栏的话,界面容易拥挤,因此微信内产品一般不会设计专门的导航栏,而是让用户呈一种直线型的浏览,点击一个入口进入下一个页面或者使用返回按钮返回上一个页面。在这个时候就要考虑微信的返回按钮是否能够满足需求,如果不能,需要给用户设计其他的流程

如何避免

在设计产品时,应该想好产品的层级和架构,尽量把设计为树状或者线性结构,在这个时候使用微信导航栏内的返回按钮基本能满足需求

但如果是一个较为复杂的产品,就需要设计其他的导航方式


借用一下slogan,我说的一切都是错的

相关文章

  • 微信内的H5产品,这三个点你常常忽略

    公司产品线大多为微信内的H5产品,作为产品新人的我在设计了几个产品之后,发现这三个点常常会被忽略,因此希望写下了,...

  • 微信H5授权登录

    1.情景:我们会碰到做的H5页面放到微信内部打开,用到微信h5支付或者用到微信用户的头像,昵称这些信息.这时候我们...

  • iOS解决H5微信支付跳转(&支付宝)

    前言 在iOS里,使用WKWebView加载H5页面,进行微信支付后,会跳转不回原来的App。现象就是微信内点击 ...

  • 微信右上角分享时只会复制网址的坑

    新做了个微信内用的H5系统,测试的时候我把网址丢到“文件传输助手”中,点击网址打开进行测试,其他都挺正常的,唯独点...

  • 微信公众号支付 (参数配置问题)

    微信公众号支付目前支持两种调用方式 第一种: 微信内H5调起支付 (详见:https://pay.weixin.q...

  • 微信支付JSSDK的使用

    微信内公众号支付 微信H5支付 以上均需注意:微信商户后台中必须设置好支付允许目录,否则会有报错现象。

  • H5跳转微信小程序

    这问题,很多情况,分几类: 一、微信内嵌H5跳转内部微信小程序页 1. 小程序页内 Tips: 微信页面 web...

  • 创意型微信H5有哪几种?

    微信H5通常是用来进行产品推广和品牌宣传的,这一点相信企业都毫无疑问。但是,如何通过微信H5将产品推广和品牌宣传做...

  • H5定位终极解决方案

    H5定位终极解决方案 背景 到新公司的第二个项目,就是和小伙伴们一起做一个H5的微商城,主要在微信内,但也要考虑到...

  • 微信扫码支付长链接实现异步通知前端

    微信支付分为:h5支付(微信外部浏览器,如:QQ浏览器,360等),公众号支付(微信内部),小程序支付,扫码支付(...

网友评论

      本文标题:微信内的H5产品,这三个点你常常忽略

      本文链接:https://www.haomeiwen.com/subject/hpsimttx.html