三类页面,两个目的,说说网页设计那些事儿

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

nadffadh

用户访问一个网站的原因

为什么要设计一个网站?首先要明确这个问题,才能做出目标明确的网站产品。简单来说,就是“你卖的是什么?”。用户访问一个网站一般有3个原因:

  1. 我在找某个东西呢
  2. 我在完成某项任务
  3. 好无聊,随便逛逛吧

明确你要提供什么给用户,之后的产品设计工作才能进行得顺畅一些。

这里我们搭建的是一个视频网站:设计一个视频网站,可能有很多的目的,用户既可以在视频网站上找某样东西,也可以在完成某一项任务。但遗憾的是,大部分人(80%甚至以上)纯属随便看看。网页产品设计的核心目的,就是将大部分“随便看看”的用户,变为“在网站上寻找东西”、“在网站上完成任务”的用户。

一个页面必须做的两件事

将用户访问一个网站的原因解释清楚后,接下来就深入到页面的事件设计中去了。每个网页都有它的事件体系,网页所涉及的事件多种多样,但是归根结底,事情只有两件:

  1. 帮助你完成某个的任务
  2. 让你轻松进入下一步

虽然,事情有两件,但其中只有一件事情是最主要的。“帮助你完成某个任务”代表你必须停留在当前页面,而“让你轻松进入下一步”则表示你试图引导用户离开。这两件事是互斥事件,在一个页面中不可能都做得很好。所以,请明晰当前页面的主要事件,精心地设计你的任务。

三类页面

Web上网页千千万万,但是总结起来,可以归纳为3类页面:

  1. 导航页面:把你带到另一个地方
  2. 消费页面:你可以看文章、视频、照片等内容的页面
  3. 交互页面:你可以在这里输入、拖动、滚动、编辑、删除等动作

典型的导航页面:电商网站导购页、门户网站

典型导航页面

典型的消费页面:视频播放页面、新闻网站

典型消费页面

典型的交互页面:注册/登录页面、购物付款页面

典型交互页面

当然了,三个页面不是完全孤立的,一个页面可以复杂到包含三种页面,但请记住:无论你认为一个页面有多少事情,其中有一件事情是最主要的。

页面设计风格

互联网发展到今天,网站设计的风格已经变化了很多,目前主流网站的设计风格大致包含4点:

  1. 首屏大图
  2. 简易配色
  3. 幽灵按钮
  4. 大字

总结起来,一个网站的首页可以尽可能简单,将主要元素突出,次要元素通过导航引导用户访问。

运营设计分享PPTa2

运营设计分享PPTa4

运营设计分享PPTa5

#专栏作家#

Glen,微信公众号:JiGlen,人人都是产品经理专栏作家。爱看书、喜欢码字、愿意走出去看世界。产品路上刚起步的新人,不喜欢严肃、高冷的氛围,喜欢在幽默中完成任务,力图成为史上最幽默产品经理,欢迎交流。

本文原创发布于人人都是产品经理,未经许可,不得转载。

您的赞赏,是对我创作的最大鼓励。

评论( 3

登录后参与评论
  1. 大图,简单配色,大字……………………直击心窝!

    回复
  2. 只为一句话:无论你认为一个页面有多少事情,其中有一件事情是最主要的。

    回复
    1. 回复

      :roll:

加载中