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

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

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


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

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

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

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

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

    如何解决

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

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

    2.没想好标题

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

    如何解决

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

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

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

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

    如何避免

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

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


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

    相关文章

      网友评论

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

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