易成科技

Worktile 6.0 | 其实UI真(假)的没加多少班


始于颜值

你的生活无非是吃饭睡觉恋爱工作,而工作这件事儿就占据了整个人生中四分一的时间,它充满了挑战和未知,并且不总让你愉快。Worktile 团队一直肩负着“让所有人更好工作”的使命,我们总是渴望通过不懈的努力改善这些不太愉悦的细节,随着Worktile Web 6.0上线,我们尝试从一个新的角度改变——颜值,让工作变得更轻松。

产品会影响用户的情绪,而视觉则是一马当先,哪怕一个小小的配色都会让用户有不同的感受。所以如何让视觉去传递Worktile的产品情绪,去温暖用户,成为了最核心的问题。团队的UI设计师在茶不思饭不想还冷落对象状态下,完成了这些改版的任务,不仅仅是视觉上的重构,还将重心放在了对交互逻辑的全面优化以及对用户心理及体验的全面提升上。

凡是设计都有主观因素存在,尤其是对美的感悟和理解。纯粹的事物总能让人感动,而美的定义也有很多:比如雾霾过后白云朵朵的蓝天、倾盆大雨后的静谧的星空,三里屯清凉美丽的姑娘等等。除了纯粹的美,还有纯粹的热爱,这份热爱可以是对生活,也可以是对工作。如何在视觉中去传递对工作的热爱,也是Web 6.0视觉设计中要做的尝试。最后一点是精致,许多优秀的产品都将优雅精致做到了极致,诸如:Airbnb、Google,每次使用都被细腻的交互和精美的视觉所触动,美好的事物总值得学习和传承。在工作场景中,用户对好用好看产品的渴求并未减少一分。Web 6.0就是要满足这样的需求。始于颜值,方可陷于才华。

未命名_meitu_0.jpg


【图为设计师摄影作品】

陷于才华

Worktile的功能全面且强大,任务、消息、日程、销售、审批、OKR、公告、简报、目标、门户等等因有尽有。到底应该以什么样的视觉表现形式,才能支撑这么复杂庞大的功能体系,让每一个步骤都逻辑清晰,每一处交互都恰如其分,每一次协作都畅快淋漓,以至于没有沉重压抑感,这是我们在设计6.0前思考的重点。结合Worktile一直以来在功能设计中秉承的理念,易用、轻量、友好、高效、简洁,这五个词脱颖而出,成为指导我们6.0改版的设计原则。

Worktile想塑造做事认真专注,沟通顺畅默契,氛围轻松积极的工作环境。所以在构思6.0的改版时,我们摒弃了以往的协同工具传达出的一成不变、中规中矩的刻板印象,用高明度的配色和流畅的交互,来传达6.0的设计理念,让工作感受不再刻板无趣不再充满压力,协作更加愉快高效。

6.0 设计五原则.jpeg

忠于品质

设计过程中,每个阶段我们都会尽心评审,讲述我们的设计理念、思考及表现,团队的智慧相互碰撞融合才有了大家看到的Web 6.0。

当你打开Web6.0,最直观的感受莫过于配色变得干净明亮,情感变得明快轻松,交互变得流畅自然。6.0的界面在浏览上变得无痕、简洁、流畅,操作的部分稍加隐藏,需要的时候才适时出现。突出主要内容的显示,信息传达才更加高效。

6.0 任务看板.jpg

同时,Web 6.0的美绝不停留于表面,当你继续深入使用,将会发现越来越多十分“细腻”的交互设计,比如完成任务时打钩的动效,评论时的展开收起,点赞时的反馈形式等等。之所以投入巨大的时间精力去打磨这些细节,只是希望用户在使用过程中,无时无刻不被一种“舒心”的感觉所包围。交互的提升对工作效率的影响也是微妙的。表现在细节里,融入到习惯中,体现于效率上。

6.0 任务详情.jpg
6.0 任务详情-2.jpg

Worktile 6.0 是一次大胆的尝试和突破,她不是一个恬静温婉的少女,在与你温柔相待岁月静好;也不是一个一本正经、正襟危坐的长辈在对你谆谆教导;更不是小清新或者性冷淡;她就像一个朝气蓬勃、阳光明媚的姑娘,陪你一路披荆斩棘、无微不至,支撑你一路前行。

6.0 日历显示.jpg


从Worktile发布至今,我们一直在完善功能和优化体验,视觉设计的优先级一直排在第二位。然而,Web 6.0的上线将会彻底终结这种情况,Worktile想从功能上去解决工作难度的问题,想从视觉上改善办公氛围的问题。也许这些视觉的优化并不能让工作的心情像旅行和购物一样,但作为工作入口,我们希望你每一天舒适的心情,都是从Worktile开始的。
所有的一切,都是源自我们最初和最朴素的期望——让工作更简单。

智齿客服