Posts tagged techniques

T-Mobile: Storyboarding / Jon Mann

Download Jon Mann’s Storyboard presentation (PDF)

Download Grid paper (PDF)

NYC IxDA / Tap is the New Click / Dan Saffer

NYC IxDA – Tap is the New Click – Dan Saffer from Interaction Design Association on Vimeo.

Even though the technology has been around for decades, only now are we starting to see mass production and adoption of touchscreen and gestural devices for the public. Jeff Han’s influential 2006 TED demonstration of his multitouch system, followed by the launches of Nintendo’s Wii, Apple’s iPhone, and Microsoft Surface, have announced a new era of interaction design, one where gestures in space and touches on a screen will be as prominent as pointing and clicking.

But how do you create products for this new paradigm? While most of us know how to design desktop and web applications, what do you need to know to design for interactive gestures?

This introduction to designing gestural interfaces will cover the basics: usability and ergonomics; a brief history of the technology; some elemental patterns of use; prototyping and documenting; and how to communicate that a gestural interface is present to users.

ABOUT DAN SAFFER
Dan Saffer is an experience design director for Adaptive Path. An international speaker and author, his writing on design has appeared in BusinessWeek and many online publications. His acclaimed book Designing for Interaction: Creating Smart Applications and Clever Devices has been called “a bookshelf must-have for anyone thinking of creating new designs” and has been translated into several languages. His new book on interactive gestures will be published by O’Reilly in October 2008.

Dan is a member of the Industrial Designers Society of America (IDSA) and the Interaction Design Association (IxDA). He received his Master of Design in Interaction Design from Carnegie Mellon University.

Designing for Small Screens / by Studio 7.5 (2005)

Designing for Small Screens provides a guide for professional designers and students to developing functional concepts and good design for the small screen.

The design of interactive applications or presentations on small screens is becoming an increasingly pertinent field, given the advancement of technology in mobile phones, palm-top computers and other small-screen devices. However, design of this nature can be challenging for the designer. Not all design concepts that are valid on larger screens can be implemented on the small screen. Devices in this category differ in size and type of their display, in the nature of their physical interaction and in their performance.

Designing for Small Screens, therefore, equips the student or practitioner with the appropriate tools with which to develop functional concepts and realise good designs for small screens.

Read more…

Mobile Interaction Design / by Jones and Marsden (2006)

Mobile Interaction Design shifts the design perspective away from the technology and concentrates on usability; in other words the book concentrates on developing interfaces and devices with a great deal of sensitivity to human needs, desires and capabilities.

  • Presents key interaction design ideas and successes in an accessible, relevant way
  • Exercises, case studies and study questions make this book ideal for students.
  • Provides ideals and techniques which will enable designers to create the next generation of effective mobile applications.
  • Critiques current mobile interaction design (bloopers) to help designers avoid pitfalls.
  • Design challenges and worked examples are given to reinforce ideas.
  • Discusses the new applications and gadgets requiring knowledgeable and inspired thinking about usability and design.
  • Authors have extensive experience in mobile interaction design, research, industry and teaching
  • Read more…

    ActionScript 3.0: Classroom in a Book / by Adobe (2008)

    The fastest, easiest, most comprehensive way to learn ActionScript(R) 3.0 for Adobe Flash CS4 Professional ActionScript(R) 3.0 for Adobe Flash CS4 Professional Classroom in a Book contains 14 lessons. The book covers the basics of learning ActionScript and provides countless tips and techniques to help you become more productive. You can follow the book from start to finish or choose only those lessons that interest you. Learn to add interactivity to Flash files using ActionScript 3.0: Control timelines and animation, write event-handling functions, and control loading of and interaction with data, text, video, sound, and images. “The Classroom in a Book series is by far the best training material on the market. Everything you need to master the software is included: clear explanations of each lesson, step-by-step instructions, and the project files for the students.” -Barbara Binder, Adobe Certified Instructor, Rocky Mountain Training Classroom in a Book(R), the best-selling series of hands-on software training workbooks, helps you learn the features of Adobe software quickly and easily. Classroom in a Book offers what no other book or training program does-an official training series from Adobe Systems Incorporated, developed with the support of Adobe product experts.

    Read more…

    Flash and Math: AS3 Tutorials

    Flash and Math was originally sponsored by NSF for the purpose of helping math and science educators create web-based teaching materials using Flash. Though the funded project ended in 2008, the team of professors continue to update the tutorial site. The site’s navigation is relatively dense, but the tutorials are worth searching and browsing through.

    Mobile Design and Development / by Brian Fling (2009)

    Mobile devices outnumber desktop and laptop computers three to one worldwide, yet little information is available for designing and developing mobile applications. Mobile Design and Development fills that void with practical guidelines, standards, techniques, and best practices for building mobile products from start to finish. With this book, you’ll learn basic design and development principles for all mobile devices and platforms. You’ll also explore the more advanced capabilities of the mobile web, including markup, advanced styling techniques, and mobile Ajax.

    If you’re a web designer, web developer, information architect, product manager, usability professional, content publisher, or an entrepreneur new to the mobile web, Mobile Design and Development provides you with the knowledge you need to work with this rapidly developing technology. Mobile Design and Development will help you:

  • Understand how the mobile ecosystem works, how it differs from other mediums, and how to design products for the mobile context
  • Learn the pros and cons of building native applications sold through operators or app stores versus mobile websites or web apps
  • Work with flows, prototypes, usability practices, and screen-size-independent visual designs
    Use and test cross-platform mobile web standards for older devices, as well as devices that may be available in the future
  • Learn how to justify a mobile product by building it on a budget
  • Read more.