Sketching with Technology

                      Cees van Dok
                              May 28, 2009


               ...
Nerds and Rock Stars
Web Designer
 Business Analyst
                                                 Creative Director
Strategist
             ...
How to create great software UX?
“Because, an iPod‟s really just software… it‟s in a beautiful box,
but it’s software…. And so the big secret…is that Apple...
Developers used to „own‟ UI design…
…and then the designers got curious
We copied the workflow from the architects
With too many losses in translation
Traditionally we‟ve leveraged a waterfall model with discreet
             „handoffs‟ from design into technology.




DIS...
We‟ve developed a „concurrent‟ model of overlapping our design
   and our software development practice. Integrating these...
Our process uses a synchronized workflow (example)


Interaction Designer       Rough Concepts                            ...
• More manageable and faster time to market
• Greater allowance for scope change
• More realistic design solutions
• More ...
Sketching with Technology
An Example – HP TouchSmart V2
UI Simulation
Concurrent development
Blend 3 Beta
Tangible experiences at any point in the process
Paper
Blocks / Foam Models / Hard models
Ben Hopson, Kinetic Design




Kinematic modeling
UX Simulation
Changing how we interact with the Digital World
Touch bridges Physical and Virtual
Human Input Devices becoming more human
Wikitude AR by Mobilizy.com, Salzburg




Augmented Reality Realized
Wear Ur World - Pranav Mistry and Pattie Maes, MIT




Wearable Gesture Interfaces
Nerds and Rock Stars
30
Upcoming SlideShare
Loading in...5
×

Frog Mix Essentials - Cees van Dok

954

Published on

