#wfwd

[emperorcartagia]

william forward in dallas (1989)

[emperorcartagia]

🤠

[emperorcartagia]

if you hate him you will die and go to hell.

[emperorcartagia]

ugh... #needthat

[emperorcartagia]

[wireframewednesday]

Bedrift 2.0 Documentary | Interaction Design

Episode 2: Interaksjonsdesign

via bedrift2null.no

Second Episode of the web documentary Bedrift 2.0 by citomedia shot at Frontend2010 conference in Oslo. This time the topic is Interaction Design and Usability feat. Aral Balkan, Daniel Burka, Rob Goodlatte ...

[wireframewednesday]

Why It's Important to Annotate Your Wireframes | UX Movement

Have you ever deliv­ered your wire­frames to a client only to have them quickly tell you what things they dis­like and want you to change? The prob­lem here is that biases occur when peo­ple judge some­thing before they under­stand it. One can­not objec­tively judge a design unless they thor­oughly under­stand it. It is likely your client is not well versed in the prin­ci­ples and prac­tices of user expe­ri­ence design. This is why it is your respon­si­bil­ity to com­mu­ni­cate your ratio­nale for your design deci­sions on your wireframes.

Anno­tat­ing your wire­frame ele­ments with clear and con­cise expla­na­tions is impor­tant and nec­es­sary, so that clients can under­stand your design before they judge it. If you leave them off, your clients have the power to assert their biased judge­ment on your design, which can cre­ate a breed­ing ground for sub­jec­tiv­ity. To pre­vent this from hap­pen­ing, it’s impor­tant to anno­tate your wire­frames and offer rea­sons and ben­e­fits about why your design is effec­tive. This will give them insight to your think­ing process and allow them to think about the things that you think about when you design. Below is an exam­ple and four best prac­tices on how to anno­tate your wireframes.

1. Keep them short and to the point

This is where your writ­ing skills come in handy. Giant blocks of text aren’t attrac­tive to read. Keep your expla­na­tions short and to the point. You may have a lot of anno­ta­tions, which is why keep­ing them short will make for a faster and eas­ier read. Any fur­ther elab­o­ra­tion could be fol­lowed up with a meet­ing if needed. How­ever, clients are usu­ally scarce on time, so I wouldn’t count on it. Get every­thing you want to say on your wire­frame, but keep it concise.

2. Focus on user benefits

Every design deci­sion you make should ben­e­fit the user. Thus, your anno­ta­tions should focus on explain­ing how each design ele­ment helps the client’s users. Focus on the ben­e­fits because that’s what clients care about.

3. Use numer­i­cal mark­ers and order them

Enu­mer­ate your anno­ta­tions and order them from left-to-right going down the page. This makes it eas­ier to read and will pre­vent clients from hav­ing to jump around the page to read each annotation.

4. Keep them in a col­umn on the right

Keep your anno­ta­tions on the right next to the wire­frame, so that clients won’t have to look too far to read them. It fol­lows the nat­ural left-to-right pro­gres­sion peo­ple use when they’re reading.

Anno­tat­ing your wire­frames is an extra step in the process, but it is well worth it. If you truly believe in your design you will go through great lengths to help your clients under­stand it. It’s hard for clients to look at a wire­frame and notice every grain of detail you have put into it. Anno­ta­tions allow your clients to look at your design with­out pass­ing judge­ment. As a designer, your job is to think objec­tively. Some­times in order for a project to suc­ceed you will have to help the peo­ple you work with think objec­tively as well.

via uxmovement.com

Don't use notes just for feedback use them for guidance! Anthony explains in this article why it's important to put notes next to your wireframes.

[wireframewednesday]

Bedrift 2.0 Documentary | Webdesign

via bedrift2null.no

Third Episode of the web documentary Bedrift 2.0 by citomedia recorded at this years Frontend conference in Oslo. The topic of this week is going to be the key factors of successful webdesign feat. Aral Balkan, Daniel Burka, Paul Boag ...