--- tags: ESun, UXR討論 --- # CDO & Design Guideline ### 人肉CDO * 演講影片 https://www.youtube.com/watch?v=-y2Gjzvl8l8 * [Omnichannel Banking 全通路銀行業務](https://www.ibm.com/downloads/cas/XRVD4VYG),但是是2014的文章,有點古老也有點概論 * [掌握5大關鍵! 打造成功的商業簡報](https://medium.com/@yuchi.lin1202/%E5%A6%82%E4%BD%95%E5%BB%BA%E7%AB%8B%E6%88%90%E5%8A%9F%E7%9A%84%E5%95%86%E6%A5%AD%E7%B0%A1%E5%A0%B1-%E9%80%99%E6%AC%A1%E5%BE%9E%E8%AA%AA%E5%80%8B%E5%A5%BD%E6%95%85%E4%BA%8B%E9%96%8B%E5%A7%8B-92a5789451f4) ### Design System #### 算是懶人包 * [Everything you need to know about Design Systems](https://uxdesign.cc/everything-you-need-to-know-about-design-systems-54b109851969):翻譯的文章在下面那篇 * [译文】关于设计系统你需要知道的一些事](https://zhuanlan.zhihu.com/p/187299334):上面那篇的翻譯 * [什么是 Design System](https://zhuanlan.zhihu.com/p/31197706):by 阿里巴巴設計師 * [設計系統(Design System)分享](https://medium.com/uxeastmeetswest/%E8%A8%AD%E8%A8%88%E7%B3%BB%E7%B5%B1-design-system-%E5%88%86%E4%BA%AB-4e9052fa017):UX四神湯分享 #### 納入UX概念的 design system 概論 * [laws of UX](https://lawsofux.com/) * [BBC-"How-tos"](https://www.bbc.co.uk/gel/guidelines/category/how-to): These guides will show you how to design for different platforms and experiences. #### 有名的公司,有包含UX概念的 design system * [IBM carbon design system](https://www.carbondesignsystem.com/patterns/overview/) * [Adobe](https://spectrum.adobe.com/) * [Atlassian](https://atlassian.design/) * [Google-Material Design](https://material.io/design) * [Github](https://primer.style/) * [Audi-UX Paradiams](https://www.audi.com/ci/en/guides/user-interface/ux-paradigms.html) #### 蒐集一堆 design system 的網站 * [這個人蒐集了一堆有名公司的design system](https://adele.uxpin.com/) * [這個網站蒐集了一堆公司的design principles](https://principles.design/) * [awesome design system](https://github.com/alexpate/awesome-design-systems) * [Adele by UXPin](https://adele.uxpin.com/) * [Website Style Guide Resources](http://styleguides.io/examples) #### 金融業的 design system 的網站 * [DBS Canopy design system (新加坡)](https://dbsdls.frontify.com/) * [santander bank (西班牙)](https://bancosantander.invisionapp.com/dsm/santander-group/flame-ds-santander) * [螞蟻金服(中國)](https://ant.design/docs/spec/introduce) #### 一些建立deisgn system 的方式 * [2019產品趨勢 — 如何著手設計系統 Design System is the new black: How to begin](https://medium.com/uxeastmeetswest/2019%E7%94%A2%E5%93%81%E8%B6%A8%E5%8B%A2-%E5%A6%82%E4%BD%95%E8%91%97%E6%89%8B%E8%A8%AD%E8%A8%88%E7%B3%BB%E7%B5%B1-design-system-is-the-new-black-how-to-begin-110d4bb86f32):UX四神湯分享 * [Design Systems 101 (nng)](https://www.nngroup.com/articles/design-systems-101/) * [A comprehensive guide to design systems (inVision)](https://www.invisionapp.com/inside-design/guide-to-design-systems/) * [Starting a design system in a start-up](https://uxdesign.cc/starting-a-design-system-in-a-start-up-3359f2d4784b) * [Introducing Spectrum: How Adobe Is Building a Design System at Scale (Adobe)](https://blog.adobe.com/en/2018/05/15/introducing-spectrum-adobe-building-design-system-scale.html#gs.9qeucv) * [Workshop: how to prioritize your design system components?](https://uxdesign.cc/workshop-how-to-prioritize-your-design-system-components-744aa99f07d7) * [Design Systems Handbook](https://www.designbetter.co/design-systems-handbook?fbclid=IwAR0oUCJLbmCqDiOOec_0K5zXxaVWgwZFkspwlGikOAytcB4eJSOZ0JNaaNI) #### 建立Design Principles的方式 * [9 Steps to Establish Strong Design Principles for Your Team](https://www.shopify.com/partners/blog/design-principles) * [Crafting Product-Specific Design Principles to Support Better Decision Making](https://www.nngroup.com/articles/design-principles/) * [A guide to Design Principles and why you should create your own](https://uxdesign.cc/a-guide-to-design-principles-and-why-you-should-create-your-own-704ae0c84551) * 【inVision】[Determining your design principles](https://www.invisionapp.com/inside-design/determine-design-principles/) #### 關於團隊組成 * [Team Models for Scaling a Design System](https://medium.com/eightshapes-llc/team-models-for-scaling-a-design-system-2cf9d03be6a0) #### 關於Design System的調查 * [2021 Design Systems Survey](https://designsystemssurvey.seesparkbox.com/2021/?_ga=2.9405685.1908847290.1629972191-745584654.1629972191) #### 影音 * [Nordic.design 2017 • Karri Saarinen - Scaling design with systems](https://www.youtube.com/watch?v=TuLY1cYM57g):Airbnb的design lead分享 https://matthewstrom.com/writing/design-principles-workshop/ https://uxdesign.cc/the-design-principles-workshop-2fe4e6637b35 https://www.invisionapp.com/inside-design/determine-design-principles/ https://www.shopify.com/partners/blog/design-principles --- ### UX metrixs (等等再整理) * https://www.shopify.com/partners/blog/9-usability-metrics-tech-teams-can-use-to-analyze-user-behaviour * https://www.atlassian.com/atlascamp/watch-sessions/2019/featured/nailing-measurement-a-framework-for-measuring-metrics-that-matter * https://www.tableau.com/about/blog/2021/1/how-starbucks-uses-analytics-enhance-customer-experience #### 設定UX的比較基準/UX metrics * [Benchmarking UX: Tracking Metrics](https://www.nngroup.com/articles/benchmarking-ux/?lm=product-ux-benchmarks&pt=article) * UX benchmarking如何運作,可以比較的對象有:前一個version的產品、競爭對象、業界標準、stakeholder設定的目標 * 什麼時候要benchmarking:enchmarking can happen at the end of one design cycle and before the next cycle begins * [7 Steps to Benchmark Your Product’s UX](https://www.nngroup.com/articles/product-ux-benchmarks/) * 這篇在講如何設定產品UX的比較基準、和指標有哪些、以及步驟 * [Usability Metrics: Measuring UX Design Success](https://xd.adobe.com/ideas/process/user-testing/usability-metrics-measuring-ux-design-success) #### 計算UX的ROI * [Calculating ROI for Design Projects in 4 Steps](https://www.nngroup.com/articles/calculating-roi-design-projects/?lm=product-ux-benchmarks&pt=article): * 如何計算Design projects的ROI * There are four steps to calculate ROI: * Collect a UX metric in a benchmarking study * Choose a KPI * Convert the UX metric into the KPI * Report the calculation responsibly * [Three Myths About Calculating the ROI of UX](https://www.nngroup.com/articles/three-myths-roi-ux/) #### 一些UX量化方法 * [用户体验度量1——量化用户体验的统计学方法](https://zhuanlan.zhihu.com/p/78058949) * [使用者調研之標準化可用性問卷](https://itw01.com/2RUTVEK.html) * 裡面列舉了常見的問卷形式 * 整體評估問卷:SUS、UMUX等 * 任務評估問卷:SEQ * 網站感知可用性評估問卷 * [How Quantitative UX Research Differs from Data Analytics](https://medium.com/facebook-research/how-quantitative-ux-research-differs-from-data-analytics-1bbf0903768b),fb 量化ux researcher 的清楚好文推推 * [Research That Counts](https://medium.com/facebook-research/research-that-counts-9d158e93ce95),這裡還有一些說明