Why We Prototype
One of our biggest challenges in developing learning solutions is to insure that our stakeholder’s vision, organizational needs and the audiences requirements are met to deliver the best possible experience. In the past we’ve jumped right into development. Now, by introducing prototyping, we provide a way to simplify the development process by experimenting, testing, and gathering feedback before the development process.
There are dozens of tools today which enable and provide simple ways to effectively prototype. For reference, we have selected and shared the latest toolset that we use within our team to design, gather feedback and test ideas for millions of learners that we provide contents and tools to each year.
Create a Visual Story
Get everyone on the same page
Use feedback to make it better!
Get Feedback in between each step!
The easiest way to start is by sketching out ideas and concepts as you are thinking, brainstorming or working with your stakeholder.
Start out with a pen and paper and start sketching as you are collaborating with your team. The following apps will allow you to use your device to digital sketch, collaborate and share ideas.
Basic Sketching Objects to UseBelow are quick examples of how to draw sample content within your sketch.
Draw some squiggly lines to represent copy from a headline to a paragraph.
Add to allow the user to reveal additional commands or menu items that are not critical to the primary purpose of the screen.
Can be rounded or squared and allows a user to select a call to action
Can be used within a rectangle to represent a media element such as audio or video.
Allows you to present choices that may expand upon selection to reveal additional choices.
Can be used to call attention or alert the user to a particular interaction such as a warning or prompt.
Try This Sketching Activity
Grab some paper and a pencil.
Draw a sample menu with 4 selections. and then a secondary content page that shows how you may use a headline, visual image or video and additional content.
Content Strategy for Design
Think about each device size, orientation and how a user will be interacting with it.
Ready to Prototype
Don’t forget to experiment, play and adapt your process.
For homework, download and test one app a month (at least) to see how you can enhance your process.
Tools, Apps, and Books to Check Out
Books for people who make web things.
iPad Pro with Apple Pencil
One of my favorite tools today is using Apple iPad Pro with the Apple Pencil to quickly sketch, screen grab and annotate elements.