Diferencia entre revisiones de «User Experience»
Ir a la navegación
Ir a la búsqueda
Línea 1: | Línea 1: | ||
+ | == Research == | ||
− | == | + | === 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 === | ||
+ | |||
+ | * 2013: [https://www.dropbox.com/s/ay0q8b7sklv9y1g/2013_UserZoom_Ecommerce_Moda.pdf Estudio sobre ecommerces de Moda] #Usability | ||
+ | |||
+ | |||
+ | |||
+ | == UI / Visual == | ||
− | == | + | === Style Guides === |
− | * | + | * Android https://developer.android.com/design/index.html |
− | |||
− | == Design tools / templates == | + | === Design tools / templates === |
* http://subtlepatterns.com/ | * http://subtlepatterns.com/ | ||
* http://designmodo.com/flat-free/ | * http://designmodo.com/flat-free/ | ||
− | === WP Templates === | + | ==== WP Templates ==== |
* http://themeforest.net/item/salient-responsive-multipurpose-theme/full_screen_preview/4363266 | * http://themeforest.net/item/salient-responsive-multipurpose-theme/full_screen_preview/4363266 | ||
− | == Fonts / Icons == | + | === Fonts / Icons === |
− | === Icon Fonts === | + | ==== Icon Fonts ==== |
* http://symbolset.com/ | * http://symbolset.com/ | ||
Línea 26: | Línea 35: | ||
* http://fortawesome.github.io/Font-Awesome/ | * http://fortawesome.github.io/Font-Awesome/ | ||
− | === Icons === | + | ==== Icons ==== |
* http://symbolicons.com/ | * http://symbolicons.com/ | ||
Línea 32: | Línea 41: | ||
* http://www.webresourcesdepot.com/30-awesome-and-free-flat-icon-sets/ | * http://www.webresourcesdepot.com/30-awesome-and-free-flat-icon-sets/ | ||
− | === Fonts Showcase === | + | ==== Fonts Showcase ==== |
* http://webfontscorner.com/ | * http://webfontscorner.com/ | ||
− | === Cool Fonts === | + | ==== Cool Fonts ==== |
* "Avenir Next LT W01 Demi", "Avenir Next W10 Demi", "MuseoSans", 'Helvetica Neue', Arial | * "Avenir Next LT W01 Demi", "Avenir Next W10 Demi", "MuseoSans", 'Helvetica Neue', Arial | ||
Línea 44: | Línea 53: | ||
* "fenwick-1","fenwick-2",sans-serif (http://www.brainpickings.org/index.php/2013/07/09/vi-hart-explains-stravinsky/) | * "fenwick-1","fenwick-2",sans-serif (http://www.brainpickings.org/index.php/2013/07/09/vi-hart-explains-stravinsky/) | ||
− | === Cool use of fonts === | + | ==== Cool use of fonts ==== |
* http://bellroy.com/pages/travel-light/ | * http://bellroy.com/pages/travel-light/ | ||
− | == Forms == | + | === Forms === |
* http://www.wufoo.com/gallery/ | * http://www.wufoo.com/gallery/ | ||
− | == UI Examples == | + | === UI Examples === |
− | === Configurators === | + | ==== Configurators ==== |
* http://www.myownbike.de/singlespeed-und-fixie-konfigurator | * http://www.myownbike.de/singlespeed-und-fixie-konfigurator | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | == Learning == | ||
+ | |||
+ | * http://hackdesign.org/ | ||
+ | * Required reading for product designers http://www.robertlenne.com/requiredreading/ | ||
== Mobile == | == Mobile == | ||
Línea 64: | Línea 81: | ||
* http://responsivenavigation.net/ | * http://responsivenavigation.net/ | ||
− | |||
− | |||
− | |||
[[Category:User Experience]] | [[Category:User Experience]] |
Revisión del 08:23 8 oct 2013
Sumario
Research
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
- 2013: Estudio sobre ecommerces de Moda #Usability
UI / Visual
Style Guides
Design tools / templates
WP Templates
Fonts / Icons
Icon Fonts
- http://symbolset.com/
- http://sixrevisions.com/resources/free-icon-fonts/
- http://fortawesome.github.io/Font-Awesome/
Icons
- http://symbolicons.com/
- http://www.smashingmagazine.com/2013/06/17/foodie-icons/
- http://www.webresourcesdepot.com/30-awesome-and-free-flat-icon-sets/
Fonts Showcase
Cool Fonts
- "Avenir Next LT W01 Demi", "Avenir Next W10 Demi", "MuseoSans", 'Helvetica Neue', Arial
- ProximaNova, ProximaNovaBold
- source-sans-pro, sans-serif
- ClarendonFSLight,Georgia
- "fenwick-1","fenwick-2",sans-serif (http://www.brainpickings.org/index.php/2013/07/09/vi-hart-explains-stravinsky/)
Cool use of fonts
Forms
UI Examples
Configurators
Learning
- http://hackdesign.org/
- Required reading for product designers http://www.robertlenne.com/requiredreading/