产品/UI 设计

Don’t Get Clever with Login Forms

当代登录表单的设计别做得太奇葩了,得考虑到 1password 这种密码管理软件的存在。现在每个人都有几十上百个账号,密码管理软件的使用是大势所趋。

Navigation Should Be Boring

用户界面的设计可以有各种创新,但导航的部分最好不要创新,这样用户不用额外学习就能探索你的app/网站了。

移动网站设计的暗黑模式

总结了各种移动网站UI设计上的暗黑模式,引诱用户做某些特定的操作、提高转化率。普通用户可以学习如何甄别现实中的暗黑模式;PM们、产品设计师们可以学习如何在自家产品中引入这些暗黑模式:)

A brief history of calendar design

为什么月历的 UI 是长这样的?7列 x 5行。说来话长。

Fogg Behavior Model

如何改变一个人的行为?三要素:Motivation(电话来了,看了号码,不想接),Ability(电话来了,在洗澡,接不了电话),Prompt(电话响了,通知你电话来了)。

做产品:Motivation(用户痛点、marketing洗脑),Ability(让产品变得好用、减少各种繁琐的步骤),Prompt(发邮件通知、消息推送)。

为何所有网站都长得差不多

有意义的问题:90年代互联网刚兴起,网站长得丑,那是因为技术限制(html、css、js);现在这些web技术都那么成熟了,怎么网站设计那么千篇一律?

How Etsy Localizes Addresses

又是一个不错的全栈工程师面试题的素材:)贵公司的网站在200多个国家地区都有用户,设计一个表单来收集用户的地址。需要考虑哪些问题?

The end of navel gazing

以前有地心说,地球是宇宙中心,其他星球都围绕地球转。人在工作中也以自我为中心,设计师觉得自己工作是全公司最重要的,其他人都得围绕自己设计的东西办事。各岗位的人都有类似的想法。在一个现代化的公司里,什么才是中心?

Stop building websites with infinite scroll

先简单回顾了滚动条的发展史。Infinite scroll 不好:1,找不到 footer;2,用户想对操作拥有更多控制权;3,如果没有实时的海量的内容,最好别用 infinite scroll。

How to Build a Case for a Product Redesign

Crashlytics 设计师描述了她重新设计 Crashlytics UI 的流程。他们被 Google 收购后,界面当然要长得像 Firebase 全家桶了。

The Intent/Ease Framework for Conversion Optimization

优化转化率就两招:优化 intent(用户的动机,如成为注册用户、付费用户),或者优化 ease(减少步骤、变得好用)。网站首页一般是高intent、低ease;SEO进来的页面一般是低intent。

app 们都长得差不多,这或许是好事

设计师与其花时间去把 UI 弄得花花绿绿的,不如就用标准化一点的简洁的 UI,把精力花在易用性、突出内容。“Branding Isn’t Just How It Looks, but How It Works”

重新设计 Chrome 的 omnibox

Google 的设计师分享了她在重新设计 Chrome 的 omnibox(地址栏+搜索框)背后的思考。这是看似简单、实际很复杂的工作,多平台 + 各种排列组合 edge case,复杂度极高。

Chrome 有 20 亿用户。一个好的设计如果能为每个人每天节省一秒钟时间,那真是功德无量。

The 10 Commandments of Good Products

好产品的十个属性,适用于实体与数字产品。感觉这里描述的“好”产品只适用于西方的精英阶层。中国比较火的app多是UI花花绿绿、功能则是五十合一大礼包。

Checkbox vs Toggle Switch

什么时候用 checkbox(多选、多个选项比较相关、选完一堆东西后需要点“确认”按钮),什么时候用 toggle switch(单选、多个选项不相关、选一个算一个不用额外点“确定”按钮)。

重新设计 Siri + iOS

这是概念设计,并不是真的 Apple 产品;但看起来很不错。现在的 Siri 一打开就是全屏,不好用;这个概念设计提议让 Siri 成为一个小挂件,可搭配其他 app 使用,成为真正的助手。

如果懒得读文字,打开原文看那些动图就行。

The UX Design Checklist

一个给设计师用的简单 checklist,在把设计好的东西交给工程师去实现以前要过一遍这个清单。

远程 app 设计

