Diferencia entre revisiones de «User Experience»

De Furilo
Ir a la navegación Ir a la búsqueda
(No se muestran 13 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
== Design basics ==  
+
== Principles ==
 +
 
 +
* https://principles.adactio.com/
 +
 
 +
 
 +
== Design ==
 +
 
 +
* Many resources: https://nlevin.medium.com/ux-design-recommendations-8de563c5fbfa
 +
* http://hackdesign.org/
 +
* Required reading for product designers http://www.robertlenne.com/requiredreading/
 +
* http://voiceandtone.com/
 +
 
 +
 
 +
== Process ==
 +
 
 +
* https://twitter.com/round/status/1157143396147818502 | https://pbs.twimg.com/media/EA7_yDkUcAEwqaH?format=jpg&name=4096x4096
 +
 
 +
 
 +
=== Basics ===
  
 
* Explaining graphic design to four year olds https://medium.com/@deanvipond/explaining-graphic-design-to-four-year-olds-fe9257ffaf3d
 
* Explaining graphic design to four year olds https://medium.com/@deanvipond/explaining-graphic-design-to-four-year-olds-fe9257ffaf3d
 +
 +
 +
=== Social ===
 +
 +
* Good Kickoff Meetings http://goodkickoffmeetings.com/
 +
* The Social Design Methods Menu http://www.lucykimbell.com/stuff/Fieldstudio_SocialDesignMethodsMenu.pdf
 +
* DIY Social Innovation http://diytoolkit.org
 +
 +
 +
=== Personas Definition ===
 +
 +
* http://blog.hubspot.com/blog/tabid/6307/bid/30907/9-Questions-You-Need-to-Ask-When-Developing-Buyer-Personas.aspx
 +
* http://www.smartinsights.com/marketplace-analysis/customer-analysis/web-design-personas/
 +
  
 
== Color ==  
 
== Color ==  
Línea 8: Línea 40:
 
* http://itpastorn.github.io/webbteknik/future-stuff/svg/color-wheel.html
 
* http://itpastorn.github.io/webbteknik/future-stuff/svg/color-wheel.html
 
* https://color.adobe.com
 
* https://color.adobe.com
 +
* http://swisscolors.net/
 +
* Color Blindness test http://colororacle.org/
 +
* Extract dominant + palette from a photo http://lokeshdhakar.com/projects/color-thief/
  
 
== HCI ==
 
== HCI ==
Línea 24: Línea 59:
  
 
* http://codepen.io/fbrz/full/bNdMwZ/
 
* http://codepen.io/fbrz/full/bNdMwZ/
 
== Research ==
 
 
* Good Kickoff Meetings http://goodkickoffmeetings.com/
 
 
=== Personas Definition ===
 
 
* http://blog.hubspot.com/blog/tabid/6307/bid/30907/9-Questions-You-Need-to-Ask-When-Developing-Buyer-Personas.aspx
 
* http://www.smartinsights.com/marketplace-analysis/customer-analysis/web-design-personas/
 
  
 
=== Reports ===
 
=== Reports ===
Línea 48: Línea 74:
 
=== Stock photos ===  
 
=== Stock photos ===  
  
 +
* http://thestocks.im/ (aggregator)
 +
* http://www.producthunt.com/e/best-stock-photography-tools
 
* https://unsplash.com/
 
* https://unsplash.com/
 
* https://medium.com/p/62ae4bcbe01b
 
* https://medium.com/p/62ae4bcbe01b
Línea 68: Línea 96:
 
* http://subtlepatterns.com/
 
* http://subtlepatterns.com/
 
* http://designmodo.com/flat-free/
 
* http://designmodo.com/flat-free/
 +
* http://html5up.net/ // http://pixelarity.com/
  
 
==== WP Templates ====  
 
==== WP Templates ====  
Línea 128: Línea 157:
 
* http://www.myownbike.de/singlespeed-und-fixie-konfigurator
 
* http://www.myownbike.de/singlespeed-und-fixie-konfigurator
  
== Learning ==
 
  
* http://hackdesign.org/
+
=== Design inspiration ===
* Required reading for product designers http://www.robertlenne.com/requiredreading/
+
 
* http://voiceandtone.com/
+
* https://frontify.com/
 +
 
  
 
== Mobile ==  
 
== Mobile ==  

Revisión del 07:41 3 sep 2021

Principles


Design


Process


Basics


Social


Personas Definition


Color

HCI

Cool Interactions

Reports

UI / Visual

Patterns

Stock photos

Technical documentation sites


Style Guides

Design tools / templates

WP Templates

Fonts / Icons

Icon Fonts

Icons

Fonts

Cool Fonts

Cool use of fonts

Forms

UI Examples

Share buttons


Configurators


Design inspiration


Mobile


Cool sites

Content/demo/presentations

Beautiful wikis