- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Collaborative Sketching for UX презентация
Содержание
- 1. Collaborative Sketching for UX
- 3. Arguably, we’ve been sketching for eons
- 4. But now, we’re sketching more than ever
- 5. Why sketch? Enable communication Make abstract
- 6. What can I sketch? Home pages
- 7. And there’s so much more to sketch
- 8. Who can sketch? Information architects Interaction
- 9. Really, anyone can sketch Cartoon by XKCD
- 10. A few ways we sketch at Razorfish:
- 11. What sketching isn’t … Sketching isn’t
- 12. However, we can learn from the pros
- 13. Who often begin with a sketch
- 14. Adding layers, detail, color
- 15. Until they complete their masterpiece
- 16. A Quick Case Study
- 17. Any idea what this is a sketch of?
- 18. “twttr sketch” Twitter.com Twitter [This sketch]
- 19. Some Advice from the Experts
- 20. “The great benefit of drawing is that
- 21. “There are techniques and processes whereby we
- 22. Attributes of a Sketch Quick Timely
- 23. "There is no more powerful way
- 25. Collaborative Sketching
- 26. For the purposes of today’s workshop, sketching is … Quick Simple Collaborative
- 27. All the tools you need: Paper Sharpies Photo by JasonTank, Flickr
- 28. Defining Collaborative Sketching Origins Rooted in Design
- 29. Methodology Sketch Limit your time Don’t worry
- 30. Process: Discuss Sketch Share Revise
- 31. Discuss Discuss the experience you’re sketching What’s
- 32. Sketch Sketch silently Limit your time –
- 33. Share Review your work with your team
- 34. Revise Now begin your wireframe with a
- 37. Now, it’s your turn
- 38. Our Exercise
- 39. What to do?
- 40. Our Exercise: A home page for
- 41. Also, consider other event sites you’re familiar with. This will be your “competitive analysis”
- 42. In teams, sketch your ideas Take
- 43. Our Exercise: Take 10 minutes to discuss what features belong here
- 44. Our Exercise: 2. Sketch your ideas silently for 10 minutes
- 45. Our Exercise: 3. Share your sketches with your team
- 46. Our Exercise: Sketch again,
- 47. Some Resources
- 48. Books
- 49. Sketching Tools The following apps are
- 50. Prototyping AppSeed Currently in development,
- 51. Introduction to Design Studio Methodology http://uxmag.com/articles/introduction-to-design-studio-methodology
- 52. Thank you www.slideshare.net/stribs
Arguably, we’ve been sketching for eons
Слайд 4But now, we’re sketching more than ever
IdeaPaint Inc makes a paint
that turns any surface into a whiteboard
Its sales have doubled every year since introduced in 2008
More than ½ its business is in the workplace
See “Doodling for Dollars,” Wall Street Journal, April 24, 2012
Its sales have doubled every year since introduced in 2008
More than ½ its business is in the workplace
See “Doodling for Dollars,” Wall Street Journal, April 24, 2012
Слайд 5Why sketch?
Enable communication
Make abstract concepts concrete
Iterate on ideas
Jumpstart collaboration
Ensure recollection
Humanize ideas
Слайд 6What can I sketch?
Home pages
Category pages
Product pages
Wizards & widgets
Search results
Process Flows
Anything,
really
Слайд 7And there’s so much more to sketch for …
Smartphones
Tablets
Google Glass
iWatches
Responsive design
Ubiquitous
computing
Слайд 8Who can sketch?
Information architects
Interaction designers
Graphic designers
Content strategists
Project managers
Business analysts
Functional analysts
Developers
Client
directors
Слайд 10A few ways we sketch at Razorfish:
Solo
Sketch to comp
Communicate to client
Storyboarding
As
a team – collaboratively
Слайд 11What sketching isn’t …
Sketching isn’t only for designers
Sketching isn’t difficult
Sketching isn’t
drawing
You needn’t be Michelangelo to participate
You needn’t be Michelangelo to participate
Слайд 18“twttr sketch”
Twitter.com
Twitter
[This sketch] has very special significance – it's hanging in
the office somewhere with one other page. Whenever I'm thinking about something, I really like to take out the yellow notepad and get it down.
– Jack Dorsey, Twitter
– Jack Dorsey, Twitter
Слайд 20 “The great benefit of drawing is that when you look at
something, you see it for the first time.”
- Milton Glaser
- Milton Glaser
Слайд 21 “There are techniques and processes whereby we can put experience front
and center in design. My belief is that the basis for doing so lies in extending the traditional practice of sketching.”
- Bill Buxton
- Bill Buxton
Слайд 22Attributes of a Sketch
Quick
Timely
Inexpensive
Disposable
Plentiful
Clear vocabulary
Distinct gesture
Minimal detail
Appropriate degree of refinement
Suggest &
explore rather than confirm
Ambiguity
Ambiguity
Bill Buxton
Sketching User Experiences
Слайд 23
"There is no more powerful way to prove that we know
something well than to draw a simple picture of it. And there is no more powerful way to see hidden solutions than to pick up a pen and draw out the pieces of our problem."
Dan Roam
The Back of the Napkin
Слайд 28Defining Collaborative Sketching
Origins
Rooted in Design Studio Methodology
Grew out of industrial design
and architecture
No “rockstars”
Different versions/methods
For example, Todd Zaki Warfel, Message First, talks about …
Create. Pitch. Critique.
6.8.5 game
No “rockstars”
Different versions/methods
For example, Todd Zaki Warfel, Message First, talks about …
Create. Pitch. Critique.
6.8.5 game
Слайд 29Methodology
Sketch
Limit your time
Don’t worry about mistakes or style
Goals
Benefit from the participation
of your colleagues
Communicate ideas effectively by visualizing them
Quickly generate ideas and refine through iterations
Communicate ideas effectively by visualizing them
Quickly generate ideas and refine through iterations
Слайд 31Discuss
Discuss the experience you’re sketching
What’s its purpose?
What features are necessary?
How would
you prioritize them?
What’s the audience?
However, you are not discussing layout or design
Just the problem you’re trying to solve
No sketching yet
What’s the audience?
However, you are not discussing layout or design
Just the problem you’re trying to solve
No sketching yet
Слайд 32Sketch
Sketch silently
Limit your time – 5, 10 minutes
Sketch as much has
possible, as many different ideas as possible
Emphasis is on quantity of ideas not quality of sketches
Emphasis is on quantity of ideas not quality of sketches
Слайд 33Share
Review your work with your team
Keep it short – 60 seconds
each
You provide feedback to others
What you like
Questions about didn’t work for you
You’re not grilling your colleagues and this is not a competition
You provide feedback to others
What you like
Questions about didn’t work for you
You’re not grilling your colleagues and this is not a competition
Слайд 34Revise
Now begin your wireframe with a more informed view, more and
better ideas
And sketch again if you need to
And sketch again if you need to
Слайд 40Our Exercise:
A home page for Events.com
A website for finding local
events
Listed by category
Listed by date
Listed by … what else?
Who is the audience?
Locals
Tourists
Event promoters
Listed by category
Listed by date
Listed by … what else?
Who is the audience?
Locals
Tourists
Event promoters
Слайд 41Also, consider other event sites you’re familiar with. This will be
your “competitive analysis”
Слайд 42In teams, sketch your ideas
Take 10 minutes to discuss what features
belong here
Sketch your ideas silently for 10 minutes
Share your sketches with your team
Sketch again, incorporating what you learned from others
Sketch your ideas silently for 10 minutes
Share your sketches with your team
Sketch again, incorporating what you learned from others
Discuss
Sketch
Share
Revise
Our Exercise:
Слайд 49Sketching Tools
The following apps are all for the iPad:
Adobe Ideas
Bamboo
Paper
Muji Notebook
Penultimate
SketchBook Pro
Paper
Muji Notebook
Penultimate
SketchBook Pro
Paper
Слайд 50
Prototyping
AppSeed
Currently in development, this Kickstarter project lets you to turn your
app sketches into working mobile prototypes
“Sketching is simply the fastest way to test ideas and visually brainstorm”
– Greg Goralski, AppSeed creator
Слайд 51Introduction to Design Studio Methodology
http://uxmag.com/articles/introduction-to-design-studio-methodology
The Design Studio Method – Presentation
by Todd Zaki Warfel
https://vimeo.com/37861987
https://vimeo.com/37861987
Further Study
