Widgets of 2021

01 Jan 2021

一个免费的在线音乐学习网站，课程风格有点像khan,喜欢

https://www.daveconservatoire.org/

reddit 上一篇关于其他专业转行做编程相关工作的分享帖

https://www.reddit.com/r/learnprogramming/comments/kyzg5i/anyone_got_a_coding_job_with_education_outside_of/?%24deep_link=true&correlation_id=ff03ca59-21a4-471d-8da9-a3aadd719bd4&ref=email_digest&ref_campaign=email_digest&ref_source=email&%243p=e_as&%24original_url=https%3A%2F%2Fwww.reddit.com%2Fr%2Flearnprogramming%2Fcomments%2Fkyzg5i%2Fanyone_got_a_coding_job_with_education_outside_of%2F%3F%24deep_link%3Dtrue%26correlation_id%3Dff03ca59-21a4-471d-8da9-a3aadd719bd4%26ref%3Demail_digest%26ref_campaign%3Demail_digest%26ref_source%3Demail&_branch_match_id=644723348472590890

一个可以清除你所有在线账号资料的服务

https://www.deseat.me/

Clean up your online presence

Grow with google 提供关于职业生涯，商业以及其他免费资源

https://grow.google/

保罗格雷厄姆的博客

http://www.paulgraham.com/articles.html

从Google在Coursera上开设的UX Design 课程大纲中发现的UX设计的工具和资源

https://www.figma.com/
https://www.designsystems.com/

敏捷开发工具Scrum的网站

https://www.scrum.org/

两个kanban 敏捷开发工具，john mez推荐

Trello 由 Altassian 开发功能较多，UI精致
- https://trello.com/
Kanbanflow 另一个敏捷开发工具，整合了番茄钟pomodoro timer。界面相对简单。
- https://kanbanflow.com/

Coursera 上的敏捷开发课程相关的资源汇总

The Project Management Institute is the leading association for those in project, program, or portfolio management professions. Their website provides guides, industry standards, articles, templates, job boards, certifications, and more to help support professionals in these careers.
- https://www.pmi.org/
The Scrum Guide defines Scrum, a technique used in Agile project management. This guide describes Scrum’s roles, events, artifacts, and the rules that bind them together.
- https://www.scrumguides.org/index.html
You can also find hundreds of free resources to learn more about Scrum at Scrum.org Resources.
- https://www.scrum.org/resources

Lean principles

The five principles include: 1) defining value, 2) mapping the value stream, 3) creating flow, 4) using a pull system, and 5) pursuing perfection.

https://en.wikipedia.org/wiki/Lean_thinking

高德的api接口

https://lbs.amap.com/

Google Agile 课程中提到的写作工具

Schedule and management tools
- Microsoft Project(好像有点旧，近几年更新较少)
  - https://zh.wikipedia.org/wiki/Microsoft_Project
- Jira by Atlassian
  - https://www.atlassian.com/software/jira
- Trello
  - https://trello.com/
- Asana
  - https://asana.com/
additional tools for documentation, collaboration, and productivity(documentation or word processing tool)
- Google docs, Excel, Google sheets
  - capture Backlogs and Backlog item information or any number of other pieces of information for your project
- Google slides, ppt
  - tools to create presentations
- other tools
  - tools for collaboration and communication
  - The types of collaboration you’ll experience on a Scrum Team are video conferencing, team and one-on-one online chats, and e-mails

欧陆词典的开放 API

从2016年使用欧陆词典至今，感觉很顺手，今天发现官网有开放API可供使用。

http://www.eudic.net/v4/home/AI

Github上一个资源汇总仓库

包含语言，库，框架等各种内容，每个话题会单独导向另一个仓库，其下又有更细分的内容

https://github.com/sindresorhus/awesome

比如这是关于 ‘ruby’ 的

https://github.com/markets/awesome-ruby

这是关于 nodeJS 的

https://github.com/sindresorhus/awesome-nodejs#readme

从github topics里可以找到很多有趣的话题，每个话题中包含相关的资源链接供拓展阅读

刷新页面会随机显示3个新的话题

https://github.com/topics

比如web components

https://github.com/topics/webcomponents

Continuous Integretion

https://github.com/topics/continuous-integration

Automatically build and test your code as you push it upstream, preventing bugs from being deployed to production. A complementary practice to CI is that before submitting work, each programmer must do a complete build and run (and pass) all unit tests. Integration tests are usually run automatically on a CI server when it detects a new commit.

从 gitawards 中可以找到以各种方式划分的start数最高的github仓库

可以按话题分比如javascript, 可以按地区和国家分等等。可以作为一个寻找优秀资源的工具。

http://git-awards.com/

github中搜索功能的syntax说明

https://docs.github.com/en/github/searching-for-information-on-github/getting-started-with-searching-on-github/understanding-the-search-syntax

一个很好的讲数据库知识的网站

第一篇阅读的是： 5 ways to host PostgreSQL databases

https://www.prisma.io/dataguide/postgresql/5-ways-to-host-postgresql#managed-services

https://www.prisma.io/dataguide/

一个很好演讲”I see something”

职业演讲者，演讲简短，有力，有节奏，最重要的是幽默

