江苏龙网

  1. 首页 > 资讯 > 科技 > >

|微信和钉钉截图工具比较分析( 二 )


这个细节设计很精妙 。 看回上面左图钉钉的截图工具栏 ， 分隔符和返回键都是一个色调 ， 这个颜色细节没有微信工具那么细腻 ， 这个分隔符还容易引起用户困惑——这个是什么功能？此外分隔设计的意义却不太明确 ， 这个是按照什么方式区分两个区块呢？
此外 ， 如果截图较大的时候 ， 如下图左 ， 钉钉的工具栏会跑到另外一个屏幕（我用的双屏） 。 而下图右 ， 微信的工具栏会紧跟在截图上面 。 这个设计上 ， 微信设计会更好 ， 这让用户能马上找到工具栏 ， 不用去屏幕中寻觅 。
|微信和钉钉截图工具比较分析
本文插图

fig.4 截图框过大时
从工具栏设计上看 ， 虽然有基本功能 ， 但钉钉的设计细节上 ， 能感觉出没有微信的设计那么细腻 。
03 工具栏的使用——二级窗口细节
点开工具栏 ， 从二级窗口的细节 ， 可以体会到两家基因的不同 。 下图一样是左边是钉钉 ， 右边是微信 。
|微信和钉钉截图工具比较分析
本文插图

fig.5 工具栏的二级窗口
对比两个二级窗口可以直观感觉到 ， 钉钉是和原来工具栏形成一体化 ， 然后把白色标志变蓝来表示二级窗口是归属于这个功能 。 对比右边的微信 ， 采用类似对话框的形式来表示二级窗口的归属 ， 设计感更强一些 ， 且二级窗口并不会和原来工具栏一样 ， 让人有更明显区分 。 要说钉钉在这里比微信好的地方 ， 应该就是钉钉的图标大一些 ， 点错的概率更加低一点 ， 特别是用小屏幕电脑的时候 。
内容选择上 ， 主要就分为三级尺寸和颜色两个维度 。 钉钉会在两个维度之间加一个分割线 ， 而微信则没有 ， 因为圆和方两种不一样的意符已经可以区分两种不一样的功能 。 在颜色的选择上 ， 钉钉是三原色+橙灰黑 ， 同时最后加了调色板；而微信是用了上面几个颜色 ， 但是微信使用的颜色并不会那么纯 ， 从而不会让用户感觉比较柔 。 最大的区别 ， 就是微信后面 ， 并没有增加那块调色板 。
工具栏中 ， 其他几个内容操作选项都和第一个差不多 ， 不过值得一提的是文字选项 。 如下图 ， 左边钉钉的 ， 文字不仅有字体 ， 还有大小 ， 加粗 ， 倾斜和下划线 ， 颜色上直接让你随便选 ， 而右边的微信 ， 依旧和其他的工具保持一样的功能 。 但我在实际使用过程中 ， 钉钉这个文字体验感很不爽 ， 最主要是这个自体大小 ， 对于用户很多没概念究竟是多大 ， 只能一个个去试 ， 往往浪费比较多时间 。 而其他那些加粗 ， 斜体等等 ， 现实中在截图这个场景 ， 真的会有很多用到的么？
|微信和钉钉截图工具比较分析
本文插图

fig.6 工具栏文字选项二级窗口
在这里 ， 其实能比较深刻感受到钉钉和微信基因上的不同 。 钉钉的设计风格上 ， 是提供一个工具 ， 这个工具什么功能都有 ， 用户你随便选 ， 随便用 。 而微信作为腾讯系 ， 还是维持着一贯的用户体验风格 ， 让人视觉上感觉设计很舒适 ， 同时也遵循着的less is more的设计原则 ， 我只给你这么多选项 ， 而我觉得 ， 这些选项对你已经足够了 。
从用户体验的角度讲 ， 直接给用户提供少量选择 ， 甚至不选择 ， 直接告诉他用这个就行 ， 对于用户体验来讲会更好 。 因为过多的选择 ， 反而会引起用户的混乱 。
04 截图内容修改
在修改内容过程中 ， 微信截图有个最大的亮点 ， 就是如下图 ， 每个添加的内容的图层是不一样的 ， 因此每个图层都可以重复修改尺寸或者位置 。 但是钉钉截图是不可以的 ， 和win的画图软件一样 ， 一旦画完就定死了 ， 万一画错 ， 只能整个截图重新来 。


推荐阅读


上一篇：|华硕上架 Redolbook 14 锐龙版笔记本：R5 4500U，3299 元

下一篇：互联网乱侃秀|换上高通基带，还降价，4G版iPhone12应该比5G版更抢手