Frog - Cor van Dok
Mix Essentials

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
954
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • The US Festivals (US pronounced like the pronoun, not as initials) were two early 1980s music and culture festivals sponsored by Steve Wozniak, formerly of Apple Computer.The two festivals also included large air-conditioned tents featuring the US Festival Technology Exposition—a dazzling display of then-cutting edge computers, software, and electronic music devices. (See the Softalk article linked below for a walk back in the history of computing.)Each of the two festivals had hundreds of thousands of people in attendance, but were resounding commercial failures. It is estimated that sponsor Wozniak lost nearly $20 million over two years.
  • The US Festivals (US pronounced like the pronoun, not as initials) were two early 1980s music and culture festivals sponsored by Steve Wozniak, formerly of Apple Computer.The two festivals also included large air-conditioned tents featuring the US Festival Technology Exposition—a dazzling display of then-cutting edge computers, software, and electronic music devices. (See the Softalk article linked below for a walk back in the history of computing.)Each of the two festivals had hundreds of thousands of people in attendance, but were resounding commercial failures. It is estimated that sponsor Wozniak lost nearly $20 million over two years.
  • This video demonstrates the augmented reality camera view of Wikitude AR on a G1 phone from a beautiful viewpoint looking down on Salzburg. Wikitude is a mobile travel guide based on Wikipedia and Panoramio. Search landmarks in your surroundings and view them on a map, list, and on an Augmented Reality (AR) camera view: What you see is an annotated landscape, mountain names, landmark descriptions, and interesting stories. The device displayed is a G1 Google phone, running Android.This video has been produced by Mobilizy.com
  • http://www.pranavmistry.com/projects/sixthsense/Wear Ur World - PranavMistry and Pattie Maes'SixthSense' is a wearable gestural interface that augments the physical world around us with digital information and lets us use natural hand gestures to interact with that information. We've evolved over millions of years to sense the world around us. When we encounter something, someone or some place, we use our five natural senses to perceive information about it; that information helps us make decisions and chose the right actions to take. But arguably the most useful information that can help us make the right decision is not naturally perceivable with our five senses, namely the data, information and knowledge that mankind has accumulated about everything and which is increasingly all available online. Although the miniaturization of computing devices allows us to carry computers in our pockets, keeping us continually connected to the digital world, there is no link between our digital devices and our interactions with the physical world. Information is confined traditionally on paper or digitally on a screen. SixthSense bridges this gap, bringing intangible, digital information out into the tangible world, and allowing us to interact with this information via natural hand gestures. ‘SixthSense’ frees information from its confines by seamlessly integrating it with reality, and thus making the entire world your computer
  • The US Festivals (US pronounced like the pronoun, not as initials) were two early 1980s music and culture festivals sponsored by Steve Wozniak, formerly of Apple Computer.The two festivals also included large air-conditioned tents featuring the US Festival Technology Exposition—a dazzling display of then-cutting edge computers, software, and electronic music devices. (See the Softalk article linked below for a walk back in the history of computing.)Each of the two festivals had hundreds of thousands of people in attendance, but were resounding commercial failures. It is estimated that sponsor Wozniak lost nearly $20 million over two years.
  • Frog Mix Essentials - Cees van Dok

    1. 1. Sketching with Technology Cees van Dok May 28, 2009 frog design 28 May 2009 © 2009 frog design. Confidential and Proprietary.
    2. 2. Nerds and Rock Stars
    3. 3. Web Designer Business Analyst Creative Director Strategist Visual Designer Web Developer Interaction Designer Information Architect Brand Designer Mechanical Engineer Industrial Designer Software Developer Creative Writer Software Architect Nerds and Rock Stars
    4. 4. How to create great software UX?
    5. 5. “Because, an iPod‟s really just software… it‟s in a beautiful box, but it’s software…. And so the big secret…is that Apple views itself as a software company.” Product value and meaning is in software
    6. 6. Developers used to „own‟ UI design…
    7. 7. …and then the designers got curious
    8. 8. We copied the workflow from the architects
    9. 9. With too many losses in translation
    10. 10. Traditionally we‟ve leveraged a waterfall model with discreet „handoffs‟ from design into technology. DISCOVER DESIGN DELIVER Interaction Design Interface Design Development Design & Development
    11. 11. We‟ve developed a „concurrent‟ model of overlapping our design and our software development practice. Integrating these disciplines and work-streams we increase quality, efficiency and the likelihood of actual innovation. DISCOVER DESIGN DELIVER Interaction Design Interface Design Development Design & Development
    12. 12. Our process uses a synchronized workflow (example) Interaction Designer Rough Concepts Document Diagrams Interaction Design Visio/PPT/Graffle Rolling Feature Design Designer Visual and animation Concepts Production UI Design Photoshop/AE Detail Design and Extension Technologist Interaction Prototypes Resource Dictionaries Interface Code Blend/Visual Studio Animation Prototypes Control Styles Architect Integration Strategy and Oversight Software Architecture Application Modeling Visual Studio/Visio Logic and Data Services Modeling Concurrence
    13. 13. • More manageable and faster time to market • Greater allowance for scope change • More realistic design solutions • More flexible design • Feedback is driven back into engineering earlier and more often • Chances of shipping the project are dramatically increased • Less „bad‟ surprises • More iteration and opportunity for invention • Much less risk – expectations consistently reset • Much more efficient – less detailed specification documentation • Resulting in consistently higher quality product Reasons for Concurrence
    14. 14. Sketching with Technology
    15. 15. An Example – HP TouchSmart V2
    16. 16. UI Simulation
    17. 17. Concurrent development
    18. 18. Blend 3 Beta
    19. 19. Tangible experiences at any point in the process
    20. 20. Paper
    21. 21. Blocks / Foam Models / Hard models
    22. 22. Ben Hopson, Kinetic Design Kinematic modeling
    23. 23. UX Simulation
    24. 24. Changing how we interact with the Digital World
    25. 25. Touch bridges Physical and Virtual
    26. 26. Human Input Devices becoming more human
    27. 27. Wikitude AR by Mobilizy.com, Salzburg Augmented Reality Realized
    28. 28. Wear Ur World - Pranav Mistry and Pattie Maes, MIT Wearable Gesture Interfaces
    29. 29. Nerds and Rock Stars
    30. 30. 30

    ×