https://www.youtube.com/watch?v=bbz2boNSeL0

尼古拉斯·卢曼的卡片笔记写作法

正在阅读这本书，介绍卢曼的卡片笔记写作法如何帮助思考和写作。书中提到这种卡片法与hyperlink 和 wikipedia 有相似之处但有微妙的区别. Youtube 上找到一个不错的简介视频

https://en.wikipedia.org/wiki/Niklas_Luhmann

https://www.youtube.com/watch?v=rOSZOCoqOo8

还有一个叫roam search的工具，暂不确认是否是书中提到的软件

https://roamresearch.com/

User journey map

从谷歌UX课程中学到的一个很有意思的工具，然后发现一个很好的解释短视频

https://vimeo.com/78554759

Niesen Norman Group 一个用户界面咨询公司。其中有一些有用的文章

https://en.wikipedia.org/wiki/Nielsen_Norman_Group https://www.nngroup.com/

10个可用性的启发式，有点像设计的认知原理

https://media.nngroup.com/media/articles/attachments/Heuristic_Summary1_A4_compressed.pdf

比如：

Interfaces should not contain information which is irrelevant. Every extra unit of information in an interface competes with the relevant units of information.

一篇讲sitemap重要性的文章

文章很短，但让我意识到了很多后端的决策实际是衍生自前期面对用户的设计阶段的

https://medium.com/tenrocket/web-and-mobile-app-sitemap-643b60b0343e

《设计心理学》作者唐纳德·A·诺曼的网址

看了《设计心理学1》的第三章然后浏览了一下序言和目录，发现是一本搁置了很久的好书。作者出生学院但在苹果等世界顶级公司有常年的实战。

书中提到了解产品不能只了解技术和设计，了解商业运作才是关键。

https://jnd.org/

关于名人的 daily routines

发现一个新网站，Balance the grind. 其中有一个版块搜集了很多名人的daily routines, 比如斯科特亚当斯，埃隆马斯克等

https://www.balancethegrind.com.au/daily-routines/

A cool website to generate interesting fake images

https://robohash.org/

可以用来作为placeholder images

Maze， Figma 推荐的原型测试工具

https://maze.co/

https://help.figma.com/hc/en-us/articles/360041246514-Test-your-Figma-prototypes-with-Maze

Use Maze to:

Run usability testing on Figma prototypes
Create missions for users to complete
A/B test designs to compare performance
Get quantitative data like success rates, misclick rates, and duration.
Review heatmaps for each screen in your prototype
Ask follow-up questions with scales or open-ended questions
Find the best user flow for your designs
Run in-person tests using a single device

谷歌 grow with google 做的关于如何利用谷歌获取更多客户的演示文稿

分步骤讲的很细，从如何建立网站到如何做SEO到如何利用google的各种工具做推广等

https://docs.google.com/presentation/d/1C_0ewNWYEEfa6waLq8gmVadsLdQFdRpr4-kRSCSbrrU/edit?usp=sharing&resourcekey=0-FdczA3qFioNpTPk5esmHaw

一篇讲UX中如何选择色彩的入门文章

从色彩对UX的影响到如何选择等各个话题

https://careerfoundry.com/en/blog/ui-design/introduction-to-color-theory-and-color-palettes/

Google material design 写的UI中色彩运用的现代手法

https://material.io/design/color/applying-color-to-ui.html#sheets-and-surfaces

还有一篇讲如何创建色彩主题

https://material.io/design/color/the-color-system.html#color-theme-creation

Coolor 一个色彩生成器web app

按空格键就可以浏览不同组合

https://coolors.co/cffcff-aaefdf-9ee37d-63c132-358600

提供的对比度检测工具

可以用于衡量色彩对比度是否对对比度低敏人群友好

https://webaim.org/resources/contrastchecker/

google material design 的 resources 板块中有很多好用的资源

比如figma的一些文件，材料，以及icon和色彩工具，还有一些设计中常用的声效文件

https://material.io/resources

其他关于icon的资源

包括fontawesome, google font 中的 icon集, apple human interface guidelines

https://help.figma.com/hc/en-us/articles/360040449513-Add-icons-to-text-layers-with-icon-fonts
https://developer.apple.com/design/human-interface-guidelines/
https://fonts.google.com/icons?selected=Material+Icons

一篇关于设计中usability的简文

很简洁的介绍了2个大点

Basic Elements of Visual Design
Principles for Creating a Visual Design

外加一个简单案例

Example of Pulling it all together

https://www.usability.gov/what-and-why/visual-design.html

Google 推荐的两个免费图片资源网站

unsplash 和 blush

https://unsplash.com/
https://blush.design/

关于button设计的两篇文章

https://material.io/components/buttons
https://uxplanet.org/7-basic-rules-for-button-design-63dcdf5676b4

关于 input fields 设计的两篇文章

https://material.io/components/text-fields#input-types
https://uxplanet.org/the-anatomy-of-input-field-c3ef863e01d7

一个简介negative space的视频

https://www.youtube.com/watch?v=A0Ev_4zto4Y&t=174s

Material design 的案例分析

