{"id":203625,"date":"2024-08-20T12:04:46","date_gmt":"2024-08-20T11:04:46","guid":{"rendered":"https:\/\/www.markup.io\/?p=203625"},"modified":"2024-08-20T12:04:48","modified_gmt":"2024-08-20T11:04:48","slug":"design-review-process","status":"publish","type":"post","link":"https:\/\/www.markup.io\/blog\/design-review-process\/","title":{"rendered":"Design harmony: 7 steps of a seamless design review process"},"content":{"rendered":"\n<p>\u201c<em>It\u2019s time, my child<\/em>,\u201d your boss tells you. You nod. Yes, it\u2019s time to embark on a journey that\u2019ll change your life. Again.&nbsp;<\/p>\n\n\n\n<p>The goal? Creating a design the client likes.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/Designharmony7stepsofaseamlessdesignreviewprocess-ezgif.com-gif-to-mp4-converter.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/giphy.com\/gifs\/game-of-thrones-gif-john-snow-5mdjd9dXsZA9a\">Giphy<\/a><br><\/figcaption><\/figure>\n\n\n\n<p>You brace yourself. This unpredictable design review process is your oldest nemesis and you have the scars to prove it. But while you know how to beat it, there\u2019s always a group of hydras that fight each other, never agreeing on something.&nbsp;<\/p>\n\n\n\n<p>Fortunately, the design review process doesn\u2019t have to be a heroic quest. Or feel like you\u2019re diving into uncharted waters.&nbsp;<\/p>\n\n\n\n<p>So, put aside your sword. We\u2019ll teach you how to create better design review processes, how to avoid the most common challenges, and the best way to communicate feedback.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Table of Contents<\/strong><\/h2>\n\n\n\n<p><a href=\"#definition\">What is a design review process?<\/a><\/p>\n\n\n\n<p><a href=\"#types\">Design review types<\/a><\/p>\n\n\n\n<p><a href=\"#steps\">7 steps of the design review process<\/a><\/p>\n\n\n\n<p><a href=\"#communication\">How to communicate feedback with your design team<\/a><\/p>\n\n\n\n<p><a href=\"#challenges\">Common challenges you may face during the design review process<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"definition\"><strong>What is a design review process?<\/strong><\/h2>\n\n\n\n<p>A design review process is <strong>a step-by-step strategy for collecting feedback on a product design<\/strong>.&nbsp;<\/p>\n\n\n\n<p>It goes like this.&nbsp;<\/p>\n\n\n\n<p>Designers present their ideas in a weekly design meeting. Or use a Slack channel. Or have a short survey. You name it. Team members provide feedback on it, find challenges, and suggest improvements.&nbsp;<\/p>\n\n\n\n<p>After the meeting, designers work on the feedback. And apply it.&nbsp;<\/p>\n\n\n\n<p>It\u2019s easy! Like catching Pokemon (but with feedback).&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<p>But why should you use it? Because you want to test a new site. See if the users can <em>breeze<\/em> through the design. Or if a new functionality works.&nbsp;<\/p>\n\n\n\n<p><strong>The purpose of the review and approval process is to find problems in the current design or prototype<\/strong>. And fix them before launch.&nbsp;<\/p>\n\n\n\n<p>It\u2019s great for all design stages, from start to finish. And an important element of the product development process.&nbsp;&nbsp;<\/p>\n\n\n\n<p>But, just like Pokemon, there are different types of design review processes. Let\u2019s check the Pokedex.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"types\"><strong>Design review types<\/strong><\/h2>\n\n\n\n<p>Alright. You want to test your product. Great! But how should you proceed? \ud83e\udd14<\/p>\n\n\n\n<p>Should you invite your team to dinner? Seems kinda informal\u2026You\u2019d mostly eat rather than talk. But you don\u2019t want to do it in Slack, either.&nbsp;<\/p>\n\n\n\n<p>What you\u2019ll do depends on your company, your objectives, and the stage of your design project.&nbsp;<\/p>\n\n\n\n<p>You have three types of product design reviews:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Stakeholder design review<\/strong>\u2014This type of review involves stakeholders, such as marketing teams, business leaders, art directors, etc. They\u2019re mostly people who have an interest in the project and their purpose is to evaluate the design.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>If you forget about them\u2026<\/p>\n\n\n\n<p>Yikes! Don\u2019t wanna think about it.&nbsp;<\/p>\n\n\n\n<p>Their review is necessary before publishing anything. Why? Because the design has to meet the expectations and requirements of all the stakeholders since it might influence the funding or direction of the project.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Peer design review<\/strong>\u2014You know the saying, <em>You should never meet your heroes. <\/em>In this case, you should! Like a pupil looking up at their sensei, ask the opinion of other designers.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Other designers, even if they\u2019re not involved in the project, can provide valuable insight since they have the relevant expertise.&nbsp;<\/p>\n\n\n\n<p>By sharing a kernel of their infinite wisdom, you can get an outsider view of your design, so it meets project standards, best practices, and requirements. It also helps you catch errors, identify improvements, and make sure the design is high quality.&nbsp;<\/p>\n\n\n\n<p>It\u2019s totally optional, though! And be careful of bias.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Customer design review<\/strong>\u2014Who better to show you what\u2019s what than your customers? These people will give honest feedback. Be prepared to take it, as they can review anything, from marketing headlines to whether they can easily find the menu.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Basically, this process involves asking feedback from clients and making sure the design aligns with their expectations. Aspects people care about are functionality, usability, and aesthetics. The purpose is to identify and address any potential issues early on to create the perfect design.&nbsp;<\/p>\n\n\n\n<p>Picking people\u2019s brains will ensure your design aligns with your goals and milestones.&nbsp;<\/p>\n\n\n\n<p>But enough of the <em>bla bla<\/em>. Let\u2019s get physical!&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"steps\"><strong>7 steps of the design review process<\/strong><\/h2>\n\n\n\n<p>Getting feedback is key to improving your design, but it can get overwhelming without the right structure.<\/p>\n\n\n\n<p>While it&#8217;s great to gather different opinions, managing and organizing feedback is essential. Too many conflicting comments can derail your review process and cause confusion.<\/p>\n\n\n\n<p>To avoid this scenario, use a structured approach to collect feedback. Here\u2019s how to streamline the process and stay on track:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"662\" src=\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/7-steps-to-nail-your-design-review-process.png\" alt=\"A graphic listing 7 key steps in the design review process.\" class=\"wp-image-203628\" title=\"7 Steps of the Design Review Process\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/7-steps-to-nail-your-design-review-process.png 880w, https:\/\/www.markup.io\/app\/uploads\/2024\/08\/7-steps-to-nail-your-design-review-process-300x226.png 300w, https:\/\/www.markup.io\/app\/uploads\/2024\/08\/7-steps-to-nail-your-design-review-process-768x578.png 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Define scope and objectives<\/strong><\/h3>\n\n\n\n<p>Every quest in a video game has a purpose.&nbsp;<\/p>\n\n\n\n<p>You must rescue a princess. You have to avenge your surrogate father during a zombie apocalypse. Or you\u2019re just a friendly neighborhood spider trying to save a city from bad guys.<\/p>\n\n\n\n<p>Your design review process should have an objective, too. Think about what you\u2019re trying to achieve. Which aspects of your design do you want to test? And why?<\/p>\n\n\n\n<p>You can <strong>start by thinking about the type of feedback you want to gather<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Do you want to improve the user workflow? Then, ask your fellow peers. But if you want to see how people reach a certain page, ask your customers.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Select review team<\/strong><\/h3>\n\n\n\n<p>You know that one scene in the movie <em>Avengers: Endgame<\/em>? Where Captain America yelled, \u201cAvengers, assemble!\u201d. And everyone came to fight Thanos?&nbsp;&nbsp;<\/p>\n\n\n\n<p>It\u2019s your time to shine. You\u2019re the Captain America of your review team. And you should gather your superheroes in one place.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/2.Selectreviewteam-ezgif.com-gif-to-mp4-converter.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/giphy.com\/gifs\/avengers-age-of-ultron-2-5cZbRBLhW4tc4\">Giphy<\/a><\/figcaption><\/figure>\n\n\n\n<p>Now it\u2019s time to think about who needs to see the design and who approves the final draft.&nbsp;<\/p>\n\n\n\n<p>Your team should have people with different skills. There are the designers, of course, people who draft the design and add visual elements that make it great. But you also have web developers who bring your project to life by coding and publishing it live. Or usability experts who make sure your site is easy to use by navigating every nook and cranny and ensuring it\u2019s accessible to everyone.&nbsp;<\/p>\n\n\n\n<p>Oh, and don\u2019t forget about the stakeholders, such as project managers, who fund the project and have the final say.&nbsp;<\/p>\n\n\n\n<p>You must also include any external reviewer, such as other designers, as they can give an objective view of the project and identify errors or improvement areas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Prepare for the review<\/strong><\/h3>\n\n\n\n<p>You\u2019re one step away from the actual meeting. And you\u2019re nervous. Your palms are sweaty. Mom\u2019s spaghetti. <em>Yada yada.&nbsp;<\/em><\/p>\n\n\n\n<p>But you shouldn\u2019t be anxious. You got this in the bag! \ud83d\ude09<\/p>\n\n\n\n<p>To boost your confidence, take a few moments to prepare:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Gather materials:<\/strong> Ensure you have all the necessary materials ready. Are your files working correctly? Avoid any technical mishaps during the meeting.<\/li>\n\n\n\n<li><strong>Check the cookies:<\/strong> Just kidding! But make sure everything you need is in place.<\/li>\n\n\n\n<li><strong>Review your info:<\/strong> Double-check the <a href=\"https:\/\/www.markup.io\/blog\/project-approval-process\/\" target=\"_blank\" rel=\"noreferrer noopener\">project timeline<\/a> and your goals. Make sure your presentation includes background info, user personas, the site plan, and other essential details.<\/li>\n<\/ul>\n\n\n\n<p>By taking these steps, you&#8217;ll be well-prepared and ready to impress in your review meeting.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Conduct group review and collect feedback<\/strong><\/h3>\n\n\n\n<p>Come on! Don\u2019t just stand there! Everyone\u2019s looking at you. Say something!&nbsp;<\/p>\n\n\n\n<p>But you\u2019re disheartened. Not everyone joined the meeting. The reason? They don\u2019t have the time to attend in person.&nbsp;<\/p>\n\n\n\n<p>You wanted everyone to get excited about your design.&nbsp;<\/p>\n\n\n\n<p>But it flopped\u2026<\/p>\n\n\n\n<p>It\u2019s gonna be okay, though. You know better now.&nbsp;<\/p>\n\n\n\n<p>Besides, doing a live meeting takes a <em>loooot<\/em> of time. Sharing your screen. Walking people through the design. The Q&amp;A session. Collecting feedback from everyone. The discussions\u2026<\/p>\n\n\n\n<p>It\u2019s time-consuming. But if it\u2019s your cup of tea, go for it!<\/p>\n\n\n\n<p>Although we do have a better solution. MarkUp.io.&nbsp;<\/p>\n\n\n\n<p>You need a <a href=\"https:\/\/www.markup.io\/blog\/design-feedback-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">centralized place<\/a> to gather client, user, and peer feedback. It\u2019s easier for everyone to discuss issues and agree on a final design. So, simply upload the content on the platform and invite users to leave their comments on the design.\u00a0\u00a0<\/p>\n\n\n\n<p>With MarkUp\u2019s newest features (status, sign-off, and approval), the process is even easier than before. Since everyone clearly sees your project\u2019s status, you\u2019ll have a smoother transition from feedback to final approval. But it also adds an extra layer of accountability for your team.<\/p>\n\n\n\n<p>In a nutshell, you foster collaboration and bring your teams together. But we\u2019ll chat more about MarkUp.io later.&nbsp;<\/p>\n\n\n\n<p>Promise. \ud83e\udd1e<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Conduct usability testing (if applicable)<\/strong><\/h3>\n\n\n\n<p>You have the best design ever. With the cutest animations. The perfect color harmony. Riveting text that attracts users.&nbsp;&nbsp;<\/p>\n\n\n\n<p>It has every ingredient for a good website.&nbsp;<\/p>\n\n\n\n<p>Yet no one stays more than a couple of seconds on it. You try to understand why.&nbsp;<\/p>\n\n\n\n<p>Another designer points out the problem. You forgot to think about the user experience. And it\u2019s usability. The result? Your site is hard to navigate. No one can understand what\u2019s going on.<\/p>\n\n\n\n<p>Next time, evaluate your product or service through a usability test. During it, the test participants complete tasks like reaching a specific page.&nbsp;<\/p>\n\n\n\n<p>Meanwhile, a moderator watches and takes notes.&nbsp;<\/p>\n\n\n\n<p>You have three usability testing methods:\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Quantitative or qualitative<\/strong>: This relates to the type of data you can collect.<\/li>\n<\/ul>\n\n\n\n<p><strong>Quantitative <\/strong>is about numbers. It evaluates how a product performs. Example: the percentage of users misclicking a button.&nbsp;<\/p>\n\n\n\n<p><strong>Qualitative data <\/strong>focuses on why users performed that action. It helps understand their behavior.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>In-person or remote<\/strong>: This concerns the test venue.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>In-person <\/strong>means having the test in an environment you control. You collect more in-depth feedback.&nbsp;<\/p>\n\n\n\n<p><strong>Remote testing<\/strong> goes where the tester is. It\u2019s more convenient, flexible, and relaxed.\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Moderated or unmoderated<\/strong>: Do you want people observing the test or not?&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>Moderated testing <\/strong>means having a person observe the users. And help them complete tasks.&nbsp;<\/p>\n\n\n\n<p><strong>Unmoderated testing<\/strong> leaves participants to test the product at their own pace.<\/p>\n\n\n\n<p><strong><em>Tip: <\/em><\/strong><em>Make sure you create the best designs by ticking all the boxes on this <\/em><a href=\"https:\/\/www.markup.io\/blog\/usability-testing-checklist\" target=\"_blank\" rel=\"noreferrer noopener\"><em>usability testing checklist<\/em><\/a><em>.\u00a0<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6. Implement changes<\/strong><\/h3>\n\n\n\n<p><em>Something\u2019s missing. But I don\u2019t know what.<\/em><\/p>\n\n\n\n<p><em><\/em><em>It\u2019s not what I had in mind.&nbsp;&nbsp;<\/em><\/p>\n\n\n\n<p><em>It needs to POP!<\/em><\/p>\n\n\n\n<p><em>Make it better.<\/em><\/p>\n\n\n\n<p>You\u2019ve heard feedback like this before. And it\u2019s disheartening. You thought the client would like your design. But hearing it like this\u2026<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/6.Implementchanges-ezgif.com-gif-to-mp4-converter.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/giphy.com\/gifs\/reaction-3s7Jl1xafxWu0qDBoA\">Giphy<\/a><\/figcaption><\/figure>\n\n\n\n<p>There\u2019s a difference between constructive criticism and <a href=\"https:\/\/www.markup.io\/blog\/worst-design-feedback\/\" target=\"_blank\" rel=\"noreferrer noopener\">plain bad feedback<\/a>. The second one is vague and directionless. How can you act on it?\u00a0<\/p>\n\n\n\n<p>You might not get such comments all the time. Sometimes, you get good, actionable feedback. During this step, you have to resolve both types.&nbsp;<\/p>\n\n\n\n<p>Assign the tasks to different people in your team. So you can tackle the issues from all sides.&nbsp;<\/p>\n\n\n\n<p>Then, you can send the draft for a final design review session.<\/p>\n\n\n\n<p>\ud83d\udca1<strong>Tip: <\/strong>Arrange the items by urgency and priority. Focus on the big stuff. And leave the small issues for later.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>7. Document the final design<\/strong><\/h3>\n\n\n\n<p>If you\u2019re naturally disorganized, we have bad news for you. \ud83d\ude2c<\/p>\n\n\n\n<p>The final step of any design review process is to keep your files organized. And document every change you (and others) make.&nbsp;<\/p>\n\n\n\n<p>This also means keeping track of your versions. It\u2019s slightly challenging to do. Why? Because the project involves many people. And each makes revisions when they feel like it.&nbsp;<\/p>\n\n\n\n<p>As a result, you have a new version every time someone resolves a comment.&nbsp;<\/p>\n\n\n\n<p>Use approval-workflow software to make your life easier. <a href=\"https:\/\/www.markup.io\/blog\/zapier-automation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Like Zapier<\/a>. These tools usually give users notifications when someone changes something.\u00a0<\/p>\n\n\n\n<p>Archive the documentation for future reference. And voila! <strong>You\u2019re<\/strong> <strong>done<\/strong>!&nbsp;<\/p>\n\n\n\n<p><strong><em>Tip: <\/em><\/strong><em>Track the progress of your design with <\/em><a href=\"https:\/\/www.markup.io\/blog\/design-review-checklist\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>this template<\/em><\/a><em>.\u00a0<\/em><\/p>\n\n\n\n<p class=\"has-text-align-center\">***<\/p>\n\n\n\n<p>Following these review guidelines will help you craft high-quality designs.&nbsp;<\/p>\n\n\n\n<p>But people communicate differently. Let\u2019s show you the secrets for keeping everyone in the loop.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"communication\"><strong>How to communicate feedback with your design team<\/strong><\/h2>\n\n\n\n<p>During a design feedback process, your communication should be as clear as day. That\u2019s why you need a good feedback tool \u2014 a single place where your review team can leave their thoughts.&nbsp;<\/p>\n\n\n\n<p>We hope you didn\u2019t forget about your friend, <a href=\"https:\/\/www.markup.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">MarkUp.io<\/a>.\u00a0<\/p>\n\n\n\n<p>Simply go to our homepage. Click the signup button in the top right corner like so.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"425\" src=\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-1-1-1024x425.png\" alt=\"\" class=\"wp-image-203631\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-1-1-1024x425.png 1024w, https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-1-1-300x125.png 300w, https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-1-1-768x319.png 768w, https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-1-1.png 1290w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Have you created your account? Good! From the main dashboard, enter your file\u2019s URL. Drag and drop it. Or upload it directly from your media library.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-2-1024x495.png\" alt=\"\" class=\"wp-image-203632\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-2-1024x495.png 1024w, https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-2-300x145.png 300w, https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-2-768x371.png 768w, https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-2.png 1074w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The next step is to click on the file. And open it.\u00a0<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"349\" height=\"447\" src=\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-3-1.png\" alt=\"\" class=\"wp-image-203633\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-3-1.png 349w, https:\/\/www.markup.io\/app\/uploads\/2024\/08\/MarkUp-Step-3-1-234x300.png 234w\" sizes=\"auto, (max-width: 349px) 100vw, 349px\" \/><\/figure><\/div>\n\n\n<p>Share your file with the team. All they need to do to leave a comment is click wherever they like.&nbsp;<\/p>\n\n\n\n<p>It\u2019s that easy!<\/p>\n\n\n\n<p>Curious to try it?&nbsp;<\/p>\n\n\n\n<p>Sign up for a <a href=\"https:\/\/app.markup.io\/signup\" target=\"_blank\" rel=\"noreferrer noopener\">free 30-day trial<\/a> today. We have cookies. \ud83d\ude09<\/p>\n\n\n\n<p>But as with any quest, you have obstacles to overcome. Monsters to slay.<\/p>\n\n\n\n<p>Let\u2019s see what these enemies are in the design review process.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"challenges\"><strong>Common challenges you may face during the design review process<\/strong><\/h2>\n\n\n\n<p>Your worst enemies have a name.<\/p>\n\n\n\n<p>The first one is <strong>keeping track of your feedback<\/strong>. When you involve too many people in the project, it gets messy. People have different opinions about anything. And they\u2019re not always worth listening to.&nbsp;<\/p>\n\n\n\n<p>It leads to confusion. And most importantly, delays. <a href=\"https:\/\/support.markup.io\/hc\/en-us\/articles\/13392760507923-Leaving-feedback-on-a-MarkUp\" target=\"_blank\" rel=\"noreferrer noopener\">MarkUp.io can help you with this<\/a>.\u00a0<\/p>\n\n\n\n<p>Another enemy is <strong>adding new features<\/strong>. It doesn\u2019t sound like a bad thing. But we\u2019re talking about unplanned changes. Your team never agreed upon them at the beginning.&nbsp;&nbsp;<\/p>\n\n\n\n<p>It results in increased costs and complexity. And your project will stretch into an endless back-and-forth. Try to stick to your guns.&nbsp;<\/p>\n\n\n\n<p>Last but not least, it\u2019s <strong>subjectivity<\/strong>. We know how tempting it is to correct a glaring issue in the design.&nbsp;<\/p>\n\n\n\n<p>But you\u2019re not the target audience. You shouldn\u2019t just state your opinion. Base your criticism on design guidelines and principles.&nbsp;<\/p>\n\n\n\n<p>Aurora Harley, Senior UX Specialist at NNgroup, tells it best in this video.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Keep Your Opinions Out of an Expert Design Review\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/GOkFV5WzTYA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Paying attention to these aspects will take your design review process to new heights. \ud83d\ude80<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Ready to level up your design reviews?<\/strong><\/h2>\n\n\n\n<p>Done and done! \ud83d\udc4f<\/p>\n\n\n\n<p>You\u2019re ready to draft your design now. And host your first preliminary design review session. For real, this time.&nbsp;<\/p>\n\n\n\n<p>Grab your whiteboard. And create your battle plan.&nbsp;<\/p>\n\n\n\n<p>Remember to take <a href=\"https:\/\/www.markup.io\/\">MarkUp.io<\/a> on this adventure. What if Frodo forgot to take Sam on his journey to Mordor? Middle-earth would be doomed.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay controls loop muted src=\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/Readytolevelupyourdesignreviews-ezgif.com-gif-to-mp4-converter.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\">Source: <a href=\"https:\/\/giphy.com\/gifs\/the-lord-of-rings-elijah-wood-sean-astin-6JN4FDPIjRqX6\">Giphy<\/a><br><\/figcaption><\/figure>\n\n\n\n<p>Plus, MarkUp.io supports over 30 different file formats. Websites, images, PDFs. Even videos.&nbsp;<\/p>\n\n\n\n<p>We have everything you need in our Hobbit bag. Even the second breakfast.&nbsp;<\/p>\n\n\n\n<p>As long as Sm\u00e9agol doesn\u2019t tempt you, you can overcome any obstacle in your way.&nbsp;<\/p>\n\n\n\n<p>So, what do you say? <a href=\"https:\/\/app.markup.io\/signup\">Sign up<\/a> for this adventure today.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u201cIt\u2019s time, my child,\u201d your boss tells you. You nod. Yes, it\u2019s time to embark on a journey that\u2019ll change your life. Again.&nbsp; The goal? Creating a design the client likes.\u00a0 You brace yourself. This unpredictable design review process is your oldest nemesis and you have the scars to prove it. But while you know &hellip; <a href=\"https:\/\/www.markup.io\/blog\/design-review-process\/\">Continued<\/a><\/p>\n","protected":false},"author":8,"featured_media":203626,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-203625","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorised"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design harmony: 7 steps of a seamless design review process<\/title>\n<meta name=\"description\" content=\"Explore 7 proven steps, effective communication tips, and cutting-edge tools to elevate your design review process.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markup.io\/blog\/design-review-process\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design harmony: 7 steps of a seamless design review process\" \/>\n<meta property=\"og:description\" content=\"Explore 7 proven steps, effective communication tips, and cutting-edge tools to elevate your design review process.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markup.io\/blog\/design-review-process\/\" \/>\n<meta property=\"og:site_name\" content=\"Markup.io\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-20T11:04:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-20T11:04:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.markup.io\/app\/uploads\/2024\/08\/7-steps-of-a-seamless-design-review-process.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1261\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Mary\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mary\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markup.io\/blog\/design-review-process\/\",\"url\":\"https:\/\/www.markup.io\/blog\/design-review-process\/\",\"name\":\"Design harmony: 7 steps of a seamless design review process\",\"isPartOf\":{\"@id\":\"https:\/\/www.markup.io\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markup.io\/blog\/design-review-process\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markup.io\/blog\/design-review-process\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/7-steps-of-a-seamless-design-review-process.png\",\"datePublished\":\"2024-08-20T11:04:46+00:00\",\"dateModified\":\"2024-08-20T11:04:48+00:00\",\"author\":{\"@id\":\"https:\/\/www.markup.io\/#\/schema\/person\/617a46a460aa879c1898d69ee16e5864\"},\"description\":\"Explore 7 proven steps, effective communication tips, and cutting-edge tools to elevate your design review process.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markup.io\/blog\/design-review-process\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markup.io\/blog\/design-review-process\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.markup.io\/blog\/design-review-process\/#primaryimage\",\"url\":\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/7-steps-of-a-seamless-design-review-process.png\",\"contentUrl\":\"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/7-steps-of-a-seamless-design-review-process.png\",\"width\":2400,\"height\":1261},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markup.io\/blog\/design-review-process\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markup.io\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design harmony: 7 steps of a seamless design review process\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markup.io\/#website\",\"url\":\"https:\/\/www.markup.io\/\",\"name\":\"Markup.io\",\"description\":\"Easiest Way to Leave Feedback on Digital Content\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markup.io\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markup.io\/#\/schema\/person\/617a46a460aa879c1898d69ee16e5864\",\"name\":\"Mary\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design harmony: 7 steps of a seamless design review process","description":"Explore 7 proven steps, effective communication tips, and cutting-edge tools to elevate your design review process.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.markup.io\/blog\/design-review-process\/","og_locale":"en_GB","og_type":"article","og_title":"Design harmony: 7 steps of a seamless design review process","og_description":"Explore 7 proven steps, effective communication tips, and cutting-edge tools to elevate your design review process.","og_url":"https:\/\/www.markup.io\/blog\/design-review-process\/","og_site_name":"Markup.io","article_published_time":"2024-08-20T11:04:46+00:00","article_modified_time":"2024-08-20T11:04:48+00:00","og_image":[{"width":2400,"height":1261,"url":"https:\/\/assets.markup.io\/app\/uploads\/2024\/08\/7-steps-of-a-seamless-design-review-process.png","type":"image\/png"}],"author":"Mary","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mary","Estimated reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.markup.io\/blog\/design-review-process\/","url":"https:\/\/www.markup.io\/blog\/design-review-process\/","name":"Design harmony: 7 steps of a seamless design review process","isPartOf":{"@id":"https:\/\/www.markup.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markup.io\/blog\/design-review-process\/#primaryimage"},"image":{"@id":"https:\/\/www.markup.io\/blog\/design-review-process\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/7-steps-of-a-seamless-design-review-process.png","datePublished":"2024-08-20T11:04:46+00:00","dateModified":"2024-08-20T11:04:48+00:00","author":{"@id":"https:\/\/www.markup.io\/#\/schema\/person\/617a46a460aa879c1898d69ee16e5864"},"description":"Explore 7 proven steps, effective communication tips, and cutting-edge tools to elevate your design review process.","breadcrumb":{"@id":"https:\/\/www.markup.io\/blog\/design-review-process\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markup.io\/blog\/design-review-process\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.markup.io\/blog\/design-review-process\/#primaryimage","url":"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/7-steps-of-a-seamless-design-review-process.png","contentUrl":"https:\/\/www.markup.io\/app\/uploads\/2024\/08\/7-steps-of-a-seamless-design-review-process.png","width":2400,"height":1261},{"@type":"BreadcrumbList","@id":"https:\/\/www.markup.io\/blog\/design-review-process\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markup.io\/"},{"@type":"ListItem","position":2,"name":"Design harmony: 7 steps of a seamless design review process"}]},{"@type":"WebSite","@id":"https:\/\/www.markup.io\/#website","url":"https:\/\/www.markup.io\/","name":"Markup.io","description":"Easiest Way to Leave Feedback on Digital Content","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markup.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.markup.io\/#\/schema\/person\/617a46a460aa879c1898d69ee16e5864","name":"Mary"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.markup.io\/api\/wp\/v2\/posts\/203625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markup.io\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markup.io\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/comments?post=203625"}],"version-history":[{"count":2,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/posts\/203625\/revisions"}],"predecessor-version":[{"id":203636,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/posts\/203625\/revisions\/203636"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/media\/203626"}],"wp:attachment":[{"href":"https:\/\/www.markup.io\/api\/wp\/v2\/media?parent=203625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/categories?post=203625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/tags?post=203625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}