Design QA Checklist on Developer Build (Part 2 of 3) - Deepstash

Design QA Checklist on Developer Build (Part 2 of 3)

Colors:

  • Respecting primary colors and accents
  • Background colors, illustrations, text, buttons, icons, card shadows, etc
  • Different interface states e.g. a “night” mode

Affordance:

  • Component states (buttons, links, icons, checkboxes, etc.) like “normal,” “hover,” “pressed” and“disabled”
  • Micro-interactions in navigation menus or tab bars
  • Have proper links been added?
  • How do different states of form fields appear? (Normal, errors, mandatory, dropdowns, focused, typing, disabled)
  • Should open dropdown menus have a specific appearance?
  • Do form fields have the correct size on each device?

1

STASHED IN:

4

MORE IDEAS FROM The ‘Design Review’ Between Designers and Developers

One of the most important times for a design review is at the end of a development sprint. A design review evaluates whether or not the developed product is in line with the original creative vision and user experience. In other words, it’s a review of the developed project which helps to verify all graphic and technical components display and function properly.

As the design gets passed from design teams to product owners and development teams, they each make changes due to temporal or business issues, which can mean the final product doesn't correspond with the design team’s vision.

1

STASHED IN:

4

Here are some (non-exhaustive) elements to check in order to ensure the graphics and ergonomic quality of the developed project:

Alignments:

  • Text Block alignments, images, buttons, logos or icons
  • Margins: margins, padding, optical alignments
  • Spaces: titles linked to paragraphs, numbered lists

Typography:

  • Have the right fonts been used?
  • Are the fonts used royalty free? Are they regulated? There are specific rules with green numbers, and Maestro or Visa credit card details.
  • The typographic hierarchy: H1, H2, H3, italic, labels, etc

1

STASHED IN:

4

Media:

  • Check the pictures used. Are they royalty free? If not, did you think about crediting the authors?
  • Check the size of illustrations, hero banners and icons in the case of a responsive display (breakpoints between desktop, tablet, and mobile)
  • Observe scrolling images of carousels
  • Check video playback (pictures and sound) for any bugs when displaying JSON files created with the Lottie plugin
  • Check micro-interactions and transitions between pages

Responsiveness:

  • For websites, test across several browsers (Chrome, Safari, Firefox, Opera, Internet Explorer etc.) to detect display differences.

1

STASHED IN:

4

Deepstash helps you become inspired, wiser and productive, through bite-sized ideas from the best articles, books and videos out there.

GET THE APP:

RELATED IDEA

UX design is crucial to just about everything. It renders the latest technology accessible to the masses, makes our favourite apps and websites a pleasure to use, and determines which brands and products we return to over and over again. To put it simply, design matters.

UX designers can make a huge difference to the world in which we live — not only through designing great user experiences, but by spreading the word about the immense value of good design.

So what is UX design all about? Let our all-time favourite UX design quotes enlighten and inspire you!

7

STASHED IN:

18

Product Design: A Primer

Product design is the process of creating products that offer solutions to a problem in a specific market. Successful product design both serves a business and incorporates users’ needs. Product design includes digital tools, experience design, and physical products.

Product design’s foundations start with the design thinking ideology.

Design thinking was developed as a user-centric way to integrate the needs of real users into technological and business requirements that are a result of solving complex problems.

3

STASHED IN:

16

Agile mindset

Agility is the ability to be quick and graceful. Agile mindsets focus more on core values such as: Respect, Accountability, Collaboration, Being adaptive to change, learning cycles and improvement.

An Agile mindset helps to easily overcome obstacles and not get stuck when unexpected events happen.

39

STASHED IN:

115