介绍了几个使用material 的主题和部件搭建的app, 并介绍了他们使用的一些设计原则和要点

https://material.io/design/material-studies/about-our-material-studies.html

一篇介绍如何建立页面注意力等级 hierarchy 的文章

https://www.interaction-design.org/literature/topics/visual-hierarchy

一篇讲黄金比例 1:1.618 的文章

https://uxplanet.org/golden-ratio-bring-balance-in-ui-design-765c954f0ff9

Google 的 design sprint kit 小组

很多关于设计sprint的概念，方法论，案例学习，资源等

https://designsprintkit.withgoogle.com/

苹果 Swift 语言的文档，写得真好

把基础的概念和基本句法结合起来讲解，用词简单准确，配上简单的代码介绍，可读性很高，考虑学习。

https://docs.swift.org/swift-book/LanguageGuide/Closures.html

Google Coursera UX 课程中提到的一篇介绍 design system 的文章

介绍了10个知名公司的设计系统包括 Google, Uber, App 等。每个系统有公司简介，设计哲学，DS中的部件类型，以及如何使用。

https://designerup.co/blog/10-best-design-systems-and-how-to-learn-and-steal-from-them/

Airbnb 关于 Design System 的文章

开篇提到在软件开发和设计中，有时不得不做出一些临时的一次性决定，但一次性决定并不天然就存在“不好”的属性，只要这些决定是基于一个稳固的设计系统。如若不然这些负债会不断积累，直到某刻你必须偿还这些负债。

还提到DS是产品的设计语言，视觉语言就像其他任何语言一样，如果没有在团队成员中充分传播分享和被理解，必然产生误解，分歧和错误，随着时间推移和团队扩张，这种负面效应会不断复合放大。

https://airbnb.design/building-a-visual-language/

NN/g 上的一篇关于UX中 animation / motion 的使用的文章

https://www.nngroup.com/articles/animation-purpose-ux/

还有medium上的一篇讲animation具体使用场景的文章，每个类型都配有gif例子，很有启发。总共介绍了12中动画类型。

https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc

一篇讲如何在UX中使用声效的文章

A more humanized and sophisticated approach is to evoke or mimic the emotions surrounding a certain interaction. Designers can use the sonic metaphor: an abstract audible feedback that users can immediately interpret and recognize because it feels like experiences they’ve had in the past. Emotions associated with scenarios like a surprise, a new beginning, and completing a task can be incorporated into their digital counterparts.

作者举例苹果的trash声效并说这类声效模拟了真实场景但是没有灵魂，更好的策略是用声效激发情绪，比如完成一项任务的欣快，开始新旅程的兴奋等

https://www.toptal.com/designers/ux/ux-sounds-guide

Medium 上一篇讲设计中如何使用视频的文章

提到比如默认静音，让视频尽量短”make every minute count” 等

https://uxplanet.org/best-practices-for-video-e279efcfe7eb

关于如何判断一个ux设计是否完成的文章

Medium 上的一篇

https://medium.com/@andreas.johansson.dev/ux-process-how-do-you-know-when-your-design-is-done-a-simple-14-point-checklist-21b747e82954

iterations reduce cost, reduce risk and makes it a lot more fun to deliver products (as you get more confident that what you are building will be useful to others) — products which in the end also make users happier.

简要介绍了Agile，然后提出了一个checklist来定义一个设计的’完成’

Google 一个UX设计师的Portfolio网站，可以作为参考

个人觉得每个项目中提供的信息太过丰富

https://joshglucas.com/

如何写 UX case study 的文章

https://www.invisionapp.com/inside-design/how-to-write-a-ux-case-study/

When approaching your UX portfolio and case studies, my advice is to think like a lawyer. Because how do lawyers win legal cases? With strong communication, and even stronger evidence.

The projects inside your portfolio are like evidence in a legal case. And that’s why you must choose the projects for your portfolio very carefully.

Adobe - How to Write a UX Case Study: Template and Examples 的模板和例子。讲了如何组织你的portfolio网站等

推荐portfolio网站包含 3 部分

Here’s an example of a good structure to follow:

1 - Cover Page

2 - About Me

3 - Case Studies (3 to 5)

然后讲case study 可以分成5部分

To begin, break your case study into these main sections:

1 - Introduction

2 - The Process

3 - The Research

4 - The Design Iterations

5 - The Results and Next Steps

https://xd.adobe.com/ideas/perspectives/leadership-insights/ux-case-study-template/

两个谷歌员工的Case study案例

第一个，参考他的结构:intro, hypothesis, research, ideation, solutions, take-away。注意他如何将Research 过程糅到一个图中

http://andrewsibert.com/portfolio_runsocial.html#Introduction

他的portfolio主页可以参考，包含很多其他项目，有些项目年岁较久，好像是一次性开发，没有后续

http://andrewsibert.com/index.html

第二个，一个社交类应用，使用AR技术，谷歌的项目，很专业。整个case study很有故事性

https://www.shabnamkashani.com/augmented-reality-project-with-google

也可以参考作者的portfolio主页

https://www.shabnamkashani.com/

一个swift教程

比较详细系统

https://www.appcoda.com/learnswift/get-started.html