记录一些有趣的产品设计

发表于 更新于 本文字数： 1.7k 阅读时长 ≈ 2 分钟

前言

代码, 架构, 逻辑, 产品, 设计等, 不应该是枯燥乏味的, 不应该是痛苦复杂的, 而应该是有趣的, 简单的, 应该是geek的, 应该是美的.
这里记录下自己的点滴发现, 希望能走出CRUD与纷杂的业务逻辑, 逐渐提高一点审美与品味.
甚至觉得在软件产品的世界里，不应该由呆板无味的程序员主导，应该由产品经理，由用研，由UX等负责。
用户是知道什么好用，什么不好用的。知道哪些有趣，哪些无趣。
Mac字体最开始也是因为Steve Jobs在大学选修了这门课。
越来越意识到，软件的设计，需要的是克制，减少对用户的打扰，而不是一味增加与堆砌功能，影响体验，后边会附上自己识别到的bad design，引以为戒。

changelog优雅的格式

引导用户付费阅读

  • manning的docker-in-practice-second-edition, 不会强制用户点击付费才能看见付费内容, 而是用很巧妙的方法, 对内容进行模糊化
  • 可以付出不同的价格, 来解锁 代码区域->小章节->大章节->整本书

输入密码

  • 输入用户名时, 睁开眼睛

  • 输入密码时, 闭上眼睛

Github不同的页面风格

  • 可以选择不同的filter, 虽然没啥卵用, 但感觉非常geek, 很有意思

RGB颜色的中文名称

发现Mac上截图软件 iShot 会识别到截取图中鼠标当前位置的RGB值，然后给出很好的中文
中文各种颜色的翻译很有诗意, 例如:

  • 蓝色: 蔚蓝, 碧蓝, 天蓝, 鼠尾草蓝, 矢车菊蓝, 灰丁宁蓝, 土耳其蓝, 绿松石色, 灰蓝, 军服蓝, 暗岩蓝, 品蓝, 齐马蓝, 爱丽丝蓝
  • 紫色: 锦葵紫, 蓝紫, 暗蓝紫, 紫水晶色, 木槿紫, 紫丁香色, 薰衣草紫, 淡紫丁香色, 蓟紫

个人找到的能对应到的RGB名称映射: RGB颜色参考 ,遗憾的是:

  1. 只有英文, 没有对应中文的名称, 诗意很难体现出来.
  2. 英文也不是很贴切, 例如 VioletRed1(#FF3E96), VioletRed2(#EE3A8C), VioletRed3(#CD3278), VioletRed4(#8B2252), 分别对应中文的 “暖粉红”, “山茶红”, “樱桃红”, “褐色”

Emoji的灵活运用

灵活运用Emoji, 让信息更加直观友好好玩儿. Life is short, why so serious?

优秀产品分析

draw.io

  1. 好用的产品, 界面风格简洁, 审美在线, 体验良好, 入门到进阶, 学习曲线平滑.

  2. 清晰美观的文档

  • 内容完善: 目前自已遇到的几乎所有问题, 都可以在文档上找到答案. 条理清晰, 既不臃肿重复, 也不丢三落四. 永久链接很重要!
  • 内容简洁: Video Tutorials 围绕一个主题, 几乎都是1min以内, 简明扼要.
  • 审美在线: 风格很统一. 无论是字体, 还是插图.
  1. 持续更新的有用的技术博客, 而不是无用的, 宣传的, 吹嘘的, 主要分如下几类:
  • 最佳实践: 一些使用的小技巧.
  • new feature: 新功能的介绍.
  • case study: 用户案例.
  • event: 线下/线上的技术活动介绍.
  • 竞品比对: 例如与Gliffy,StarUML等.
  • 持久更新: 从2016年4月建立到2023年5月, 几乎保持每月1到2次更新. 长期做对的事情, 这份坚持令人感动. YouTuBe频道内容丰富.
  1. 合理的定价, 普通用户想支持下, 竟然找不到付费入口.
  2. 技术氛围: Las Vegas Atlassian Team ’23

    We are excited for users to get their hands on Smart Templates, and we’ll be demoing the feature at our booth next week at Atlassian Team ’23. Will you be in Las Vegas for the event? Be sure to stop by our booth, located near the Expo Hall entrance, to get a first-hand look.

总体来说, 感觉draw.io真的很克制, 围绕着核心能力, 精心了打磨功能与体验. 越深入了解, 越令我情不自禁爱上他们的产品, 爱上他们的团队, 爱上Diagramming~