Join Morten Rand-Hendriksen for an in-depth discussion in this video Testing wireframes and interaction patterns, part of Mapping the Modern Web Design Process.
- In addition to the card sorting exercises,…you should also test the preliminary wireframes…and plan interaction patterns on end users.…Present the end user with paper versions…of the wireframes and have them access…the content and pretend to navigate…through the different sections.…If they navigate to a new page, swap the pages.…If they activate an interaction pattern…like a hidden menu on a mobile device,…have a paper version of the menu overlap…the section it would overlap on the website.…
Essentially, you are mimicking the real-world…behavior of the final product as you currently envision it.…Here it's vitally important that the content…on the pages is real content from the site.…You want the end user to interact with the content…as if she was accessing it in real life…and this can only be done by presenting her…with the actual content itself.…During this test, you first want the user…to interact with the content in the way…she intuitively thinks it will work.…
Do not answer questions along the way…and allow her to find her way on her own.…
Author
Morten Rand-Hendriksen
Released
12/19/2014- Understanding what your users care about
- Creating user personas
- Creating content priority hierarchies
- Testing wireframes and interaction patterns
- Establishing a three-track build process
- Incorporating accessibility principles
- Using content blocks
- Testing and revising your web design
- Optimizing for social media and SEO
- Launching your web design
- Getting feedback from users
Skill Level Beginner
Duration
Views
-
Introduction
-
Welcome1m 13s
-
-
1. Web Design as a Process
-
2. Some Perspective
-
3. Preprocess
-
Roles and responsibilities2m 19s
-
Version control3m 2s
-
-
4. The Content Strategy Phase
-
Content strategy1m 36s
-
Content audit5m 49s
-
Content modeling4m 17s
-
Information architecture2m 53s
-
Wireframing4m 37s
-
-
5. Prebuild Testing
-
Taking it to the streets4m 28s
-
Card-sorting exercise3m 29s
-
-
6. The Build Phase
-
Designing in the browser3m 24s
-
Using content blocks3m 23s
-
7. The Test-and-Revision Phase
-
Accessibility testing2m 24s
-
Break and edge-case testing3m 16s
-
End-user testing2m 31s
-
8. The Optimization Phase
-
Optimizing for SEO2m 36s
-
Analytics integration2m 47s
-
9. Launch and Reset
-
Prelaunch checklist3m 4s
-
Post-launch user testing1m 36s
-
-
10. Going Further with lynda.com
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Testing wireframes and interaction patterns