发表于： 2017-10-23 21:01:59
2 712
今天完成的事情：
今天开始任务四，先了解了一下关于轮播图的知识：
Banner 一词来代指任何投放于线上（PC端、移动端）的各种尺寸和形状的广告图，有静态和动态之分，总之现在你在网页上所看到的各种形状尺寸的图片基本都属于 Banner ，而且基本都是可点击的。
作用：吸引用户-用户点击-转换价值
构成：文案、商品图、背景、logo
作为产品，当设计banner图时，应该考虑：这个网站干什么的？用户打开我们网站最想知道什么？我们最想让用户知道什么？问完自己，再将信息优先级排序；
banner图显示的信息，应该是网站想传达给用户的信息中优先级别最高的，最能触动用户的内容，或者网站最能盈利的内容；
自动切换轮播图是好是坏？当用户没有预览完自己所看的页面，就被强行切换至下一页面，会不会让用户恼怒产生不可控感？
成功的轮播图：
1、信息传达准确——定位准确、图文一致
2、合理选用特效——不要显得很low
3、突出重点——有清晰度视觉层次，内容不要太多抓住重点
4、构图排布合理
如何设计：
1、使用统一字体和排版方式，让banner图看起来是站点一部分；
2、慎用自动切换——自动切换的轮播图可能会惹恼用户并更容易被他们忽略；让你的图片默认静止在最新或者最重要的内容上，给出可以切换的操作预期，由用户自主触发切换操作时才进行切换；
3、保证可用性，兼顾SEO
草船云banner图和分类列表story：
作为用户，我想要能在首页最显眼的地方看到关于网站最有价值的信息和活动，以便于我不错过网页重点和特色；
作为用户，我想要有左右切换的箭头，以便我能够根据自己的翻阅速度进行查看；
作为用户，我希望轮播图下面有显示数目和所在位置的圆点，以便我知道自己还有多少没有浏览以及现在浏览的是哪张；
作为用户，我希望点击下方的小圆点可以跳转到对应的轮播图，以便我快速查看相关信息；
作为用户，我希望首页的轮播图信息全面有重点，但不杂乱，以便于我有耐心看下去并且充分理解；
作为用户，我希望轮播图可以点击跳转至详情页面，方便我寻找查看；
作为用户，我希望在信息展示的地方有分类列表，便于我清晰的看出网站提供的功能和结构构架；
作为用户，我希望点击列表内的模块，可以跳转至相应内容，便于我细致的了解；
选择了十个网站调研轮播图模块，ppt放在成果展示里；
明天计划的事情：
进行十个app的轮播图调研
测试第九肌肉安卓端
遇到的问题：
之前想要了解的东西太杂了，可能在调研的时候做了很多无用功，从现在开始从用户体验五要素从大到小分析，多问自己为什么
收获：
了解了banner图，大体知道网站banner图应该怎么设计了
返回列表
评论