{"id":117919,"date":"2020-02-06T00:00:29","date_gmt":"2020-02-06T00:00:29","guid":{"rendered":"https:\/\/undsgn.com\/uncode\/?p=4252"},"modified":"2023-06-30T09:19:41","modified_gmt":"2023-06-30T09:19:41","slug":"a-guide-to-evaluating-design-projects","status":"publish","type":"post","link":"https:\/\/wugweb.design\/index.php\/2020\/02\/06\/a-guide-to-evaluating-design-projects\/","title":{"rendered":"A Guide to Evaluating Design Projects"},"content":{"rendered":"
\n
\n

A Guide to Evaluating Design Projects<\/h1>\n
\n

Differentiating between objective input and subjective judgement is essential when evaluating design to pinpoint improvement areas and inform impactful design decisions.<\/p>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

It\u2019s essential to know the difference between constructive criticism and personal opinion when providing feedback to a designer. Providing constructive criticism requires effort. The \u201cdoes it look attractive\u201d and \u201cdoes it make sense\u201d questions are rarely sufficient. I have a history of providing constructive criticism to my coworkers and the junior designers I mentor.<\/span><\/p>\n

Knowing what aspects of your design you\u2019d like comments on is also helpful. As I\u2019ve mentioned, the quality of the responses you receive will increase if you provide more detail about your needs.<\/strong><\/p><\/blockquote>\n

Having someone email me a design for approval without providing any context for my input is the most annoying thing that can happen. In this piece, I\u2019ll discuss the criteria I use to evaluate designs and why I consider them crucial.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

Functionality<\/span><\/h3>\n
\n

Interfaces need to serve more than one purpose when being designed.<\/p>\n<\/div>\n<\/div>\n

<\/div>\n<\/div>\n
\n

They should be logical. Those that use your creations will be doing so to fulfil a need. Usability heuristics provide a framework for UX designers to analyse their work and make improvements. A checklist is a quick and easy way to ensure all the essentials have been addressed.<\/span><\/p>\n

Knowing that your design at least considers these elements is essential to me.<\/span><\/p>\n<\/div>\n

\n
    \n
  • Usability.<\/span><\/strong>\u00a0Is the method apparent for carrying out the desired task? What options do I have if I need to correct something? How can I know whether something I do will work or if there is an issue, even if I do it correctly?<\/span><\/li>\n<\/ul>\n
      \n
    • Copy.<\/span><\/strong>\u00a0Are you using simple language that is easy to understand? How professional do you think your tone is? Could someone who wasn\u2019t familiar with the field read it and comprehend it?<\/span><\/li>\n<\/ul>\n
        \n
      • Scope.<\/span><\/strong>\u00a0Does what you\u2019ve created fit the criteria laid out in brief? Do you have features that overcomplicate things when they aren\u2019t necessary?<\/span><\/li>\n<\/ul>\n
          \n
        • Specification.<\/span><\/strong>\u00a0When I look at your design files, how much do I learn about the inner workings of the design? Where it was necessary, have you included annotations and clarifications? Tell me about the interconnection of your various displays.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
          \n
          \n
          \n
          \n
          \n
          \n
          \n
          \n
          \n
          \n

          Feasibility<\/span><\/h3>\n
          \n

          Your design must be practical if you’re making something others will construct<\/p>\n<\/div>\n<\/div>\n

          <\/div>\n<\/div>\n
          \n

          A developer needs to look at the designs you send them and be able to use them. Many designers I\u2019ve talked to have told me that interacting with developers is a significant source of stress for them. Finding a happy medium between what we design and what is built can be challenging due to misunderstandings and competing priorities.<\/span><\/p>\n

          Keeping the developers in mind while designing can help ease this pressure.<\/span><\/p>\n<\/div>\n

          \n

          Something like this is what I\u2019m after personally:<\/span><\/p>\n

            \n
          • Layout.\u00a0<\/span><\/strong>Does the layout follow a grid, and is everything in its proper place? Are the constituent parts of your layout readily identifiable?<\/span><\/li>\n<\/ul>\n
              \n
            • Use of a consistent style.<\/span><\/strong>\u00a0Is there a distinct order to the fonts? Do the hues all match up with what has been established?<\/span><\/li>\n<\/ul>\n
                \n
              • Flexible layout.<\/span><\/strong>\u00a0Have you specified how the design should behave when seen from various gadgets? Just where are the tipping moments, exactly?<\/span><\/li>\n<\/ul>\n
                  \n
                • Interactions.<\/span><\/strong>\u00a0What happens if you tap, drag, or hover over specific components? Which special effects and animations might I expect to see? If they\u2019re not worth it, why include them?<\/span><\/li>\n<\/ul>\n<\/div>\n
                  \n

                  It\u2019s more complicated to construct a workable UI; you\u2019ll need to be familiar with the principles of how a developer thinks to do it right. If you are interested in learning more about coding, I have produced an essay that may be of assistance to you.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

                  \n
                  \n
                  \n
                  \n
                  \n
                  \n
                  \n
                  \n
                  \n
                  \n

                  Familiarity<\/span><\/h3>\n
                  \n

                  There needs to be more flux in terms of design norms.<\/p>\n<\/div>\n<\/div>\n

                  <\/div>\n<\/div>\n
                  \n

                  Although design patterns are constant, they are occasionally disrupted by novelties such as dynamic islands. And rightly so. People are resistant to change in technology. When a significant corporation changes its user interface, you should expect an avalanche of complaints.<\/span><\/p>\n

                  People have preexisting notions of how interfaces ought to function in their heads. What they\u2019ve seen before has conditioned their thoughts and actions. As a user experience designer, you should cater your creations to your users\u2019 prior knowledge and experiences.<\/span><\/p>\n<\/div>\n

                  \n

                  How we construct hyperlinks is an excellent illustration of how familiarity is crucial. Looking at a webpage, it should be reasonably obvious which elements can be interacted with by tapping them. You can make an educated guess, at the very least. As the underlined text is typically a clickable link, you know this is one.<\/span><\/p>\n

                  It doesn\u2019t mean we can\u2019t take some liberties with the rules. Other iterations of this pattern can arise from time to time, such as underlines that only show up when you hover. Alternatively, the text may be a contrasting colour. Yet, in general, it\u2019s easier for people to pick up and implement your idea if you stick close to what\u2019s already in the regulation.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

                  \n
                  \n
                  \n
                  \n
                  \n
                  \n
                  \n
                  \n
                  \n
                  \n

                  Flexibility<\/span><\/h3>\n
                  \n

                  As designers, finding the sweet spot where form and function coexist is our job.<\/p>\n<\/div>\n<\/div>\n

                  <\/div>\n<\/div>\n
                  \n

                  You\u2019ll find examples of flawless, aesthetically pleasing user interfaces in a designer\u2019s portfolio. Things look nice there, but that finished product will function differently. Designing a universally flawless display is impossible. Hundreds of screen sizes and resolutions can be used for tablets and PCs. It\u2019s possible to choose from various phone models, each offering features and personalisation options.<\/span><\/p>\n<\/div>\n

                  \n

                  \u00a0If we want as many individuals as possible to benefit from our products, we must ensure our solutions are as versatile as possible. The effectiveness of your design in the following contexts would be on my mind:<\/span><\/p>\n

                    \n
                  • Responsive.<\/span><\/strong>\u00a0Using a mobile device against a computer at a desk. Do you use a responsive layout, or does it only function properly on a specific screen width?<\/span><\/li>\n<\/ul>\n
                      \n
                    • Translation.\u00a0<\/span><\/strong>Would the length or width of your text blocks cause problems with the layout?<\/span><\/li>\n<\/ul>\n
                        \n
                      • Colours.\u00a0<\/span><\/strong>What if they are colourblind or using a blue light filter? But what if they\u2019re in dark mode?<\/span><\/li>\n<\/ul>\n
                          \n
                        • Interactions.<\/span><\/strong>\u00a0Will someone using a keyboard be able to get around your layout quickly? Does a touchscreen require anything special to operate? Or using only one hand to gesture?<\/span><\/li>\n<\/ul>\n
                            \n
                          • Weight.\u00a0<\/span><\/strong>If your internet speed is slow, how long will this take to load? Is there any movement or extensive photos that could bog down older or less powerful gadgets?<\/span><\/li>\n<\/ul>\n<\/div>\n
                            \n

                            This vast arena and I\u2019ve barely scratched the surface here. Neither accessibility nor a responsive design expert, but I can get by. By deliberately trying to damage your designs, you may determine whether or not they are robust enough to be used successfully in various contexts.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

                            \n
                            \n
                            \n
                            \n
                            \n
                            \n
                            \n
                            \n
                            \n
                            \n

                            Finesse<\/span><\/h3>\n
                            \n

                            To a large extent, developing an appreciation for aesthetics is a matter of practice.<\/p>\n<\/div>\n<\/div>\n

                            <\/div>\n<\/div>\n
                            \n

                            To master something requires lots of time spent doing it wrong and learning from those mistakes. You can\u2019t hasten this process.<\/span><\/p>\n

                            Earlier in my career as a designer, I frequently spent hours researching competing digital offerings in search of ideas. I\u2019d re-create them to determine their secret to success, then use that knowledge in future projects. The present-day me is just as guilty of this.<\/span><\/p>\n

                            You can find helpful articles with general UI advice or follow industry leaders if you want more inspiration. Online, you can also find advice from numerous professionals in the design field. No amount of theory or research will replace actual hands-on experience, though.<\/span><\/p>\n<\/div>\n

                            \n

                            While evaluating the aesthetic quality of a design, I keep an eye out for the following details:<\/span><\/p>\n

                              \n
                            • Typography.<\/span><\/strong>\u00a0Do the typefaces you\u2019ve chosen complement one another? What do you think of the spacing between words? Can you identify a specific level of superiority among the styles?<\/span><\/li>\n<\/ul>\n
                                \n
                              • Consistency.<\/span><\/strong>\u00a0Are all the pages using the same design and concept?<\/span><\/li>\n<\/ul>\n
                                  \n
                                • Aesthetic.<\/span><\/strong>\u00a0Do you find the colour scheme to be aesthetically pleasing? Do you have high-resolution images and diagrams?<\/span><\/li>\n<\/ul>\n
                                    \n
                                  • Careful focus on specifics.<\/span><\/strong>\u00a0Is there symmetry and uniformity? Did you find any grammatical or spelling errors? Is there a sense of disorder or chaos in the layout?<\/span><\/li>\n<\/ul>\n<\/div>\n
                                    \n

                                    In my experience, there is no such thing as a flawless design. The more you think about your work, the more flaws you find. On the contrary, I enjoy being in that state and understanding what needs to be adjusted and why it can help you make design decisions that make a difference.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

                                    Differentiating between objective input and subjective judgement is essential when evaluating design to pinpoint improvement areas and inform impactful design decisions.<\/p>\n","protected":false},"author":2,"featured_media":117944,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,6],"tags":[48,49,50,51,52,53,54,55],"class_list":["post-117919","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding-strategy","category-experience-design","tag-design-decisions","tag-design-expert","tag-design-files","tag-design-patterns","tag-design-projects","tag-user-experience-designer","tag-user-interfaces","tag-ux-designers"],"_links":{"self":[{"href":"https:\/\/wugweb.design\/index.php\/wp-json\/wp\/v2\/posts\/117919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wugweb.design\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wugweb.design\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wugweb.design\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wugweb.design\/index.php\/wp-json\/wp\/v2\/comments?post=117919"}],"version-history":[{"count":2,"href":"https:\/\/wugweb.design\/index.php\/wp-json\/wp\/v2\/posts\/117919\/revisions"}],"predecessor-version":[{"id":117945,"href":"https:\/\/wugweb.design\/index.php\/wp-json\/wp\/v2\/posts\/117919\/revisions\/117945"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wugweb.design\/index.php\/wp-json\/wp\/v2\/media\/117944"}],"wp:attachment":[{"href":"https:\/\/wugweb.design\/index.php\/wp-json\/wp\/v2\/media?parent=117919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wugweb.design\/index.php\/wp-json\/wp\/v2\/categories?post=117919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wugweb.design\/index.php\/wp-json\/wp\/v2\/tags?post=117919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}