Wireframed

Tips from the trenches for better wireframes

“I did some wireframes.Then I had to live with it.”

John-Philip JohanssonUX Developer @ Avanade

@seriemajp on Twitter

Components

Consistency

Annotate

Highlight

My page

Mobile

Popups?

Types

Responsive Web Design

Flow naturally

Happy/Sad path

Listings

Listings

No items found

Did you mean “mini”?

Language

Language

And right-to-left languages?..

Organize

Names

Page wireframe: WF-015

Components/masters: WFM-003

User flows: UIF-015

Forms

Sad path?

Load / Reload

Prototype

Do it

Thanks

@seriemajp