这是一个在德国的设计工作室,他们为 Digg 创始人 Kevin Rose 的 app 做了新的设计。他们与客户在不同时区,整个设计耗时一个月,全部是远程的。本文记录了这种远程为客户设计 app 的基本流程。

文中提到的远程协作的设计的工具 Figma 不错。我前不久跟一个设计师朋友远程协作,他就推荐用了 Figma,导入 Sketch,双方在浏览器里实时拖拽、注释。越来越觉得将来的趋势是:极小团队,远程协作,启动资金极小,可持续发展(这些工具都不贵)。

Dropbox 如何 rebranding

2017年10月Dropbox的rebranding在设计师社区掀起一片恶评:一直被奉为行业模范的简洁设计被取代了,新设计引入非常多颜色组合,甚至259种字体!

不仅是设计师界恶评如潮,用户的反感立刻反应在多个关键metrics下降。Dropbox重新调整,最近推出的再版设计总算回归了原始简洁的主旋律。

设计一个更好的社交媒体

讨论了如何重新设计 Facebook 的 newsfeed,让言论更加文明、更理性、能有更多样化的观点、让用户不会沉迷。但是,如果言论文明了、用户不吵架了,就不活跃了,华尔街那边就不好交代了。

 

让用户成瘾的设计 vs. 培养忠诚受众的设计

成瘾的设计是可以通过工程实现的,比如推送提醒、下拉刷新、无限下拉滚动、自动播放等等。设计的关键就是:让人想用,且让人能用,且推着人去用,最好还是不自觉就用上了。

但让用户成瘾不是长久之计,会在某天就被“戒掉”了,所以培养忠诚的受众才是根本。要培养忠诚的受众,要先了解用户需求,然后以优质的体验(如固定适宜的时间)向用户传递有价值的信息。

让 Mac 笑起来的女人

Susan Kare就是Mac字体和图标的设计师,而之前屏幕上只有单一无聊的字符串。她从一名雕塑艺术家意外转行,耳熟能详的作品还不少:Windows上的纸牌游戏,Facebook的Gifts图标等等,现在掌管着Pinterest的产品设计。

来自资深UI设计师的建议

事有轻重缓急,花里胡哨的没必要,也不要硬去颠覆那些约定俗成的设计习惯;设计要模版化,设计的一致性和高效是相辅相成的;设计没那么重要,关键是你的产品能提供什么价值;产品没上线都是空谈。

Attack Of The Micro Brands

这就是网红品牌?设计师做几个效果图、贴到 Instagram 上宣传,反响不错的就联系制造商去生产出来卖。主要还是考察营销的功力。

七个实用的网页 UI 设计小技巧

非常适合(像我这样的)非设计师使用。字体、颜色搭配、阴影、边框、图标、按钮背景色等的建议,应用起来超简单,假装是 UI 设计师:)

Scarcity in UX

开课在即的在线课程,这类时间敏感的就很适合“时间有限”的设计;断码打折的服装,这类存货稀缺的就很适合“数量有限”这招;会员独有功能,这类具有排他性优势的就用“权限有限”这招。

就像路边摊常年都在“跳楼大甩卖,倒数三天”,一周后过来看,还是“倒数三天”。

无限滚动加载:互联网的老虎机

当代 app 与网站都喜欢设计成“流”式的、无限滚动加载,有一种“刷”的快感。你不知道这次刷下去会出现什么,会有种期待;有时候会看到好玩的,有时候不会;就像玩老虎机一样,说不定下一把就发了。

No Cutting Corners on the iPhone X

从设计师的专业角度分析 iPhone X 屏幕的极具个性的圆角边框,感慨 Apple 都这么大的一个公司了,仍这么注意细节,以及还敢做出这么 opinionated 的设计。

The UX of AI

Google 的设计师阐述了 Google Clips 的设计理念。这是一个 $249 的智能摄像头,盯着你的家庭生活、自动地抓拍最美好的瞬间,比如有人出现在画面正中间的时刻。

现在我们每天拍了一堆照片与视频,太多了、以后肯定是没时间都再看一遍的;但又想挑出“美好”的回忆,只能靠 AI 了。

Design at 1x—It’s a Fact

2016年老文章一篇。历数了用 Sketch 做设计的时候选用 1x 尺寸的各种好处。主要是为了沟通方便、提高开发效率;老外的数学普遍不好,很少能在不同平台、不同屏幕大小、不同环境下口算尺寸的换算的:)