专栏名称: 微交互
分享交互经验,提升产品用户体验。帮助您打造优秀产品。细节设计成就卓越产品。
目录
相关文章推荐
字体设计  ·  一张很个性化的海报设计 ·  3 天前  
庞门正道  ·  5k月薪和5W月薪,哪个更累? ·  3 天前  
庞门正道  ·  太梦幻了,全都是草~ ·  3 天前  
庞门正道  ·  你这乱涂乱画.....就不能画在我本子上吗? ·  5 天前  
庞门正道  ·  捡点垃圾,捡成了艺术家。 ·  5 天前  
51好读  ›  专栏  ›  微交互

NAVER 2017新版PC设计中有哪些值得学习的地方?

微交互  · 公众号  · 设计  · 2017-02-19 11:56

正文


NAVER是韩国最大的国民搜索引擎,也是一家基于设计为核心的互联网公司(类似还有google)。在世界五大搜索引擎中排名第5(仅次于google、雅虎、百度、bing);除了搜索外还提供其他服务和产品,例如翻译、购物、LINE等;随着用户需求和环境的变化,NAVER的产品和服务也在不断的变化,那么在多产品线交叉的情况下NAVER是如何把控用户体验的呢?


就在去年的10月,NAVER对自身的PC用户进行问卷调查,收获了很多不同的意见,具称效果显著。紧接着根据这些用户反馈,NAVER设计团队已经着手开始了NAVER PC新版的设计探索。NAVER设计团队表示“我们会尽量在不影响现有产品使用舒适性上,逐步改善。”


下面是Naver设计团队刚公布的首个Naver PC新版画面,提前预览一下吧~

NAVER 2017新版预告


以下是我选取的部分改版细节对比:)

1.整体视觉感受

旧版:

新版:

KK观点:虽然形态变了,但气质依旧傲娇。在新版中有意削弱了部分模块的色彩,对搜索区域与内容区域进行了区分,运用留白的控制让层次更分明;并且重新优化了各模块的TITLE,一致性更强。从整体感受来看,更加干净利索了。


2.头部部分

KK观点:NAVER的品牌色一致以草绿色为主,包括搜索框和LOGO都在用,在这次新版发现品牌色似乎饱和度调高了(从视频上看未必准,真实未知),显得更加活泼;顶部小灰条与导航栏的底纹在新版中都被干掉了,并且把整个头部打通。


3.天气控件

KK观点:从繁到简,去除了多余的无关信息,强调当前天气情况,天气图标的处理从以往拟物形态,变得更扁平化。整个模块上看慢慢的留白感。



4.新闻控件

KK观点:在两者对比中最明显改善的地方就是媒体展示的处理了,新版中去除了旧版的拟物报纸ICON(其实我一直都觉得这个体验很奇怪),改成只展现媒体LOGO,并且一屏上的多承载了一行媒体;title也重新了,与其他模块保持一致。


总结:NAVER是我除了GOOGLE外,在产品体验上做得很努力的互联网公司,产品和服务越来越成熟,用户体验设计更是精益求精;也许是得益于以设计为驱动核心的原因。总的说从设计方法和设计流程上都值得学习。


以上是个人观点,因为官方提供的视频中只展现了部分页面设计且像素低,更多改版细节效果建议期待正式版发布。


·End·


微交互 ∣细节设计成就卓越产品



长按,识别二维码,加关注


推荐文章
字体设计  ·  一张很个性化的海报设计
3 天前
庞门正道  ·  5k月薪和5W月薪,哪个更累?
3 天前
庞门正道  ·  太梦幻了,全都是草~
3 天前
庞门正道  ·  捡点垃圾,捡成了艺术家。
5 天前
学生时代  ·  男生的秘密,女生勿进
7 年前
会读书的人  ·  你的孩子知道如何拒绝别人吗?
7 年前