Photo source: Musician Buzz
- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Shredding the Wireframe презентация
Содержание
- 1. Shredding the Wireframe
- 2. Agenda What is UX? (Let’s make sure
- 3. But first…introduce yourself
- 4. What is UX?
- 5. What is UX? Empathizing with users to
- 6. Our Common Enemy Source: Screenshots of Despair http://screenshotsofdespair.tumblr.com/
- 7. Our Patron Saint “Design is not just
- 8. Origins of the Term Source: Businessweek
- 9. Rooted in Architecture Graphic design Industrial design Human Factors
- 10. Also heavily inspired by Film Animation Comics
- 11. The Process
- 12. How We Measure Success Effectiveness – how
- 14. 3 Key Practices in UX Research
- 15. Some Deliverables
- 16. Ecosystem Diagram c c
- 17. User Journeys c c c
- 18. Site Map c
- 19. Wireframes c
- 20. We
- 21. Wireframes Have Several Limitations What you see
- 22. Development Processes are Evolving
- 23. Out with Waterfall* * As with a
- 24. In with Agile* * Every software development
- 25. And we need some new tools
- 26. Enter the Prototype
- 27. What do we mean when we say
- 28. Advantages to Prototyping the UX Get early
- 29. There are several categories Proof-of-Concept Prototype Form
- 30. The Fidelity Spectrum Photo sources: Cesar Astudillo, Flickr, Invision App, Razorfish Emerging Experiences
- 31. Set Expectations on Prototype Fidelity
- 32. Some Popular Tools
- 34. Medium-Fi
- 35. Medium-Fi
- 36. High-Fi
- 37. Case Study: Razorfish Tech Summit App
- 38. About the Razorfish Tech Summit Annual event
- 39. Our Mission Create an app for Razorfish’s
- 40. The Gimbal Beacon
- 41. Tech Summit App Features Linkedin Authentication/Registration Location
- 42. Sketching the Experience
- 43. Application Map
- 44. Sketching the Experience
- 52. Testing: Early and Often
- 53. But What About the Spec?
- 54. Plays well with Box or Dropbox
- 55. Thanks!! Photo sources: Dustin Gaffke, Flickr
- 56. Q+A
Agenda What is UX? (Let’s make sure we are on the same page here) Example deliverables Limitations of wireframes/embracing the prototype Some awesome tools (Invision App, Justinmind, POP) Case study: Razorfish
Слайд 1Shredding the Wireframe
Intro to Rapid UX Prototyping
Kyle Outlaw / Group Experience
Director @Razorfish
Слайд 2Agenda
What is UX? (Let’s make sure we are on the same
page here)
Example deliverables
Limitations of wireframes/embracing the prototype
Some awesome tools (Invision App, Justinmind, POP)
Case study: Razorfish Tech Summit App
What about the spec?
Q+A
Example deliverables
Limitations of wireframes/embracing the prototype
Some awesome tools (Invision App, Justinmind, POP)
Case study: Razorfish Tech Summit App
What about the spec?
Q+A
Photo source: MC Quinn, Flickr
Слайд 5What is UX?
Empathizing with users to make products better (feel their
pain)
Understanding how consumers will actually use a product or service and design
It used to be about web sites and web-based applications, but mobile web sites and applications, social platforms need a lot of UX help
Understanding how consumers will actually use a product or service and design
It used to be about web sites and web-based applications, but mobile web sites and applications, social platforms need a lot of UX help
Source: Office Space (20th Century Fox)
Слайд 7Our Patron Saint
“Design is not just what it looks like or
feels like. Design is how it works.”
–Steve Jobs, Patron Saint of User Experience Practitioners
–Steve Jobs, Patron Saint of User Experience Practitioners
Слайд 11The Process
1. Get to know users
2. Analyze user tasks and goals
3.
Establish requirements
4. Prototype ideas
5. Test
Rinse and Repeat
Слайд 12How We Measure Success
Effectiveness – how easily can users achieve their
goals
Efficiency – how fast can they do it
Satisfaction – Experience = good/bad? (Would they share it with others?)
Efficiency – how fast can they do it
Satisfaction – Experience = good/bad? (Would they share it with others?)
Слайд 143 Key Practices in UX
Research
Knowing the user
Information Architecture + Interaction
Design
Sketching the experience
Sketching the experience
Content Strategy
Planning, development, and management of content
Photo sources: CannedTuna, Flickr; Martin Stabe, Flickr; Baldiri, Flickr
Слайд 21Wireframes Have Several Limitations
What you see is often not what you
get
Insufficient when describing nuanced interaction
Approvals can never be final until the result is seen in code
It’s difficult to test wireframes
Many clients have difficulty providing feedback on wireframes
Laborious, time intensive
Inefficient for detailing responsive design
Insufficient when describing nuanced interaction
Approvals can never be final until the result is seen in code
It’s difficult to test wireframes
Many clients have difficulty providing feedback on wireframes
Laborious, time intensive
Inefficient for detailing responsive design
Image source: Wikipedia
Слайд 23Out with Waterfall*
* As with a symphonic orchestra, the emphasis of
Waterfall is the plan (or score) and therefore before beginning any kind of development there needs to be a clear vision in order. Orchestras however typically don’t function well when project goals are in flux or unclear (i.e. the composition is still being written).
Photo source: Vancouver 125, Flickr
Слайд 24In with Agile*
* Every software development firm or agency seems to
have it’s own flavor of agile, leading to difficulties in applying a standard definition to the term. At Razorfish, it has come to mean a tight, fast process that is multi-disciplinary yet on the outside might appear to be somewhat chaotic. Like any good jam session, agile can be good in situations where the end-goals of projects are not completely defined.
Photo source: Incase, Flickr
Слайд 27What do we mean when we say prototype?
A prototype is an
early sample, model, or release of a product built to test a concept or process or to act as a thing to be replicated or learned from.
Source: Wikipedia
Photo source: Steve Jurvetson, Flickr
Слайд 28Advantages to Prototyping the UX
Get early buy-in from business stakeholders
Enables
testing early and often with users
Encourages multi-disciplinary collaboration
Plays well with the agile methodology
Shows not just what it will look like but how it will work
Kill fewer trees
Encourages multi-disciplinary collaboration
Plays well with the agile methodology
Shows not just what it will look like but how it will work
Kill fewer trees
Слайд 29There are several categories
Proof-of-Concept Prototype
Form Study Prototype
User Experience Prototype
Visual Prototype
Functional Prototype
(a.k.a Working Prototype)
Source: Wikipedia
Слайд 30The Fidelity Spectrum
Photo sources: Cesar Astudillo, Flickr, Invision App, Razorfish Emerging
Experiences
Слайд 38About the Razorfish Tech Summit
Annual event hosted by Razorfish
Includes clients and
industry thought leaders
Two days of keynotes, panels, case studies and workshops
Explore how these changes impact customer experiences
Two days of keynotes, panels, case studies and workshops
Explore how these changes impact customer experiences
Photo source: Razorfish Emerging Experiences
Слайд 39Our Mission
Create an app for Razorfish’s 2014 Tech Summit that:
Provides basic
conference information
Show cases Gimbal Beacon technology
Design and build in an insanely short period of time
Show cases Gimbal Beacon technology
Design and build in an insanely short period of time
Слайд 41Tech Summit App Features
Linkedin Authentication/Registration
Location aware heat map visualization (with easter
eggs/prizes)
Beacon integration
Calendar with list of events, and speakers (link to Linkedin profiles)
About the summit
Get help (contact information for event organizers)
IOS device support
Beacon integration
Calendar with list of events, and speakers (link to Linkedin profiles)
About the summit
Get help (contact information for event organizers)
IOS device support
