To the front pageThe Interaction Designer's Coffee Break - Weekly postings and quarterly articles about interaction design  
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI  
   
 

BROWSE GUUUI POSTINGS

 

1

7 myths about paper prototyping

David Travis addresses seven objections to paper prototyping:

- Yes, you can draw!

- No, wireframes are not paper prototypes

- No, sketches on whiteboards are not prototypes

- Yes, paper prototypes are just as fast and flexible as digital ones

- Yes, you can do reliable usability testing with paper prototypes

- Yes, it looks unprofessional. But it isn't

- Yes, you can simulate interactivity.

Links:

  • 7 myths about paper prototyping Open link in new window

Henrik Olsen - March 25, 2019

Permanent link Comments (0)

See also: Prototyping and wireframing (120)  Usability testing (71) 


 

2

Top usability findings 2010

Jeff Sauro has complied a list of top 10 research-based usability findings of the year 2010. Here's a sample of the five most interesting:

- Users are able to self-report around half of the problems that can be found during moderated usability tests

- Usability accounts for at least 30% of customer loyalty

- Ratings of website usability after only 5 seconds are the same as those after 10 minutes.

- 10% of paid participants in remote user research will cheat

- Usability problems are almost 10-times more common on business applications than on websites

Links:

  • Top 10 Research-Based Usability Findings of 2010 Open link in new window

Henrik Olsen - January 12, 2019

Permanent link Comments (0)

See also: Usability testing (71)  Cost-justification and ROI (28)  User research (24)  Research (130) 


 

3

How to do A/B and multivariate testing

A/B and multivariate testing are techniques used to tests how different design variations influence peoples' behavior on a website.

In this article, Paras Chopra explains how to set up such tests by first forming hypotheses about what might be wrong with a design and then testing possible solutions on the website to see how each of them perform.

In the article, Paras shows how some minor adjustments of a software download page increased its download rate by 60%.

Links:

  • Multivariate Testing in Action: Five Simple Steps to Increase Conversion Rates Open link in new window

Henrik Olsen - November 24, 2019

Permanent link Comments (0)

See also: Usability testing (71)  Persuasive design (23) 


 

4

UXPin - a paper prototyping kit

If you want to make your paper prototyping a little easier, you might consider investing in a UXPin Portable Kit. It comes with a browser notepad and pads of restickable interface elements, such as buttons, text fields, drop down lists and check boxes, nicely packed in a hard-cover.

Links:

  • The UXPin Portable Kit Open link in new window

Henrik Olsen - November 17, 2019 - via Konigi

Permanent link Comments (0)

See also: Prototyping and wireframing (120)  Tools (106) 


 

5

How to build a successful design company

UX Movement has published an eight step guide on how to build a multi-billion dollar design company.

1. Make design everything. Everything!
2. Let design report to Steve Jobs
3. Let a very small elite team design all major products
4. Let designers make the design decisions
5. Make pixel-perfect mock-ups
6. Make designers and engineers work closely together
7. Don't do market research. Trust your own taste.
8. Don't let anything that isn't perfect go out

P.S. If you don't have a Steve Jobs, a Jonathon Ive might do.

Links:

Henrik Olsen - November 04, 2019

Permanent link Comments (0)

See also: Tips and guidelines (95)  Implementing user-centred design (9)  The design process (24) 


 

6

What is better: sketches, wireframes or prototypes

Daniel Ritzenthaler has written a nice piece on how there is no point in discussing which design tools or approach are better as they all have their special purposes. Instead, we should match the tool with the problem at hand. In the article, Dan gives some advice on what to use when.

Links:

Henrik Olsen - October 04, 2019

Permanent link Comments (0)

See also: Prototyping and wireframing (120) 


 

7

Wireframe kit for Fireworks

Adobe Fireworks comes with a number of nice looking, visually polished user interface elements that can be used for prototyping and wireframing. In the lack of something more rough and sketchy, Dragnet has made a visually bare bones web library that you are free to download.

Links:

Henrik Olsen - September 05, 2019 - via Wireframes Magazine

Permanent link Comments (0)

See also: Tools (106)  Prototyping and wireframing (120) 


 

8

Keynote prototyping how-to + template

At his blog, Amir Khella has a thorough post on how to build interactive prototypes of iPad applications using Keynote. In the post Amir shares his Keynote iPad template for download.

Links:

Henrik Olsen - July 30, 2019 - via Wireframes Magazine

Permanent link Comments (0)

See also: Prototyping and wireframing (120)  Tools (106) 


 

9

Prototyping with Keynote

Apple's presentation making software, Keynote, is apparently becoming a popular design and prototyping tool. According to Luke Wroblewski, the reason why is that:

- It's efficient to work with
- It has fairly powerful drawing capabilities that allow you to design in high-fidelity
- It's great for showing process flows and interactions
- Its animation tools makes it easy to show how things like transitions and rich interactions might actually work

Links:

Henrik Olsen - July 30, 2019

Permanent link Comments (0)

See also: Prototyping and wireframing (120)  Tools (106) 


 

10

The right level of fidelity in design deliverables

Is sketching, wireframing or prototyping the way to go?

In this short article, Tyler Tate concludes that different design methods aren't mutually exclusive. "Rather, each method is appropriate in a certain context. At the end of the day, it simply comes down to selecting the level of fidelity that gets the job done in the least amount of time. As it's been said, 'Laziness is the mother of efficiency.'"

Links:

Henrik Olsen - July 13, 2019

Permanent link Comments (0)

See also: Prototyping and wireframing (120) 


 
<< Back | More posts >>

Browse GUUUI postings

Methods and the design process

Prototyping and wireframing (120)  Usability testing (71)  Cost-justification and ROI (28)  User research (24)  Personas (19)  The design process (24)  Eye-tracking (14)  Card sorting (13)  Web traffic analysis (12)  Expert reviews (11)  Implementing user-centred design (9)  Site and flow diagramming (6)  Envisionments (4)  Use Cases (3) 

Design elements

Navigation (63)  Web page design (41)  Search (27)  Text (24)  Forms (30)  Links (19)  Guidelines and Standards (15)  Site design (14)  Ads (9)  Design patterns (8)  Sections (8)  Shopping Carts (9)  Error handling (7)  Home pages (9)  Help (3)  E-mails (3)  Sitemaps (2)  Personalization (1)  Print-friendly (1)  Landing pages (5) 

General aspects

E-commerce (28)  Persuasive design (23)  Visual design (20)  Information architecture (15)  Accessibility (13)  Search engines (7)  Credibility, Trust and Privacy (6)  Emotional design (10)  Simplicity vs. capability (7)  Web applications (6)  Intranets (3) 

Technology

Flash (6)  Download time (5)  Javascript (3)  URLs (3)  Browsers (3)  Web standards (2) 

Humour

Bad designs (20)  Cartoons (14)  Fun music and videos (13)  Funny tools and games (12)  Misc humor (8)  Fun with Jakob Nielsen (9)  Designs with humor (3)  Fun posters (5)  Funny 404 pages (2) 

Resource types

Research (130)  Tips and guidelines (95)  Tools (106)  Books (47)  Audio and video (48)  Interviews (30)  Cases and Examples (28)  Talks and presentations (18)  GUUUI articles (11)  Primers (14)  Online books (5)  Posters (5)  Glossaries (3)  People and organisations (3) 

Information sources

Blogs (12)  Websites (11)  Discussion lists (4)  News (3)  Newsletters (3)  Online magazines (3)  Wikis (1) 

 
     
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI