跟阿里巴巴对接钉钉界面的一些UI经验分享

用户头像
深圳/UI设计师/10年前/3500浏览
跟阿里巴巴对接钉钉界面的一些UI经验分享
用户头像
skave

因为需要在钉钉上上线CRM系统,跑去杭州阿里钉钉那边呆了整整一个星期。对UI又有了更多的认识。来分享分享。


因为需要在钉钉上上线CRM系统,跑去杭州阿里钉钉那边呆了整整一个星期。对UI又有了更多的认识。来分享分享。


穿着我性感妖娆的小花衣就过去了。整套UI美术和交互基本都我负责。所以压力有点大。。


这就是当时做的UI界面。后面会分享出来部分。




------------------------漂亮的风格线-----------------------------------------



好了。主题开始了。那么UI到底是什么呢?

所有懂的人都知道是交互,那么到底什么是交互呢?

我个人感觉就一句话:上到70岁老头,下到10岁小孩,能看懂,能用的,就是好的交互!

具体是什么呢?

我来详细说说。




  1. 直观

    很多设计师也在做UI,但是我个人觉得大部分人还是在做设计。真的不是UI交互,美观是一回事,但是直观不等于美观。直观需要对产品了解,对市场了解,很多设计师会说,这不是产品经理和策划干的事么?对不起,产品经理就是用来撕B的。。。

    我首先说下什么是直观。

    比如在农村,你挂一个横幅上面写着:“今天猪肉五折”


    82f056fa5f3e32f875a9447a6146.jpg

    远远比做一张漂亮的设计图来得实在

    563b56fa5fd86ac72579485f9cc0.jpg


    广告广告,广而告之,做设计的现在都追求漂亮的效果,而不是为了突出主题内容的设计,都是失败的!!好的UI交互,就应该懂得让用户看到界面的时候第一反应是这款设计的主要内容是什么,而不是买椟还珠去看你设计有多屌!!

    这也是为什么现在扁平化流行的原因。一眼就能知道是什么!


  2. 感官+拒绝太创新

    感官不同直观,直观是第一眼看过去就能知道是什么,而感官是根据自己感觉去走,发现是对的。

    而人类的发展一直是在创新中走过

    你问我为什么提倡反创新,这不是反人类么?其实你可能错误理解我的意思了

    人的习惯都是慢慢养成的。到现在为止很多的移动端操作习惯都固定下来。如果你不是做了非常多年的UI交互设计,建议还是去看看别的UI交互是怎么做的。直接抄也别去考虑创新

    创新的代价非常大,而本来用户习惯某项操作的,你要去更改,其实你有没有考虑过是你在反人类?你也试图去想用习惯就好了。但是没办法,我们做UI最不要的就是让用户习惯我们,而是我们去了解用户习惯

    比如大部分移动列表应用右往左滑动时可以删除,(你可以看看QQ和微信操作就知道了),而你却想双击删除,然后弹出一个删除提示,这种UI交互就是很不好的体验。。。


  3. 简单

    就像当年各种水晶机械效果回归到扁平化,简单的不仅仅是界面,而是内容,这也是所有做UI设计师必须考虑的事,不要跟我提产品不一样。内容肯定不一样。我指的内容。不仅仅是图片。还有文字!

    有人会问,效果图不才是UI考虑的事么,还关文字什么事?文字不是策划和老板才去想的么?

    对不起,文字内容真的也是UI交互的一部分。

    我再举个栗子~~


    f93d56fa635732f875a944741db9.jpg


    哪怕你是最前沿,最高端,最牛B的技术开发出来的软件,也最好就让用户1,2句话内懂你是什么东西。

    比如我们这次产品

    3次文字方案分别是:

    1:因需求而变,极度自由,能快速解决各种流程的问题,不仅方便,而且高效,管理员可以轻松在后台配置各种项目

    2:喝杯水的时间就能解决流程问题啦

    3:一键启用流程,可读可写,均可在后台快速配置


    第一的问题在于内容过多,对于这种时代来说。基本没有人愿意去读一段很长的问题。第二虽然内容简单亲切,但是没有具体说明具体功能和作用。都是有问题的


  4. 交互细节

    如我下图所示,这应该是每个UI交互师应该做好的事情,就是比如滑动后的效果是怎么样?如果提交的信息内容有问题应该以什么形式展现出来,其实交互设计师干的最多的应该就是这种事,而不是出了几个效果图就完事了。。

    交互设计师做到的包涵效果图在内。整个产品的流程,每个流程会出现的提示框,页面,甚至到每个按钮是否应该有几种状态,比如按钮正常是什么样式,按钮禁用又是什么样式。甚至还需要考虑到比如一个用户或者企业名称过长的时候,是应该隐藏还是以其他方式展现,又甚至是每个文本限制最大字数是多少。。。


    c65656fa65f832f875a9448d23a3.jpg

22
Report
|
9
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in