The ‘Design Review’ Between Designers and Developers - Deepstash

Keep reading for FREE

Quality Assurance needs to be done by Designers not just Software Engineers

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.

6

39 reads

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

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

6

20 reads

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

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.

6

11 reads

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?

6

13 reads

CURATED BY

natashabee

Experience designer and design teacher interested in well-being, accessibility and great design practices. Specialising in service design, product design and user research.

Ready for the next level?

Read Like a Pro

stash-superman-illustration

Explore the World’s

Best Ideas

200,000+ ideas on pretty much any topic. Created by the smartest people around & well-organized so you can explore at will.

An Idea for Everything

Explore the biggest library of insights. And we've infused it with powerful filtering tools so you can easily find what you need.

Knowledge Library

Powerful Saving & Organizational Tools

Save ideas for later reading, for personalized stashes, or for remembering it later.

# Personal Growth

Take Your Ideas

Anywhere

Organize your ideas & listen on the go. And with Pro, there are no limits.

Listen on the go

Just press play and we take care of the words.

Never worry about spotty connections

No Internet access? No problem. Within the mobile app, all your ideas are available, even when offline.

Get Organized with Stashes

Ideas for your next work project? Quotes that inspire you? Put them in the right place so you never lose them.

Join

2 Million Stashers

4.8

Stars

5,740 Reviews

App Store

4.7

Stars

72,690 Reviews

Google Play

Sean Green

Great interesting short snippets of informative articles. Highly recommended to anyone who loves information and lacks patience.

Ashley Anthony

This app is LOADED with RELEVANT, HELPFUL, AND EDUCATIONAL material. It is creatively intellectual, yet minimal enough to not overstimulate and create a learning block. I am exceptionally impressed with this app!

Shankul Varada

Best app ever! You heard it right. This app has helped me get back on my quest to get things done while equipping myself with knowledge everyday.

samz905

Don’t look further if you love learning new things. A refreshing concept that provides quick ideas for busy thought leaders.

Ghazala Begum

Even five minutes a day will improve your thinking. I've come across new ideas and learnt to improve existing ways to become more motivated, confident and happier.

Laetitia Berton

I have only been using it for a few days now, but I have found answers to questions I had never consciously formulated, or to problems I face everyday at work or at home. I wish I had found this earlier, highly recommended!

Giovanna Scalzone

Brilliant. It feels fresh and encouraging. So many interesting pieces of information that are just enough to absorb and apply. So happy I found this.

Jamyson Haug

Great for quick bits of information and interesting ideas around whatever topics you are interested in. Visually, it looks great as well.

Read & Learn

20x Faster

without
deepstash

with
deepstash

with

deepstash

Access to 200,000+ ideas

Access to the mobile app

Unlimited idea saving & library

Unlimited history

Unlimited listening to ideas

Downloading & offline access

Personalized recommendations

FAQ

Claim Your Limited Offer

Get Deepstash Pro

BLACK FRIDAY

75% OFF | 1-Year Pro Subscription

Claim Offer