发表于: 2019-02-26 19:56:22

1 497


今天完成的事情:
1.调研还是有问题,原型还是没画出来,我到底在做什么,重新进行调研
把轮播图的设计形式作为重点,将小细节舍弃,今天磕磕绊绊重写了一遍调研
明天计划的事情:
画原型

遇到的问题:

今天内容很少,实在是中午才开始重新弄,理解还花了很多时间,希望以后别划水了

收获:
应用类型
设计方式
适用场景
优点
缺点
案例
视频类
1.位于页头下方,横向全屏,点击图片进入详情2.切换方式:右侧文本列表切换
上新&热门视频
1.banner图图片较大,内容展示简单直观2.文本列表同时起到解释说明和进行切换的作用
1.一张图片只显示一个相关内容,文本数量有限,无法显示太多
爱奇艺 优酷
1.位于页头下方,横向3/4,多张图片组合,点击进入相应页面  2.切换方式:指示器+箭头按钮
1.使用多张图片组合可以使页面展示更多的内容.同时,图片的主次优先级可以通过位置和大小体现
1.主要推荐内容不够鲜明
百度视频
电商类
1.页头搜索框下,横向全屏,内设相关推荐入口  2.切换方式:指示器+箭头按钮
活动&会场&推荐商品
1.充分利用空间及内容之间的关联性
天猫
1.页头搜索框下,横向1/2以内,点击图片进入详情   2.双轮播图,大轮播图一图一个,展示主要内容,小轮播图一图多个,展示次要内容   3.切换方式:指示器+箭头按钮
1.可以展示较多内容,主次分明
1.图片尺寸太小,内容略显杂乱,用户关注度低
淘宝
新闻类
1.页头左下方,横向1/2,点击图片进入详情   2.切换方式:指示器+箭头按钮
热点新闻
1.给文字内容节省空间
1.图片尺寸太小,视觉效果差
搜狐/百度新闻
阅读类
1. 页头下方,横向1/2,点击进入详情    2.切换方式:文本标签
小说推荐
1.文本列表同时起到解释说明和进行切换的作用
1.适用范围低
起点中文
直播类
1.页头下方,横向3/4,点击进入直播间   2.自动播放视频,点击右侧图片进行切换
直播
1.自动播放视频,突出了此类网站特色
1.无法自动轮播,只能点击切换
斗鱼tv  熊猫tv


返回列表 返回列表
评论

    分享到