Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
DESIGNER DEVELOPER
Bryan “Rock Star”
Gulley
@uxjester
Interaction Design
UI Development
Information Architecture
SharePoin...
DESIGNERS DEVELOPERS
ROUND 1
Designer	
  
“Design is not just what it
looks like and feels like.
Design is how it works.”
Steve Jobs
Yes, it’s beautiful.
Started when humans made
tools to make tasks easier
After WWII
·Engineers research, lessons learned
·Human Factors & Ergon...
Dieter Rams
· Braun industrial designer
· “Less, but better”	
  
Walt Disney
· First immersive experience by UCD	
  
· “Im...
Donald Norman	
  
Researchers
Information
Architects
Design
Strategists
Content
Strategists
Visual
Designers
Interactive
Designers
us·er
noun
A person who uses or operates something, esp. a
computer or other machine.
Synonyms
Consumer, customer, employe...
What is UX
a person's perceptions and responses
that result from the use or anticipated
use of a product, system or servic...
Includes The Users’
emotions, beliefs, preferences, perceptions,
physical and psychological responses,
behaviors and accom...
Influential Factors
System User Context of Use
What Who Why When Where
Everything That Affects A User’s Interaction
Meet the users’ needs & reach business goals
Solve business problems!
Improve communication!
Drive adoption & productivity...
Meet the users’ needs & reach business goals
Make people
happy by creating
great experiences
User Experience Drives Behavior & Action
How a user feels 

about a system
Impacting time, cost,
profit and satisfaction
I...
User Experience Drives Behavior & Action
How a user feels 

about a system
Impacting time, cost,
profit and satisfaction
I...
01RESEARCH
02ANALYZE
03IDEATE
04STYLIZE
05BUILD
EVALUATE
User Centered Design Process
ROUND 2
Developer
A Developer’s Approach to UX
23
! White boarding
! Wireframing
! Prototyping
! Implementation
White Boarding
24
! Think “Sketch”
! Information Architecture
! User Centered Design
Wireframes & Prototypes
25
! Think “Skeleton”
! Sketch to Screen
! Annotated User Interface
! Shareable
! Testable
26	
  
DEMO
Disclaimer
27
! Previous 4 slides are an example of how not to conduct development tasks with
users
! More on that later
Implementation
28
! Skeleton to SharePoint
! Putting it all together
! Migrating the “design” with Design Manager
! We are...
29	
  
DEMO
Tips, Tricks & Tools
! Tips
! Don’t use SharePoint Designer for master pages, page layouts, HTML, CSS, JS, etc.
! Use tool...
Designer Developer
TIE MATCH
01RESEARCH
02ANALYZE
03IDEATE
04STYLIZE
05BUILD
EVALUATE
User Centered Design Process
How we work together
· Communication - keep everyone involved in the whole process
· Check your ego at the door
· Set expe...
Key Take Aways
· NNg’s Intranet Design Annuals
· UX is valuable investment
· $10 change in UX phase, $100 in Design, $1,00...
35
Robert
Toro
Portals & Collaboration
Practice Director
robert.toro@slalom.com
630.309.4042
Nicole
Maynard
UX Designer
ni...
© 2013 Slalom, LLC. All rights reserved. The information herein is for informational purposes only and represents the curr...
Designer vs Developer - A Battle Royal v1.0
Designer vs Developer - A Battle Royal v1.0
Nächste SlideShare
Wird geladen in …5
×
Nächste SlideShare
An Introduction to User Experience for Dev's & Techies
Weiter
Herunterladen, um offline zu lesen und im Vollbildmodus anzuzeigen.

2

Teilen

Herunterladen, um offline zu lesen

Designer vs Developer - A Battle Royal v1.0

Herunterladen, um offline zu lesen

SharePoint Fest Chicago 2013 - Can designers and developers work together to create a frictionless solution? Often times barriers exist between designers and developers. Let's look at what UX really is, not hearsay and learn some interesting ways devs can help. And bring peace to this historical battle field, by showing the two factions can work together amicably when supported by a well-defined process. Content covered will center around web, desktop, mobile, and yes a little bit of SharePoint. Discussion topics will include a brief history of user experience (UX) design, a "concept to deliverable" process involving designers and developers, and finally a short demo highlighting covered concepts.

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

Ähnliche Hörbücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

