All posts by Sean

Web Development, Visual Design, Accessibility, User Experience, Technology Evangelism, Leadership, Cooking, Geek Culture, Being Awesome. And Ninjas.
Example of Paper Prototyping

Paper Prototyping

I am embarking on some paper prototyping. It’s been a awhile since I’ve done this work, so I thought I’d brush up the technique with some reading. Of course the standard book on the subject is Paper Prototyping: The fast and easy way to design and refine user interfaces.

If you haven’t heard of paper prototyping, here’s an explanation of the process from Wikipedia:

“Paper prototyping is a widely used method in the user-centered design process, a process that helps developers to create software that meets the user’s expectations and needs – in this case, especially for designing and testing user interfaces. It is throwaway prototyping and involves creating rough, even hand-sketched, drawings of an interface to use as prototypes, or models, of a design. While paper prototyping seems simple, this method of usability testing can provide a great deal of useful feedback which will result in the design of better products.”

I’ve done extensive work with paper prototyping the past and I love it. The best part is that changes can be made as fast as you can write them up; it is the best way to iterate through the evolution of a design while being guided to real user feedback. Developing with paper prototypes first and then wireframes before developing production code is Living The Dream for me.

Here are a few other articles, presentations and videos on the topic that I like:

 

Have you used Paper Prototyping? How did it work for you?

Never tried it? Does it sound like a good idea to you?

M3talinks For 06/06/2012

  • More lightweight templates for iPhone mockups and wireframes. These templates let you put more focus on content and also work better for printing. See iPhone stencil for other iPhone components.

    Note: you can use this asset as an example of how to package multiple resources into a single zip file. It also shows how to use SVG images for custom templates and widg

    tags: wireframe iphone template

Posted from Diigo. The rest of my favorite links are here.

M3talinks For 05/31/2012

Posted from Diigo. The rest of my favorite links are here.

Fixing Inaccessible Content

Accessibilty Conference 2012 SlideDeck: Fixing Inaccessibile Content

Slides

https://speakerdeck.com/u/seanyo/p/fixing-inaccessible-content

Links

M3talinks For 05/24/2012

Posted from Diigo. The rest of my favorite links are here.

M3talinks For 05/23/2012

  • “StickerYou is a fun, flexible and easy-to-use online technology for people to create their own high-quality vinyl stickers. We offer the ultimate freedom for anyone looking to create stickers with our freeform die-cut sticker printing. Whether you’re using our art and brands, or uploading your own images, each sticker looks awesome! “

    tags: Stickers

  • “At Drupalcon Denver, I approached Dries with the idea of putting Views into Drupal core for the Drupal 8 release. The idea was met very positively, and I’ve begun the work of putting together a team and resources and the things required to do this. Obviously, it’s a big job, on the scale of initiatives like Mobile, CMI, WSCCI, etc.

    This initiative will be called VDC, or Views in Drupal Core. The goal of this initiative is to put Views as we know it into Drupal core and properly integrate it so that everything is seamless. The fantastic UX work that Acquia funded last year already works very well with the core style, and we can continue to build on that to make it simply part of the Drupal experience. “

    tags: help views core drupal

  • “Access your files on another computer securely via SFTP.

    Swish is easy to use because it integrates seamlessly with Explorer and working with remote files feels just like working with the ones on your local computer.

    We believe Swish is a better option for typical users than WinSCP because it is so easy to use. Download it now and decide for yourself. “

    tags: windows software sftp ssh

Posted from Diigo. The rest of my favorite links are here.

M3talinks For 05/10/2012

Posted from Diigo. The rest of my favorite links are here.