Difference between revisions of "Category:Design"

From perpendicular angel knowledgebase
Jump to navigation Jump to search
(41 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==
* [[: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
* [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==
* [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].


==Animation==
==Artificial Intelligence and Machine Learning==
* [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].  
* [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==
''See [[Tools]] and [[Colorblindness]] for more information on color.''
''See [[Tools]] and [[Colorblindness]] for more information on color.''


=== Perceiving Color===
[[:Category:Color]]


* [http://factlets.info/Color Does Your Language Shape How You Think?] by Guy Deutscher in the New York Times magazine discusses, among other things, how languages that don't differentiate between green and blue result in people who have more trouble perceiving difference between them.
==Conferences==
*[http://www.joehallock.com/edu/COM498/associations.html Colour Assignment - Associations] by Joe Hallock outlines different ways that we associate color with emotions and ideas, primarily from the view of an American / Western audience.
* [https://confs.tech Confs.tech] is a full list of conferences in the tech industry.  
* [https://blog.xkcd.com/2010/05/03/color-survey-results/ The XKCD Color Survey Results] is a sometimes-hilarious look at a survey on colors that the author of the XKCD comic did. It's very revealing about how we perceive color and how much (or how little) patience we have for thinking about it.


=== Using Color ===
== Content Strategy ==
* [https://ianstormtaylor.com/design-tip-never-use-black/ Never use black] outlines why #00000 should be banned from your color list.
''See [[:Category: Writing]] for writing-specific tools.''
 
===Content Management Systems===
* [https://alistapart.com/article/battle-for-the-body-field/ The Battle for the Body Field] by Jeff Eaton on A List Apart
* [https://storyneedle.com/rich-narrative-possible-structured-content/ Is Rich Narrative Possible from Structured Content?] by Michael Andrews


===Content Quality / Content Testing===
* [https://userresearch.blog.gov.uk/2014/09/02/a-simple-technique-for-evaluating-content/ A Simple Technique for Evaluating Content] by Pete Gale at Gov.UK


== Content Strategy ==
=== Conducting a Content Audit ===
''See [[:Category: Writing]] for writing-specific tools.''
* [https://www.content-insight.com/blogsearch/categories/Content_Audit_Tips/ Content Audit Tips] by Content Insight
* [https://www.content-insight.com/blogsearch/categories/Content_Inventory/ Conducting a Content Inventory] by Content Insight


===Form content===
''also known as "should you even ask that?"''
* [https://medium.com/@debre/please-ditch-your-sites-silly-title-dropdown-bd76810d454 Please ditch your site's silly title dropdown] by Debré Barrett


== HTML,  CSS, and JavaScript ==
===Link Rot===
* [[:Category: Cascading Style Sheets]]
* [https://alistapart.com/blog/post/protecting-against-link-rot-while-embracing-the-future/ Protecting against link rot while embracing the future] by Tim Murtaugh on A List Apart
* [[Javascript]]
* [https://the-pastry-box-project.net/robert-mills/2015-september-15 Hitting the Content Ceiling] by Robert Bills on The Pastry Box Project
* [[Progressive Enhancement]]


===Social Media content===
* [https://buffer.com/library/optimal-length-social-media Infographic: The Optimal Length for Every Social Media Update and More] by Kevan Lee


==Data Visualization==
==Data Visualization==
Line 39: Line 60:
* [https://xkcd.com/1138/ XKCD 1138: Heatmap] points out you can lie with maps too.
* [https://xkcd.com/1138/ XKCD 1138: Heatmap] points out you can lie with maps too.
* [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.


== Design Containers and Components ==
===Page Frameworks and Layouts===
''See the Layouts section of [[:Category:Cascading_Style_Sheets | Cascading Style Sheets]]''


== Design Containers and Components ==
===Navigation===
===Navigation===
* [[Accordions]]
* [[Accordions]]
* [[Buttons]]
* [[Buttons]]
* [[Carousels]]
* [[Carousels]]
* [[Hamburger Menus]]
===Form fields===
===Form fields===
* [[Checkboxes]]
* [[Checkboxes]]
Line 51: Line 77:
* [[Select menus|Dropdowns aka Select Menus]]
* [[Select menus|Dropdowns aka Select Menus]]
* [[Sliders]]
* [[Sliders]]
===Search===
===Search===
* [[Search | Search pages and results]]
* [[Search | Search pages and results]]
===Tables===
* [[Data Tables]]


== Design Systems ==
== Design Systems ==
* [[:Category: Design Principles]]
* [[:Category: Design Ethics]]
* [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.
===Examples of 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


== Examples ==
== Examples ==
* [[404 pages]]
* [[404 pages]]
* [[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


== HTML,  CSS, and JavaScript ==
* [[:Category: Cascading Style Sheets]]
* [[Javascript]]
* [[Progressive Enhancement]]


==Navigation==
==Iconography and Imagery==
* [https://uxplanet.org/great-alternatives-to-hamburger-menus-d4c76d9414dd Great Alternatives to Hamburger Menus] by UX Planet lists a number of menu alternatives for global and local navigation when you don't want your mobile experience stuffed in a hamburger menu. 
* [[Icons]]
 
* [[SVGs]]


==Recruiting==
==Recruiting==
* [[Job Interview Questions]]
* [[Job Interview Questions]]
==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.


==Tools==
==Tools==
* [[Tools]]
* [[Tools]]
* [[Design Strategy]]
* [[Design Strategy]]
 
* [[Wordpress]] - Wordpress-specific tools for web work


==Typography==
==Typography==
* [[:Category: Typography]]
* [[:Category: Typography]]
* [[Links]]
* [[Links]]


== User Behavior ==
== User Behavior ==
Line 96: Line 131:
* [[:Category: Information-seeking]]
* [[:Category: Information-seeking]]
* [[Onboarding]]
* [[Onboarding]]


== User Research ==
== User Research ==
* [[:Category: User Research]]
* [[:Category: User Research]]
== 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

Revision as of 20:38, 3 September 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

Accessibility

Animation

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

Color

See Tools and Colorblindness for more information on color.

Category:Color

Conferences

  • Confs.tech is a full list of conferences in the tech industry.

Content Strategy

See Category: Writing for writing-specific tools.

Content Management Systems

Content Quality / Content Testing

Conducting a Content Audit

Form content

also known as "should you even ask that?"

Link Rot

Social Media content

Data Visualization

Design Containers and Components

Page Frameworks and Layouts

See the Layouts section of Cascading Style Sheets

Navigation

Form fields

Search

Tables

Design Systems

Examples

Design Visioning activities

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

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

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