- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Lean Prototyping презентация
Содержание
- 1. Lean Prototyping
- 2. Rohit Agarwal I prototyped
- 3. You can check it @ www.framebench.com
- 4. Wireframe
- 5. Prototype Wireframe
- 6. Prototype Wireframe Mockup
- 7. Prototype App Wireframe Mockup
- 8. Prototype App Wireframe Mockup Yay!!
- 9. WIREFRAME WIREFRAME WIREFRAME
- 10. FOCUS ON SPACING
- 11. Wireframe for a Conference website
- 12. Wireframe for an iPhone app
- 13. Wireframe : Framebench Website
- 14. PROTOTYPE PROTOTYPE PROTOTYPE
- 15. A plan for how it WORKS, NOT how it looks PROTOTYPE PROTOTYPE PROTOTYPE
- 16. PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYP Think about MENUS and ANIMATION
- 17. PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYP Think about use CASES and user FLOW
- 18. PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE
- 19. PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE
- 20. MOCKUP MOCKUP MOCKUP
- 21. MOCKUP MOCKUP MOCKUP 2 types
- 22. 2 types Low fidelity High fidelity MOCKUP MOCKUP MOCKUP
- 23. HIGH FIDELITY MOCK > MOCKUP MOCKUP
- 24. MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
- 25. MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
- 26. MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
- 27. MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
- 28. MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
- 29. YOU TOO CAN PROTOTYPE LEAN
- 30. 1. Conceptualize it
- 31. Categorize everything you need on your application.
- 32. There’s nothing better than the pen, paper
- 33. 2. Wireframe it
- 34. Now that you have a basic idea
- 35. I personally love Balsamiq..
- 36. And Moqups.
- 37. Wireframe.cc is super lightweight!
- 38. 3. Prototype it
- 39. You have various wireframes ready, its time
- 40. 1 Interactive Wireframes This is all about determining flow
- 41. 2 Prototype in the browser Today’s
- 42. 4. Mock it
- 43. Mockups generally are medium to high fidelity
- 44. Collaborate?
- 45. Will your team and designer always be
- 46. Meet with anyone, anywhere GIFs Images Prototypes
- 47. Scribble over mockups. Track versions. Get them approved faster. Use TableTop Sync
- 48. Your cases?
- 49. You’re awesome! Thanks I’m fairly active on
- 50. Found useful? Share on Facebook Share on Twitter
Rohit Agarwal I prototyped
Слайд 10
FOCUS ON SPACING
UI ELEMENTS DRAWN
PLACEHOLDERS
WIREFRAME WIREFRAME WIREFRAME WIREFRAME WIREFRAME WIREFRAME WIREFRAME
WIR
Слайд 16PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYP
Think about MENUS and
ANIMATION
Слайд 17PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYP
Think about use CASES
and user FLOW
Слайд 18PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYP
Think about MOST FREQUENT
actions : reduce clicks
Слайд 19PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYPE PROTOTYP
Visualize all possibilities –
save redesigns and headaches later
Framebench App Prototypes
Слайд 23HIGH
FIDELITY
MOCK
>
MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
LOW
FIDELITY
MOCK
<
Слайд 25MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
POP
QUIZ
LOW FIDELITY?
HIGH FIDELITY?
This mockup is…
Слайд 26MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
POP
QUIZ
LOW FIDELITY!!
This mockup is…
Слайд 28MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP MOCKUP
And
yes…
HIGH FIDELITY!
This mockup is…
Слайд 31Categorize everything you need on your application. Post-its are great for
this!
Create multiple drawings and placements for various elements.
Слайд 32There’s nothing better than the pen, paper and post its for
this.
Try out Behance’s Action sheets
Try out Behance’s Action sheets
http://www.creativesoutfitter.com/products/100/action-method
Слайд 34Now that you have a basic idea in your mind, you’re
ready to put it on a digital pad.
AND..
There are a variety of tools available today!
AND..
There are a variety of tools available today!
Слайд 39You have various wireframes ready, its time to quickly create proof
of concepts.
Lean Prototyping = Test Quickly = Fail Faster
Слайд 412
Prototype in
the browser
Today’s UI packs allow for you to get
started right in the browser!
Twitter Bootstrap
UI Packs
Chrome Developer tools!
Слайд 43Mockups generally are medium to high fidelity prototypes made in software
like
There’s nothing lean about a mock and in fact should be done once you’ve tested everything else.
Слайд 45Will your team and designer always be together?
How can you collect
feedback and test these wireframes & mockups?
Слайд 46Meet
with anyone, anywhere
GIFs
Images
Prototypes
Wireframes
Mockups
Videos
PDFs
Have live discussions on your
[
]
Слайд 49You’re awesome!
Thanks
I’m fairly active on twitter: @jumbld
& extra good karma for
you if you try out www.FrameBench.com and give us feedback
