: UX Wireframe User Flow Scale Thought I'd throw this out there. At which scale does everyone produce their wireframes/user flows? For mobile, I usually design at 1:1 scale using iPhone 5 dimensions

@Cofer715

Posted in: #InterfaceDesign #UserExperience #Wireframing

Thought I'd throw this out there.

At which scale does everyone produce their wireframes/user flows? For mobile, I usually design at 1:1 scale using iPhone 5 dimensions (320x568), but I've found that when creating user flows at 1:1 scale that it can usually lead to a large canvas size (in Illustrator or Sketch or what have you) once you have multiple instances each wireframe and annotations.

Something like this would require a very large canvas if designed at 1:1 scale: dribbble.com/shots/2483852-Lifeonit-Mobile-Onboard-Wireframes/attachments/486957

One approach could be to design at half scale, but then you're really not making an honest representation of what can fit within the viewport. Other downsides to this is that you have to always keep 1/2 scale in mind (e.g. 12px type is now 6.5px), text may be hard to read, etc.
Another approach could be to design at full scale, and then reduce the size when placing into the user flow. Downsides to this is that it makes editing after resize more complicated.
A third approach is to design at completely arbitrary dimensions. Everything will still be relative which will help with balance and the general idea, but still it's hard to plan with pixel dimensions in mind. I've seen some UX kits that do this. Their many different UI patterns can't all fit within a single artboard, so I find that the viewport on a mobile phone is like 302px wide instead of 320).


Anyway, I'm curious how everyone approaches this and what are some of your best practices.

Vote Up Vote Down

Login to post a comment!