Mittwoch, 19. Februar 2014

About User Experience UX and GUI Design

UX Principles
GUI Design Principles: http://en.wikibooks.org/wiki/GUI_Design_Principles
The Psychological Basis for UI Design Rules: http://www.youtube.com/watch?v=3Gw2bnwQRno 
(Design Guidelines) ... 1:15:22 .. University of Stanford Lecture
Definition of UX: http://www.nngroup.com/articles/definition-user-experience/ 
User Experience Basics: http://www.usability.gov/what-and-why/user-experience.html 


UX matters
Great User Experiences sell, see Apple.
Great UX attracts traffic and increases sales, will encourage repeat visits, reduces support request ..

UX Examples: https://www.crealogix.com/de/firmenkunden/finanzindustrie/user-experience/  
Why UX:  http://ux.crealogix.com/
UX Glossar
User Experience: http://en.wikipedia.org/wiki/User_experience  
Positive User Experience: "Goals of User and Goals of Company who created Product are met."
Negative User Experience: "Try to program your Grandma's VCR." :-)
Site Map: Example of a Sitemap: https://www.credit-suisse.com/sitemap/de/
Taxonomy: http://en.wikipedia.org/wiki/Taxonomy
Flowmap: http://www.pinterest.com/jvetrau/ux-site-maps-information-maps-page-flows/
Mindmap of User Personas: what the user is looking for as an experience
Byflow: where UX designers wants their users to go (ROI on UX)
Convertion: when actually User signs up

UX Developing Cycle - watch 58:06 excellent Minutes how it all comes together
Harvard i-lab UX Design - Scott Stevenson: http://www.youtube.com/watch?v=WkUwbPdyMIY 
Five Steps of Developing UX - Tasks and Deliverables
5. Surface: Visual Interface Layer that ties all other Layers together, images, graphics, buttons etc.
4. Sceleton: Wireframe (blueprint for pages), where buttons go, what call for actions are there etc., Low-FI Wireframes (hand sketch, static), High-FI Wireframes (HTML, clickable, interactable)
3. Structure: Develop Taxonomy, what is the flow of actions and interactions within the Site
2. Scope: Migration of Strategy into Requirements, Identify Users, User Story Matrix (different types of  Users, their personas and their tasks)
1. Strategy: Business Goals & User Goals, what is the reason for the Site, what are Goals

UX Measured
- follow user adoption
- focus groups, asking 25-30 people how they percieve the sites -> value you promised does not fit the UX on
- do Google analytics, to find out when people come on, how long they stay, when they leave etc.


UX - GUI Design Tools
GUI Design Tools: http://softwaresolution.informer.com/Tools-to-Design-GUI/ 
GUI Design Tool Demo: http://www.carettasoftware.com/guidesignstudio/gui-design-studio-demo.html 
Balsamiq - allows for HiFi Prototyping: http://balsamiq.com/products/mockups/ 
Mindjet - for Site-Maps: http://www.youtube.com/user/mindjet

UX - GUI Design Tutorials
Netbeans Tutorial - GUI Design: http://www.youtube.com/watch?v=wi5hg3onjd0

Keine Kommentare:

Kommentar veröffentlichen