Product design

Milanote: turn reference images into a design direction people can discuss

Milanote is a visual tool for organizing creative material and moving projects forward. Designers can place images, text and links on one board, then invite clients to comment on specific content.

Form your own approach first, then explore the reasoning to check trade-offs and validation you may have missed. There is no single right answer.

01
DESIGN QUESTION

Show which reference image a comment concerns

Suppose you are designing a review page with two reference images: A, “Warm lighting,” and B, “Light wood table.” The comment list only says, “This color is too dark.” Users cannot tell which image the remark concerns.

  1. Task: Redesign one comment item so users can tell that it concerns B, “Light wood table,” and navigate from the comment to that image. You may use the image title, a thumbnail and a navigation action. Keep the comment text unchanged.
  2. Deliver: Make a simple sketch and specify the clickable area or text. Add one observation task to check whether a user can find the image discussed in the comment.
Explore the reasoning
  1. Choose information that helps users recognize the image, instead of showing only an opaque ID.
  2. Keep the identifying information and navigation action close to the comment, and make the destination clear.
  3. Ask a tester to find the image being discussed and observe whether any extra explanation is needed.