当前位置: 首页 > 设计资讯 > 设计教程 > 正文

发现每一个声音的价值

2018-08-10 928 0

43bd5696090c32f87574bed04a94.jpg


 

d354569609b032f87574be738bdf.jpg
 

网站产品客户声音收集通道分散,不易聚集。Pd难以收集优质客户需求,ued无法获得一手用户声音。客户没有统一的提建议的概念及更加有效的反馈机制,1688需要更加完整的建议系统。

前台用户:面对1688网站全体用户


用户性别/年龄分析:以30岁上下的男性为主


 

d8a1569609c332f87574beaff6c4.jpg
 


1 色彩制定


首先来平台提建议的用户往往是在使用网站时遇到问题或不满,可能是带有情绪的,这个建议平台在颜色的运用方面就希望能起到一些安抚作用,绿色往往给 人视觉感受通常是心情平静、舒适、健康、希望,也有优化产品的含义,对于30岁左右的主要用户而言,这个颜色也比较能表现活力、明快的视觉感受。同时又不 希望给人过冷的感觉,所以和一些黄色搭配设计,页面的底色并非简单的浅灰,而是饱和度较低的米黄色。


 

原生关键词收集:


 

99a0569609f532f87574be8c1b2b.jpg


 

51ab56960a086ac725af23f566af.jpg


 

2 质感设定


质感上希望有一些纸张/卡片的感觉,因为是提建议的平台,可以给用户更多的代入感。另外就是简洁、干净,这样主要信息才能更好的展示。
 


 


 

3 版式风格

为了便于用户更好专注建议文字内容,所以弱化页面中的分割线,同时对于版块与版块也用不同底色进行区分,简洁明了。因为建议平台中有大量用户建议展示,所以特别注重文字行于行之间的距离,避免排布过于紧密,用户在浏览时会产生疲劳感。


 

f10956960aa132f87574bea5eaca.jpg

ac1456960abe32f87574be8f2e7a.jpg


 

d94f56960ad16ac725af2324a732.jpg
 


 

6e8456960ade32f87574bedc648d.jpg


 

1 色彩方面


考虑到前后台的呼应,所有颜色上仍然想保持一些关联性。这是视觉方面的定位希望体现简洁、清爽和后台感。采用了饱和度比较低的灰蓝、灰色和绿色进行搭配使用,而强调色采用红色进行凸显。


 

2 质感与版式


这里也参考了国内外一些竞品,偏后台工具类的页面。可以看到基本上都是扁平化风格,弱化线条,整体用色方面饱和度较低,大的版块用底色进行区分,当前状态、行动点及重要内容用比较醒目的颜色进行突出。文字上面基本采用不同深度的灰色进行区分,突出不同重要级及页面的前后层次感。为了增加简洁、轻松的视觉感受,多处采用了圆角的运用,包括用户头像,搜索框,tab等。
 


 

b0bc56960b046ac725af23423ed4.jpg


 


 

1 头部为什么有那些图形? 源于最初人们对“回声”的印象:那些来自山谷的回声。所以把“山谷”的形象用几何三角形抽象出来,这样作为修饰图案运用于背景,这样既可以使头部不显得那么单调,又对产品主题有一定映射联系。


 

3f3456960b426ac725af23c4aa01.jpg


 

2 不同产品对应不同背景图片 每个产品对应不同的背景图片,当用户关注了多个产品,在不同产品之间进行切换时,对应的产品页面背景图也随之变化,背景图片与产品线特点相关,起到一些诠释作用,同时让用户更好地感受到类目切换的感觉。
 


 

46d356960b6e6ac725af2334bf40.jpg


 

3 报错页面 11 报错页面为什么用了二娃,不说你也知道吧……


 

c35d56960b9a6ac725af2333b392.jpg


 

回声项目现在仍在进行中,也欢迎大家给予关注,给我们一些更好的建议和意见,谢谢!

 


 

24
评论区(0)
正在加载评论...
相关推荐