您当前位置:网络公司> 建站知识> 网站建设>
网站内容页设计经验总结_泰安网络公司_企业网站建设推广_网站SEO优化_百度关键词优化排名_山东祥奕互联网络公司

网站内容页设计经验总结

本文对网站内容页设计做了六大分类,如果每个分类内容页深入下去还是有很多东西可研究的,绝不是这篇文章就能说完的。所以,谨在此做一个抛砖引玉..

18553827618 立即咨询

快速申请办理

称       呼 :
手机号码 :
备       注:
分享:

网站内容页设计经验总结

发布时间:2017-10-26 热度:

什么是用户体验?所以,整理了一份最最基础的内容页设计总结给设计新人。希望新人在做内容页设计的时候,不再毫无头绪或胡拼乱凑起内容,而是能有基础的认知。哪些元素是内容页的基石,缺少它甚至就不是内容页了。而又有哪些元素是锦上添花的东西。本文对内容页做了六大分类,如果每个分类内容页深入下去还是有很多东西可研究的,绝不是这篇文章就能说完的。所以,谨在此做一个抛砖...

  目录1.认识内容页2.内容页终端简析3.内容页分类说明(新闻、商品、活动、UGC、用户、消息)

  一.认识内容页概述:内容页,也称为详细资料页。用户最终可以在这里验证自己的选择,浏览自己找到的内容。内容页意味着整个搜寻行动的尾声。——《网站设计解构》

  组成:内容页一般由“条目简述”、“详情描述”、“社交影响模式”、“关联列表”、“操作”五个版块组成。(内容页的前台和后台形式差异较大,本文的内容页仅针对前台。)

  二.内容页终端简析内容页将从新闻、商品、活动、UGC、用户、消息六个类型,网络公司,分别在PC端和移动端举例说明。

  PC端的内容页的垂直排布顺序一般为:“条目简述”,“详情描述”,评论等“社交影响模式”。“关联列表”的排布比较灵活,一般在正文的左侧或底部。对于营销型网站,往往在左侧和底部都有关联列表。

Image title

  移动端由于其版面的限制,垂直排布顺序一般为“条目简述”、“详情描述”,“关联列表”。“社交影响模式”在设计上会更多样化一些,比如会用到底部悬浮框一直展示在页面上,方便用户随时评论点赞。同时,移动端的内容页一般显示篇幅较长,会有“一键置顶”的按钮。

Image title

  三.内容页分类说明新闻必备:标题、发布时间、发布来源、正文、图片、评论、相关推荐列表

  可选:头图、浏览量、评论量、点赞量、图片库、字号选择、推荐、分享等

  补充:1.新闻内容的浏览者用户较广,针对一些政商类的新闻,其用户群年龄层偏大,这时,添加一个“字号选择”选项会极大增加对这类用户的良好体验感。2.移动端的“详情描述”在前两屏一般会显示不完全。这时,如果能考虑到用户流量和因用户不想阅读灯跳出等问题,可以添加“全文阅读”按钮。1.能让用户对是否看完全文有所选择,不浪费用户流量。2.进入页面的速度更快,不需要等内容全部加载完。3.在两屏的位置就有“相关推荐"的内容,可以减少用户跳出率。

  举例:百度新闻

PC端

PC端

  

移动端

移动端

  商品必备:商品图片、商品名称、商品价格、配置选项、商品详情、商品评价、相关推荐、购买入口可选:促销信息、销售量、推荐转发分享、收藏

  补充:1.图片库/查看大图:电子商务网站一般会提供图片库,以便用户以多种方式查看商品。通常是缩略图的形式,并提供“查看大图”选项,网站建设,这种方式节省了屏幕空间,网络公司,又让用户看到清晰的大图。2.移动端的操作按钮会悬浮在页面底部,方面用户随时购买,收藏商品。3.商品内容页的关联项会更多,会穿插在页面的很多地方。目的是为了提高购买率。

  举例:淘宝

PC端

PC端

PC端

移动端

移动端

  活动必备:标题、活动时间、活动地点、活动发起者、活动说明、相关推荐可选:头图、活动费用、活动类型、活动人数、活动须知、活动照片、活动成员、评论、评分、推荐、转发分享

  补充:活动分为免费和付费类。付费类的活动相当于商品,所以此类活动的内容页会和商品的差不多。移动端首屏一般会是活动的条目简述,在顶部会有转发分享。

  举例:豆瓣同城

PC端

PC端

移动端

移动端

  UGC必备:标题、作者、正文、评论、推荐/分享、关注作者、相关推荐可选:浏览量、评论数、点赞量、点赞、打赏

  补充:UGC的特殊性,在社交模式里会有关注作者这一选项。同时,在知识付费的现在,打赏功能也是UGC内容不可或缺的一块。

  举例:知乎

PC端

PC端

移动端

移动端

  用户必备:用户头像、用户名称、用户简介、关注用户可选:性别、地区、认证、标签、粉丝数、留言、私信、关联用户、推荐分享

  补充:以用户为主的平台,其用户内容页的社交影响模式往往会比较丰富。


关闭窗口
上一篇:网页设计人员求职指南
下一篇:这些响应式网页测试工具确保你的设计万无一失

相关阅读

什么是CuteFTP?如何将网站内容上传(FTP)到网站空间?
什么是CuteFTP?如何将网站内容上传(FTP)到网站空间?

CuteFTP是一个常用的上传网站内容的软件,用于将网站内容上传(FTP)到网站空间。...

<strong>泰安网站建设公司与您分享网站内容布局的基本视觉表现方式:线框图</strong>
泰安网站建设公司与您分享网站内容布局的基本视觉表现方式:线框图

网站内容布局的基本视觉表现方式:线框图,使用线框图来简化你的产品设计流程....

友情链接: 泰安网络推广 泰安网络公司 山东喷泉公司 全能空间 吉塞拉大樱桃苗 大连做网站公司 北京网站制作公司 南宁网站制作 九江网站建设 北京喷泉公司 软文发稿 | 友链申请QQ:2412286760

官方微信公众号

集团总部

北京分部

上海分部