Designer vs Developer - A Battle Royal v1.0

  1. 1. DESIGNER DEVELOPER Bryan “Rock Star” Gulley @uxjester Interaction Design UI Development Information Architecture SharePoint UI Sleuth Nicole “Nicky” Maynard @punkynixter User Research Information Architecture Interactive Design Visual Design
  2. 2. DESIGNERS DEVELOPERS
  3. 3. ROUND 1 Designer  
  4. 4. “Design is not just what it looks like and feels like. Design is how it works.” Steve Jobs
  5. 5. Yes, it’s beautiful.
  6. 6. Started when humans made tools to make tasks easier After WWII ·Engineers research, lessons learned ·Human Factors & Ergonomics Society Paul Fitts ·Improved cockpits ·Fitts’s law still used today
  7. 7. Dieter Rams · Braun industrial designer · “Less, but better”   Walt Disney · First immersive experience by UCD   · “Imagineers” first UX team?  
  8. 8. Donald Norman  
  9. 9. Researchers Information Architects Design Strategists Content Strategists Visual Designers Interactive Designers
  10. 10. us·er noun A person who uses or operates something, esp. a computer or other machine. Synonyms Consumer, customer, employee, client, patient Antonyms Stakeholder, steering committee member, designer, developer Defined  by  Google.  
  11. 11. What is UX a person's perceptions and responses that result from the use or anticipated use of a product, system or service ISO1924  
  12. 12. Includes The Users’ emotions, beliefs, preferences, perceptions, physical and psychological responses, behaviors and accomplishments that occur before, during and after use
  13. 13. Influential Factors System User Context of Use What Who Why When Where
  14. 14. Everything That Affects A User’s Interaction
  15. 15. Meet the users’ needs & reach business goals Solve business problems! Improve communication! Drive adoption & productivity! Ensure profitability! Enjoyable to use!
  16. 16. Meet the users’ needs & reach business goals Make people happy by creating great experiences
  17. 17. User Experience Drives Behavior & Action How a user feels 
 about a system Impacting time, cost, profit and satisfaction Impacting time, cost, profit and satisfaction Affects their behavior & choices How a user feels about a system Negative ImpactUndesired BehaviorBad Experience
  18. 18. User Experience Drives Behavior & Action How a user feels 
 about a system Impacting time, cost, profit and satisfaction Impacting time, cost, profit and satisfaction Affects their behavior & choices How a user feels about a system Positive ImpactDesired BehaviorGood Experience
  19. 19. 01RESEARCH 02ANALYZE 03IDEATE 04STYLIZE 05BUILD EVALUATE User Centered Design Process
  20. 20. ROUND 2 Developer
  21. 21. A Developer’s Approach to UX 23 ! White boarding ! Wireframing ! Prototyping ! Implementation
  22. 22. White Boarding 24 ! Think “Sketch” ! Information Architecture ! User Centered Design
  23. 23. Wireframes & Prototypes 25 ! Think “Skeleton” ! Sketch to Screen ! Annotated User Interface ! Shareable ! Testable
  24. 24. 26   DEMO
  25. 25. Disclaimer 27 ! Previous 4 slides are an example of how not to conduct development tasks with users ! More on that later
  26. 26. Implementation 28 ! Skeleton to SharePoint ! Putting it all together ! Migrating the “design” with Design Manager ! We are not limited to the Design Manager ! Use of SharePoint Designer Strongly Discouraged
  27. 27. 29   DEMO
  28. 28. Tips, Tricks & Tools ! Tips ! Don’t use SharePoint Designer for master pages, page layouts, HTML, CSS, JS, etc. ! Use tools that work well in your workflow ! Tricks ! Network Drives ! Build reusable frameworks, libraries, plug-ins, “Starter” assets ! Utilize proven work by others ! Tools ! Raw HTML, CSS, and JavaScript ! Libraries like Twitter Bootstrap, YUI, jKit, Wirefy ! Sublime Text, Notepad ++, Coda, Plain Ol’ NotePad ! Axure, OmniGraffle, Fireworks, etc.
  29. 29. Designer Developer TIE MATCH
  30. 30. 01RESEARCH 02ANALYZE 03IDEATE 04STYLIZE 05BUILD EVALUATE User Centered Design Process
  31. 31. How we work together · Communication - keep everyone involved in the whole process · Check your ego at the door · Set expectations and boundaries, build trust · Know each other’s lingo · Understand each other’s process, job and value · Be excited to teach one another – not chastise for gaps in knowledge · Devs aren’t machines, they have feelings too · Designers aren’t machines, great work takes time
  32. 32. Key Take Aways · NNg’s Intranet Design Annuals · UX is valuable investment · $10 change in UX phase, $100 in Design, $1,000 in Development · UX bridges the gap between business and IT by being the spokesperson for the user · Design and Development are equally important · Keep communication open throughout the entire process · Learn each others’ job, limitations, lingo · Collaboration is more important than your ego, you are working toward he same goal
  33. 33. 35 Robert Toro Portals & Collaboration Practice Director robert.toro@slalom.com 630.309.4042 Nicole Maynard UX Designer nicolem@slalom.com 630.251.8821 Bryan Gulley UI Developer bryang@slalom.com 773.359.3384 SLALOM CONTACTS
  34. 34. © 2013 Slalom, LLC. All rights reserved. The information herein is for informational purposes only and represents the current view of Slalom, LLC. as of the date of this presentation. SLALOM MAKES NO WARRANTIES, EXPRESS, IMPLIED, OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
  • sandylemoine37

    Oct. 9, 2014
  • fercastilho

    Jul. 11, 2014

SharePoint Fest Chicago 2013 - Can designers and developers work together to create a frictionless solution? Often times barriers exist between designers and developers. Let's look at what UX really is, not hearsay and learn some interesting ways devs can help. And bring peace to this historical battle field, by showing the two factions can work together amicably when supported by a well-defined process. Content covered will center around web, desktop, mobile, and yes a little bit of SharePoint. Discussion topics will include a brief history of user experience (UX) design, a "concept to deliverable" process involving designers and developers, and finally a short demo highlighting covered concepts.

Aufrufe

Aufrufe insgesamt

1.444

Auf Slideshare

0

Aus Einbettungen

0

Anzahl der Einbettungen

33

Befehle

Downloads

7

Geteilt

0

Kommentare

0

Likes

2

×