• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
User eXperience & Front End Development
 

User eXperience & Front End Development

on

  • 247 views

What are user experiences and how can we design them optimally? Why does UX matter and how does it interface with software development? And what does a unified design approach mean for front-end ...

What are user experiences and how can we design them optimally? Why does UX matter and how does it interface with software development? And what does a unified design approach mean for front-end development at Semantico?

Statistics

Views

Total Views
247
Views on SlideShare
233
Embed Views
14

Actions

Likes
1
Downloads
4
Comments
0

1 Embed 14

http://labs.semantico.com 14

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    User eXperience & Front End Development User eXperience & Front End Development Presentation Transcript

    • User eXperience &Front End DevelopmentAndrea Fallas & Dan Shearmur
    • UX & FED at Semantico< 2010 The dark ages…2011 FED – DanS2012 FED – Zsuzsa & Gib2013 UX Architect – AndreaHead of Design – Owen
    • What is User eXperience?humanscomputersusers
    • What is User eXperience?humanscomputershuman-computerinteraction
    • What is User eXperience?cognition emotion behaviourconsciousunconscious
    • What is User eXperience?humanscomputerscognitionbehaviouremotion
    • What are user experiences?experiential perceptivesubjective dynamicemotive
    • Designing user experiencesUser experience design (UXD) refers to:"all aspects of [a] person’s experience withthe system including industrial designgraphics, the interface, the physical interactionand the manual."— Don Norman (who invented the term)
    • userEXPERIENCEdesignDesigning experiences for usersUSER-CENTRED design
    • userEXPERIENCEdesignDesigning experiences for usersUSER-CENTRED designlimitationsneeds wantsfeedbacktesting iteration
    • Designing experiences for usersneeds, wants &limitations ofusersmulti-stageproblem solvingprocessoptimise thesystem toaccommodateuser desiresUSER-CENTRED design
    • Why is it important?
    • Why is it important?Sometimes its just notvery clear what weremeant to be doing.
    • Why is it important?Sometimes we can befooled into trying to dothe impossible.
    • Why is it important?Conflicting instructionsand design patternscan make for a veryconfusing userexperience, so wedevelop usefulconventions.
    • Why is it important?Problems arise whenwe start mixing up theelements thatconstitute this pattern.
    • Why is it important?Problems arise whenwe start mixing up theelements thatconstitute this pattern.
    • Why is it important?Most doors are fairlysimple.What if youve neverseen a door before?How would you feel,faced with this one?
    • Usability v. usefulnessusabilityusefulness
    • USER-CENTREDdesignHow can we measure user experiences?surveyusers, goals &preferencescard sortingbuild informationarchitecturesprototypeinteractionmodelspersonasreflect usergroupswireframesite & pagearchitectureinterviewusers &stakeholders incontexttree testinginformationarchitecturesusability testinginteraction &context
    • How can we measure user experiences?interviewusers &stakeholders incontext
    • Outputs from UX practicewireframesite & pagearchitecture
    • What does this mean?Helps us BUILD THINGSStop building USABLE WRONG THINGSCONCEPTUALISE what we are buildingFRAMEWORKS & benchmarksANTICIPATE problemsUSER-CENTREDdesign
    • The interface with developmentPRODUCT developmentPLATFORM developmentACCESS managementBESPOKE developmentFRONT-END developmentORCID developmentUSER-CENTREDdesignUXAndreaDESIGNOwen
    • Front-end development
    • Previously● Outsource visual design● Tackle design or usability issues ourselves
    • Having a unified design team will● Create a feedback loop making things a littlebit more iterative● Solidify process
    • A library of interface examples● HTML prototypes● (Eventually) a client facing version● Scolaris re-design