More Related Content Similar to Mockdown @ MOB Similar to Mockdown @ MOB (20) 3. ONLY 32% OF SOFTWARE
PROJECTS SUCCEED
[1] Standish Group Chaos Summary 2009
4. 64% OF FEATURES ARE
RARELY OR NEVER USED
[1] Standish Group Chaos Summary 2009
6. COMMUNICATION
&
EXPECTATIONS
[1] Standish Group Chaos Summary 2009
10. WHERE TO
START?
Grab a pencil and paper.
Or even crayons.
Sketch up your interface
and show somebody
12. THE PROBLEM
• Pencil & Paper gets lost.
• Mockups & Wireframes are difficult to maintain long term.
• There’s no good way to collaborate with product owners,
interaction designers, developers & users.
13. WHAT IS MOCKDOWN?
• Open source, code-based mockup tool.
• Declarative, component-based, visual language.
• Free as in beer & free as in speech (MIT License).
17. MORE
LIBRARIES
Android
jQuery Mobile
Web
Windows (Native)
Mac OS X (Native)
20. COLLABORATION SERVER
So your stakeholders and users can tell you
that your software sucks before you write it.
Editor's Notes - Welcome\n- Introduction\n - Standish Group Chaos Summary\n - Late\n- Overbudget\n- Never delivered\n - two-thirds\n \n - Stakeholders & users can’t fix software until its built.\n- Game of Telephone\n - Developers care about clean code.\n- Users care that it works.\n - Users don’t want to feel stupid.\n \n - Stetching is step #1\n- Show the UI to anyone and get feedback immediately.\n- Walkthrough\n \n - No long term product design solution.\n- No tools integrate with the developer workflow.\n - Resuable - borrow from other mockups\n - lo-fi coming\n- start lo-fi\n- use hi-fi once you understand layout.\n \n - If you had the perfect design tool, what would it look like?\n - Naming component is hard.\n - For designers, UX people, stakeholders.\n - Map out your application.\n- Describe flows.\n \n - EX: No way back home.\n- EX: Font size req for personas.\n - Layered PSD for designers.\n- Device testing.\n - Work with developer workflow.\n- Diffable.\n- Define changes and handoff branch.\n - Walk around and show people.\n \n \n
