Difference between revisions of "Category:Design"
Jump to navigation
Jump to search
| (20 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
[[Category: Main]] | [[Category: Main]] | ||
I'm a UX Designer, so these are my UX Designer tools. | I'm a UX Designer, so these are my UX Designer tools. | ||
(Also, there may be good things in [[:Category: Behavior]] you want to read.) | (Also, there may be good things in [[:Category: Behavior]] you want to read.) | ||
==User Experience Design== | ==User Experience Design== | ||
| Line 11: | Line 9: | ||
* [[:Category: Work Ethics]] explains how we can be good healthy employees, managers, and independent workers | * [[:Category: Work Ethics]] explains how we can be good healthy employees, managers, and independent workers | ||
* [https://blog.intercom.com/an-interview-with-andy-budd/ An Interview with Andy Budd] at Intercom, also known as the first place I saw the Minimum Viable Pizza. | * [https://blog.intercom.com/an-interview-with-andy-budd/ An Interview with Andy Budd] at Intercom, also known as the first place I saw the Minimum Viable Pizza. | ||
==Accessibility== | ==Accessibility== | ||
* [[:Category: Accessibility]] | * [[:Category: Accessibility]] | ||
==Animation== | ==Animation== | ||
* [https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9 The ultimate guide to proper use of animation in UX] by Taras Skytskyi aggregates a number of [[:Category:Design Principles | Design Principles]] regarding animation into one place. | * [https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9 The ultimate guide to proper use of animation in UX] by Taras Skytskyi aggregates a number of [[:Category:Design Principles | Design Principles]] regarding animation into one place. | ||
* [http://destroytoday.com/writings/building-the-pencil-page/ Building the Pencil Page] by Jonnie Hallman explains what his thinking was and how he built Paper53's page on [https://fiftythree.com/pencil Pencil]. | * [http://destroytoday.com/writings/building-the-pencil-page/ Building the Pencil Page] by Jonnie Hallman explains what his thinking was and how he built Paper53's page on [https://fiftythree.com/pencil Pencil]. | ||
==Artificial Intelligence and Machine Learning== | ==Artificial Intelligence and Machine Learning== | ||
* [https://vkrakovna.wordpress.com/2018/04/02/specification-gaming-examples-in-ai/ Specification gaming examples in AI] by Victoria Krakovna links to a master list of times artificial intelligence and/or machine learning went horribly wrong, generally in the field of games. | * [https://vkrakovna.wordpress.com/2018/04/02/specification-gaming-examples-in-ai/ Specification gaming examples in AI] by Victoria Krakovna links to a master list of times artificial intelligence and/or machine learning went horribly wrong, generally in the field of games. | ||
==Branding== | |||
* [https://library.gv.com/the-three-hour-brand-sprint-3ccabf4b768a The Three Hour Brand Sprint] by GV Library (Google Ventures) | |||
== Color== | == Color== | ||
| Line 30: | Line 27: | ||
[[:Category:Color]] | [[:Category:Color]] | ||
==Conferences== | ==Conferences== | ||
* [https://confs.tech Confs.tech] is a full list of conferences in the tech industry. | * [https://confs.tech Confs.tech] is a full list of conferences in the tech industry. | ||
== Content Strategy == | == Content Strategy == | ||
''See [[:Category: Writing]] for writing-specific tools.'' | ''See [[:Category: Writing]] for fiction-writing-specific tools.'' | ||
''See [[:Category: Copywriting]] for nonfiction/web/UX writing'' | |||
[[:Category: Content Strategy]] contains an accumulation of content strategy related tools and lessons. | |||
== | ==Copywriting== | ||
''See [[:Category: Writing]] for fiction-writing-specific tools.'' | |||
''See [[:Category: Content Strategy]] for content and publication strategies for the web'' | |||
[[:Category: Copywriting]] contains an accumulation of copywriting related tools and lessons. | |||
==Data Visualization== | ==Data Visualization== | ||
| Line 50: | Line 48: | ||
* [http://diagrammer.duarte.com Duarte's Diagrammer library] contains thousands of diagrams for Powerpoint (and inspiration for everything else). | * [http://diagrammer.duarte.com Duarte's Diagrammer library] contains thousands of diagrams for Powerpoint (and inspiration for everything else). | ||
* [http://www.uxbooth.com/articles/how-to-make-a-dashboard-that-doesnt-suck/ How to Make a Dashboard That Doesn't Suck] by Dylan Wilbanks explains the mindset behind most dashboards at most organizations and how you can make one that's useful. | * [http://www.uxbooth.com/articles/how-to-make-a-dashboard-that-doesnt-suck/ How to Make a Dashboard That Doesn't Suck] by Dylan Wilbanks explains the mindset behind most dashboards at most organizations and how you can make one that's useful. | ||
== Design Containers and Components == | == Design Containers and Components == | ||
===Page Frameworks and Layouts=== | ===Page Frameworks and Layouts=== | ||
''See the Layouts section of [[:Category:Cascading_Style_Sheets | Cascading Style Sheets]]'' | ''See the Layouts section of [[:Category:Cascading_Style_Sheets | Cascading Style Sheets]]'' | ||
* [https://uxdesign.cc/how-white-space-killed-an-enterprise-app-and-why-data-density-matters-b3afad6a5f2a How white space killed an enterprise app (and why data density matters)] by Christie Lenneville and Patrick Deuley | |||
===Navigation=== | ===Navigation=== | ||
| Line 60: | Line 58: | ||
* [[Buttons]] | * [[Buttons]] | ||
* [[Carousels]] | * [[Carousels]] | ||
* [[Dialogs]] | |||
* [[Hamburger Menus]] | * [[Hamburger Menus]] | ||
* [[Clean (Human-Readable) URLs]] | |||
* [https://en.wikipedia.org/wiki/Mystery_meat_navigation Mystery Meat navigation] on [[Wikipedia]] | |||
===Form fields=== | ===Form fields=== | ||
| Line 73: | Line 74: | ||
===Tables=== | ===Tables=== | ||
* [[Data Tables]] | * [[Data Tables]] | ||
== Design Systems == | == Design Systems == | ||
* [http://designsystem.morningstar.com Morningstar's design system] | * [http://designsystem.morningstar.com Morningstar's design system] | ||
* [https://www.maban.co.uk/projects/front-end-style-guides/ Front-End Style Guides] by Anna Debenham | * [https://www.maban.co.uk/projects/front-end-style-guides/ Front-End Style Guides] by Anna Debenham | ||
* [https://medium.com/eightshapes-llc/team-models-for-scaling-a-design-system-2cf9d03be6a0 Team Models for Scaling a Design System] by Nathan Curtis | |||
* [https://articles.uie.com/the-salesforce-team-model-for-scaling-a-design-system/ The Salesforce Team Model for Scaling a Design System] by Jina Bolton | |||
== Examples == | == Examples == | ||
| Line 83: | Line 85: | ||
* [[Design Failures]] | * [[Design Failures]] | ||
==Design Visioning activities == | |||
* [https://www.joelonsoftware.com/2002/05/09/product-vision/ Product Vision] by Joel Spolsky | |||
* [http://boxesandarrows.com/make-the-commercial-first/ Make the Commercial First] by Steve Turbek | |||
== Freelancing/Consulting == | == Freelancing/Consulting == | ||
* [http://ngenworks.com/business/the-pause-clause/ The Pause Clause] by NGenWorks discusses an entry in their contracts that essentially says if the client is more than 10 days late with a deliverable, the project goes on hold until the client responds. | * [http://ngenworks.com/business/the-pause-clause/ The Pause Clause] by NGenWorks discusses an entry in their contracts that essentially says if the client is more than 10 days late with a deliverable, the project goes on hold until the client responds. | ||
==Gender issues in Design == | ==Gender issues in Design == | ||
*[https://motherboard.vice.com/en_us/article/j5a753/design-bias-conference-chairs Dear Conference Organizers: You're Doing Chairs Wrong] by Rose Eveleth at Motherboard discusses how not-thinking about femme-presenting speakers and conference presenters can cause major frustrations around skirts and microphones. | *[https://motherboard.vice.com/en_us/article/j5a753/design-bias-conference-chairs Dear Conference Organizers: You're Doing Chairs Wrong] by Rose Eveleth at Motherboard discusses how not-thinking about femme-presenting speakers and conference presenters can cause major frustrations around skirts and microphones. | ||
* [http://www.metafilter.com/166770/The-Unbearable-Pinkness-of-Bleeding The Unbearable Pinkness of Bleeding] on Metafilter | * [http://www.metafilter.com/166770/The-Unbearable-Pinkness-of-Bleeding The Unbearable Pinkness of Bleeding] on Metafilter | ||
== HTML, CSS, and JavaScript == | == HTML, CSS, and JavaScript == | ||
| Line 97: | Line 100: | ||
* [[Javascript]] | * [[Javascript]] | ||
* [[Progressive Enhancement]] | * [[Progressive Enhancement]] | ||
==Iconography and Imagery== | ==Iconography and Imagery== | ||
* [[Icons]] | * [[Icons]] | ||
* [[SVGs]] | * [[SVGs]] | ||
==Recruiting== | ==Recruiting== | ||
* [[Job Interview Questions]] | * [[Job Interview Questions]] | ||
==Sound Design == | ==Sound Design == | ||
* [http://www.dansdata.com/gz148.htm A comforting lie] tells the story of the background hiss you hear on digital phones, even though they don't produce the hiss. | * [http://www.dansdata.com/gz148.htm A comforting lie] tells the story of the background hiss you hear on digital phones, even though they don't produce the hiss. | ||
==Tools== | ==Tools== | ||
| Line 116: | Line 115: | ||
* [[Design Strategy]] | * [[Design Strategy]] | ||
* [[Wordpress]] - Wordpress-specific tools for web work | * [[Wordpress]] - Wordpress-specific tools for web work | ||
==Typography== | ==Typography== | ||
* [[:Category: Typography]] | * [[:Category: Typography]] | ||
* [[Links]] | * [[Links]] | ||
== User Behavior == | == User Behavior == | ||
| Line 127: | Line 124: | ||
* [[:Category: Information-seeking]] | * [[:Category: Information-seeking]] | ||
* [[Onboarding]] | * [[Onboarding]] | ||
== User Research == | == User Research == | ||
* [[:Category: User Research]] | * [[:Category: User Research]] | ||
== Visual Hierarchy == | == Visual Hierarchy == | ||
* [https://accssible.com/2019/02/05/proper-ui-hierarchy/ Proper UI Hierarchy] on accssible discusses how flat interfaces damage visual hierarchy and provides some example CSS for correcting them | * [https://accssible.com/2019/02/05/proper-ui-hierarchy/ Proper UI Hierarchy] on accssible discusses how flat interfaces damage visual hierarchy and provides some example CSS for correcting them | ||
Revision as of 20:29, 1 December 2019
I'm a UX Designer, so these are my UX Designer tools. (Also, there may be good things in Category: Behavior you want to read.)
User Experience Design
- Category: User Experience Design (UX) explains the definition and purpose of UX and the roles that fit into it
- Category: Design Principles explains the basic heuristics that shape design from a cognitive and gestalt point of view
- Category: Design Ethics explains how we can use the two above to not fuck up the world more than it already is and maybe even make it better
- Category: Work Ethics explains how we can be good healthy employees, managers, and independent workers
- An Interview with Andy Budd at Intercom, also known as the first place I saw the Minimum Viable Pizza.
Accessibility
Animation
- The ultimate guide to proper use of animation in UX by Taras Skytskyi aggregates a number of Design Principles regarding animation into one place.
- Building the Pencil Page by Jonnie Hallman explains what his thinking was and how he built Paper53's page on Pencil.
Artificial Intelligence and Machine Learning
- Specification gaming examples in AI by Victoria Krakovna links to a master list of times artificial intelligence and/or machine learning went horribly wrong, generally in the field of games.
Branding
- The Three Hour Brand Sprint by GV Library (Google Ventures)
Color
See Tools and Colorblindness for more information on color.
Conferences
- Confs.tech is a full list of conferences in the tech industry.
Content Strategy
See Category: Writing for fiction-writing-specific tools. See Category: Copywriting for nonfiction/web/UX writing
Category: Content Strategy contains an accumulation of content strategy related tools and lessons.
Copywriting
See Category: Writing for fiction-writing-specific tools. See Category: Content Strategy for content and publication strategies for the web
Category: Copywriting contains an accumulation of copywriting related tools and lessons.
Data Visualization
- A Quick Guide to Spotting Graphics that Lie by National Geographic
- XKCD 1138: Heatmap points out you can lie with maps too.
- Duarte's Diagrammer library contains thousands of diagrams for Powerpoint (and inspiration for everything else).
- How to Make a Dashboard That Doesn't Suck by Dylan Wilbanks explains the mindset behind most dashboards at most organizations and how you can make one that's useful.
Design Containers and Components
Page Frameworks and Layouts
See the Layouts section of Cascading Style Sheets
- How white space killed an enterprise app (and why data density matters) by Christie Lenneville and Patrick Deuley
- Accordions
- Buttons
- Carousels
- Dialogs
- Hamburger Menus
- Clean (Human-Readable) URLs
- Mystery Meat navigation on Wikipedia
Form fields
Search
Tables
Design Systems
- Morningstar's design system
- Front-End Style Guides by Anna Debenham
- Team Models for Scaling a Design System by Nathan Curtis
- The Salesforce Team Model for Scaling a Design System by Jina Bolton
Examples
Design Visioning activities
- Product Vision by Joel Spolsky
- Make the Commercial First by Steve Turbek
Freelancing/Consulting
- The Pause Clause by NGenWorks discusses an entry in their contracts that essentially says if the client is more than 10 days late with a deliverable, the project goes on hold until the client responds.
Gender issues in Design
- Dear Conference Organizers: You're Doing Chairs Wrong by Rose Eveleth at Motherboard discusses how not-thinking about femme-presenting speakers and conference presenters can cause major frustrations around skirts and microphones.
- The Unbearable Pinkness of Bleeding on Metafilter
HTML, CSS, and JavaScript
Iconography and Imagery
Recruiting
Sound Design
- A comforting lie tells the story of the background hiss you hear on digital phones, even though they don't produce the hiss.
Tools
- Tools
- Design Strategy
- Wordpress - Wordpress-specific tools for web work
Typography
User Behavior
User Research
Visual Hierarchy
- Proper UI Hierarchy on accssible discusses how flat interfaces damage visual hierarchy and provides some example CSS for correcting them
Subcategories
This category has the following 15 subcategories, out of 15 total.
Pages in category "Design"
The following 25 pages are in this category, out of 25 total.