fengniao.com. All rights reserved . 北京蜂鸟映像电子商务有限公司(蜂鸟网 FENGNIAO.COM)版权所有
京ICP证 150110号 京ICP备 15000193号-2
违法和未成年人不良信息举报电话: 13001052615
举报邮箱: fengniao@fengniao.com
唯美的画面,精彩的拍摄。欣赏学习,感受精彩!
--------------------------------------
项目过程
一:简易版demo
按照需求做出这个交互以后我也觉得很唐突,文字分类栏小时和icon分类栏的出现都没有一点提示,不像是两种分类栏之间的状态切换,反而像上滑到一定程度会突然出现一个新的模块。这种类型的竞品也不多,很少APP会对分类栏进行变化。于是只好和产品一起探索,一点点完善需求,寻找合适的交互方案。
二:思想碰撞与需求完善
在与产品进行了几轮头脑风暴的过程中产生了很多种想法,选取有代表性的几张放出来(前方动图高能预警):
1. 用渐变显示的动画效果替代了之前直接弹出的动效果,使得这个交互没有唐突的感觉,增加了对用户的友好度;
2. 因为觉得搜索框在分类栏转变后依然显得很独立,于是对搜索框也进行了变化的处理。这样一来头部一块更像一个整体,同时也弱化了搜索框的存在,让信息流的浏览变得更纯粹;
3. 在弱化搜索框的基础上进行了推进,在信息流上移的过程中直接取消了搜索框,目的是让用户能中心地浏览商品,也提高了商品在这个页面的曝光数量。于此同时分类栏右边的ico也加上了搜索的功能,点击之后能直接跳转到搜索&分类页面;
4. 想法和前一个方案是一样的,在上滑的过程中隐藏了搜索框。这个交互动作是:原来的分类栏和搜索框会随着用户上移的手势慢慢渐隐,同时渐显新的分类栏。这样的交互动作不显得唐突,能让用户更容易接受分类的变化。
因为一开始需求不是很明确,需求方也不是很确定自己需要的是什么样的效果,只能是打着灯笼一步步走。在这个出方案的过程中,也不断地分析同类产品和有相似交互的产品,结合自身产品的定位最终重新理清了对这个页面和交互动作的需求:1.简化头部,去掉搜索框,在原搜索框的位置加上“今日促销”的标题;2.分类栏变化的时候需要告知用户元素间的切换,让用户便于接受新的分类栏;3.分类栏样式需要特别突出,和信息流或者头部标题明显分开(这个设计方案参考了淘宝天猫等主流电商产品的做法)。
http://bs.lieju.com/shejicehua/11350438.htm
http://bb.lieju.com/shejicehua/11350439.htm
http://bh.lieju.com/shejicehua/11350440.htm
https://www.zhihu.com/question/267762585
https://bbs.feng.com/read-htm-tid-11661730.html
https://www.douban.com/group/topic/113030608/
https://www.douban.com/group/topic/113009084/
http://q523936.skxox.com/
https://wj.qq.com/s/1890452/a39d/
https://wj.qq.com/s/1890453/f1e0/
https://wj.qq.com/s/1890454/c475/
http://www.dm67.com/dm67.php?dm=1068360
http://www.dm67.com/dm67.php?dm=1068311
http://www.dm67.com/dm67.php?dm=1068312
http://bbs.pinggu.org/thread-6246470-1-1.html
http://bbs.pinggu.org/thread-6246474-1-1.html
http://bbs.xiaomi.cn/t-14479504
http://bbs.xiaomi.cn/t-14479507
http://fans.tcl.com/item/242741-1.html
http://fans.tcl.com/item/242742-1.html
http://www.zcool.com.cn/team/14163
http://www.zcool.com.cn/team/14163/profile
http://www.zcool.com.cn/team/14164
http://www.zcool.com.cn/team/14164/profile
http://www.zcool.com.cn/team/14165
http://www.zcool.com.cn/team/14165/profile
http://www.xbaixing.com/xiangxi/shejicehua/16070x.shtml
http://www.xbaixing.com/xiangxi/shejicehua/16069x.shtml
http://www.xbaixing.com/xiangxi/shejicehua/16071x.shtml
http://www.hhk365.com/info/s4733072.html
http://www.hhk365.com/info/s4733084.html
https://tieba.baidu.com/p/5565623952
https://tieba.baidu.com/p/5565625488
http://yangjiang.liebiao.com/shejicehua/446212618.html
http://blog.fang.com/102553113/19568252/articledetail.htm
http://blog.fang.com/102553113/19568239/articledetail.htm
http://blog.fang.com/102553113/19568234/articledetail.htm
http://www.17tui.cc/thread-2589628-1-1.html
http://www.im286.net/thread-19320474-1.html
http://www.im286.net/thread-19320476-1.html
http://www.im286.net/thread-19320480-1.html
https://www.duitang.com/blog/?id=892558225
https://www.duitang.com/blog/?id=892558286
https://www.duitang.com/blog/?id=892558337
https://huaban.com/pins/1527996488/
https://huaban.com/pins/1527996576/
https://huaban.com/pins/1527996651/
http://blog.sina.com.cn/s/blog_1669e05960102x8l9.html
http://blog.sina.com.cn/s/blog_1669e05960102x8l8.html
http://blog.sina.com.cn/s/blog_1669e05960102x8l7.html
http://www.okjd.net/quote/show.php?itemid=12660
http://www.okjd.net/quote/show.php?itemid=12661
http://www.okjd.net/quote/show.php?itemid=12662
http://www.jianshu.com/p/45d678824e65
http://www.jianshu.com/p/5f8e299b6d18
http://www.jianshu.com/p/a5856aa55032
http://www.fang.com/ask/ask_31127728.html
http://www.fang.com/ask/ask_31127729.html
http://www.fang.com/ask/ask_31127730.html
http://group.jd.com/thread/20000455/26099319/20001381.htm
http://group.jd.com/thread/20000455/26099284/20001381.htm
http://bbs.szhome.com/80-130060-detail-176130943.html
http://bbs.szhome.com/80-130060-detail-176130945.html
http://bbs.szhome.com/80-130060-detail-176130948.html
http://dp.pconline.com.cn/46762214/
http://dp.pconline.com.cn/46762214/myprofile.html
http://itbbs.pconline.com.cn/soft/53916134.html
http://itbbs.pconline.com.cn/soft/53916140.html
http://itbbs.pconline.com.cn/soft/53916142.html
http://107cine.com/stream/98927/
http://www.19lou.com/board-48291519491976577-thread-49221519492265080-1.html
http://www.19lou.com/board-49161519491270576-thread-56511519547751870-1.html
http://www.19lou.com/board-49161519491270576-thread-56521519547794682-1.html
http://www.19lou.com/board-49161519491270576-thread-56541519547838947-1.html
https://zhidao.baidu.com/question/2272162381777789588.html
https://zhidao.baidu.com/question/525126490851355285.html
http://bbs.fengniao.com/forum/10386977_p89051449.html
http://bbs.fengniao.com/forum/10386977_4.html
http://bbs.fengniao.com/forum/10384047_p89051451.html
http://bbs.fengniao.com/forum/10384047_2.html
http://bbs.fengniao.com/forum/10386413_p89051452.html
http://bbs.fengniao.com/forum/10386413_3.html
http://bbs.fengniao.com/forum/10384277_p89051457.html
http://bbs.fengniao.com/forum/10384277_3.html
http://bbs.fengniao.com/forum/10384869_p89051458.html
http://bbs.fengniao.com/forum/10384869_4.html
http://bbs.fengniao.com/forum/10248742_p89051459.html
http://bbs.fengniao.com/forum/10248742_3.html
http://bbs.fengniao.com/forum/10384185_p89051460.html
http://bbs.fengniao.com/forum/10384185_3.html
http://bbs.fengniao.com/forum/10385667_p89051461.html
http://bbs.fengniao.com/forum/10385667_3.html
http://bbs.fengniao.com/forum/10382131_p89051462.html
http://bbs.fengniao.com/forum/10382131_3.html
请输入正确的手机号码
请输入正确的验证码
发送验证码