{"id":39113,"date":"2017-07-19T04:38:23","date_gmt":"2017-07-19T07:38:23","guid":{"rendered":"https:\/\/www.bannersnack.com\/blog\/?p=39113"},"modified":"2023-07-24T14:16:07","modified_gmt":"2023-07-24T11:16:07","slug":"designersguide","status":"publish","type":"post","link":"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/designersguide\/","title":{"rendered":"A Designer&#8217;s Guide To Effective Design Process Management"},"content":{"rendered":"<p>It&#8217;s a stereotype that designers love to design but hate everything else that comes with it &#8211; collaboration with clients, dealing with sales, marketing, etc.<!--more-->Though there\u2019s a grain of truth here, it&#8217;s mostly an illusion and result of bad processes.<\/p>\n<p><span style=\"color: #000000;\">To make good banners, designers need directions. Designer&#8217;s job is not to make things pretty but to fulfill some business goal (increase revenue, raise awareness, make a conversion). But the thing is, the people who know the most about fulfilling those goals aren\u2019t designers, but marketing. This is why designers need an effective design process that supports collaboration between them and marketing.\u00a0<\/span><\/p>\n<p><span style=\"color: #000000;\">Here&#8217;s how to setup them most basic processes that will get the job done in 3 steps, on which you can later build upon once you have some experience under your belt.<\/span><\/p>\n<h2><span style=\"color: #000000;\">Step 1. Create a Kanban board<\/span><\/h2>\n<p><span style=\"color: #000000;\">You need to set up a way to track who works on what so you can know at what stage each task is. The best way to do that is by using a Kanban board. Kanban is a project management technique for visually tracking work and controlling bottlenecks.<\/span><\/p>\n<p><span style=\"color: #000000;\">Before you set up a board, you should first know why you&#8217;re creating something and what problem you&#8217;re trying to solve and get everyone involved to work together:<\/span><\/p>\n<p><span style=\"color: #000000;\">`<\/span><\/p>\n<p><span style=\"color: #000000;\">\u201cGood design process begins with a clear idea of the customer\/viewer, and a shared understanding of the problem space<\/span><span style=\"color: #000000;\"> and design objectives. <\/span><span style=\"color: #000000;\">Designers should <\/span><span style=\"color: #000000;\">unde<\/span><span style=\"color: #000000;\"><span style=\"color: #000000;\">rstand\u00a0how <\/span><span style=\"color: #000000;\">to structure feedback and communicate their ideas clearly. In order to arrive at the right experience for the right customer as quickly as possible, designers, product managers and engineers have to\u00a0work together.\u201d\u00a0&#8211; <a href=\"https:\/\/www.linkedin.com\/in\/jimlane\/\" target=\"_blank\" rel=\"noopener\">Jim Lane<\/a>, Sr. Director of User Experience at Contactually\u00a0<\/span><\/span><\/p>\n<p><span style=\"color: #000000;\">Creating a Kanban board involves a few task lists which you\u2019ll use as columns:<\/span><\/p>\n<p><span style=\"color: #000000;\">\u25ba To-Do &#8211; here you put everything that needs to be done<\/span><br \/>\n<span style=\"color: #000000;\"> \u25ba In Progress &#8211; all tasks that somebody currently works on are in this column<\/span><br \/>\n<span style=\"color: #000000;\"> \u25ba Review &#8211; once a task is finished, a client or a manager checks if the design is ok\u00a0<\/span><br \/>\n<span style=\"color: #000000;\"> \u25ba Done &#8211; finished tasks go here<\/span><\/p>\n<p><span style=\"color: #000000;\">The idea is this: <strong>designers pull tasks from the To-Do list and move them as cards across columns, depending on the stage the task is in<\/strong>.<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-42729 size-medium\" src=\"https:\/\/newblog.creatopy.com\/blog\/wp-content\/uploads\/2017\/07\/kanban-board-600x270.png\" alt=\"Create a Kanban board\" width=\"600\" height=\"270\" srcset=\"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-content\/uploads\/2017\/07\/kanban-board-600x270.png 600w, https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-content\/uploads\/2017\/07\/kanban-board-768x346.png 768w, https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-content\/uploads\/2017\/07\/kanban-board.png 770w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #000000;\">Once the designer finishes some banner, they attach the banner to the task, move the task to Review, and notify the manager. If the banner needs more work, the manager writes feedback and moves the task back to In-Progress. If the banner is ok, the task is move to Done.<\/span><\/p>\n<p><span style=\"color: #000000;\">[Tweet &#8220;Feedback should be a two way street, where both the designer and the manager share their opinion:&#8221;]<br \/>\n<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"color: #000000;\">\u201cReceiving feedback on my designs has definitely got easier over the years. I have come to realize that it is very hard to satisfy many people who have different opinions.\u00a0 \u00a0With experience, I have learned it&#8217;s best to ask as many questions as possible before starting to get a clear idea of what is expected.<\/span><\/p>\n<p style=\"text-align: left;\"><span style=\"color: #000000;\"> During the feedback process, I take as many specific notes as I can. While making the suggested changes, I read through my notes multiple times to make sure I have the requests satisfied. I am then confident to bring my designs back to the table in hopes of reaching their expectations.\u201d &#8211; <a href=\"https:\/\/www.linkedin.com\/in\/janaeevers\/\" target=\"_blank\" rel=\"noopener\">Janae Evers<\/a>, Digital Designer at Totally Promotional<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"color: #000000;\">If you&#8217;re working with clients, it&#8217;s important to let them in on the conversation too:<\/span><\/strong><\/p>\n<p><span style=\"color: #000000;\">\u201cWhilst internal working structures within design agencies need to be well established amongst both the team and management for projects to function effectively, client management is just as important. At Yellowball, we find that the proper education of clients on processes, as well as gaining clear indication of their own internal resources in order to deliver collateral or feedback, is essential for a smooth design process. At the very least, education manages both the agency and client expectations and goes a long way to developing a more open relationship and far greater clarity in terms of scheduling time and realistic go live dates.\u201d &#8211; <a href=\"https:\/\/www.linkedin.com\/in\/simonensor\/\" target=\"_blank\" rel=\"noopener\">Simon Ensor<\/a>, Managing Director at Yellowball<\/span><\/p>\n<p><span style=\"color: #000000;\">Once you set up this workflow, you can see at glance what your team is working on. Also, Kanban lets you see if there are too many things in-progress. This is important because if there are a lot of things in progress, the slower they&#8217;ll be finished as people don&#8217;t multitask well. You can find out more about <a href=\"https:\/\/activecollab.com\/project-management-guides\/kanban-ebook\" target=\"_blank\" rel=\"noopener\">how to manage projects using Kanban here<\/a>.<\/span><\/p>\n<h2><span style=\"color: #000000;\">Step 2. The best way to set up tasks<\/span><\/h2>\n<p><span style=\"color: #000000;\">Next comes filling the Kanban board with tasks. You put everything that needs to be done in the To-Do list as tasks.<\/span><\/p>\n<p><span style=\"color: #000000;\">Task name should be easily identifiable and short, like Spring-2017-denim or some-feature-for-some-website.<\/span><\/p>\n<p><span style=\"color: #000000;\">Inside the body of the task, you put everything that the designer needs to know. This is what you should include in task description:<\/span><\/p>\n<p><span style=\"color: #000000;\">\u25ba Type of banner (social, display, website, gif, html5)<\/span><br \/>\n<span style=\"color: #000000;\"> \u25ba Banner dimension (250&#215;300, 728&#215;90, 160&#215;600)<\/span><br \/>\n<span style=\"color: #000000;\"> \u25ba Headline (Best project management tool on the market, Lose 10 lbs in 10 weeks)<\/span><br \/>\n<span style=\"color: #000000;\"> \u25ba CTA (Try Now, Learn More)<\/span><br \/>\n<span style=\"color: #000000;\"> \u25ba Suggested imagery\/symbols (laptops, people working, floral pattern)<\/span><br \/>\n<span style=\"color: #000000;\"> \u25ba Notes (not bigger than 120kb, 5 frames\/s)<\/span><br \/>\n<span style=\"color: #000000;\"> \u25ba Campaign info for context like: campaign description, goal, target audience, placement channels, etc. (This campaign is to reactivate users who no longer use our software because we didn&#8217;t have project importers. We want to let them know that now we have and they can import project in a few seconds. The banner will lead them to lander.com. The campaign will be used on these sites.)<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-42730 size-medium\" src=\"https:\/\/newblog.creatopy.com\/blog\/wp-content\/uploads\/2017\/07\/task-for-designer-600x395.png\" alt=\"Kanban project management\" width=\"600\" height=\"395\" srcset=\"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-content\/uploads\/2017\/07\/task-for-designer-600x395.png 600w, https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-content\/uploads\/2017\/07\/task-for-designer-768x506.png 768w, https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-content\/uploads\/2017\/07\/task-for-designer.png 770w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><span style=\"color: #000000;\">\u201cThe project owner needs to create a thorough creative brief detailing the goals of the banner, landing page or display ad. The brief should include timeline, themes for the messaging, keyword requirements if any, size requirements, and any examples that can help the designer begin. It&#8217;s important not to get too prescriptive so the designer still has the creative freedom to generate a unique compelling graphic.\u201d &#8211; <a href=\"https:\/\/www.linkedin.com\/in\/chriscallen\/\" target=\"_blank\" rel=\"noopener\">Chris Allen<\/a>, founder of Firmtree<\/span><\/p>\n<p><span style=\"color: #000000;\">You may think that writing campaign info is too much (and you don&#8217;t want to waste your time), but it&#8217;s actually extremely important. If you don&#8217;t give designers context, they won&#8217;t be able to create effective banners and they&#8217;ll struggle with inspiration.<\/span><\/p>\n<p><span style=\"color: #000000;\">Once designers have context, they can make truly effective ads. For example, if the ad is on Facebook, the designer will know how people on Facebook behave and will design the ad so it either blends in with the news feed or radically jumps out, thus making the ad more effective in order to make the best first impression (according to <a href=\"https:\/\/activecollab.com\/invoice-your-work\" target=\"_blank\" rel=\"noopener\">research<\/a>, first impressions are 94% design-related).<\/span><\/p>\n<p><span style=\"color: #000000;\"><strong>Productivity tip: you can save time by creating task template, create a task from it, and just fill in the blanks<\/strong>. This way, you won&#8217;t forget to write some info, and this is also a great for setting up processes that will help you once your company starts growing.<\/span><\/p>\n<p><span style=\"color: #000000;\">Each task should also have a deadline and an assignee. If you have a lot of tasks, you can add labels to filter tasks and make them easier to find. If you&#8217;re an agency and charge by the hour, put a time estimate so the designer can track time against it, <a href=\"https:\/\/activecollab.com\/invoice-your-work\" target=\"_blank\" rel=\"noopener\">which you can later invoice.<\/a><\/span><\/p>\n<h2><span style=\"color: #000000;\">Step 3. Implement continuous feedback loop<\/span><\/h2>\n<p><span style=\"color: #000000;\">Once banners are live, it&#8217;s good practice to let your designer know how their designs perform. This is great because the designer can then improve their skill and create better banners in the future.<\/span><\/p>\n<p><span style=\"color: #000000;\">The best way to do this is to organize a retrospective session once a week or month. There&#8217;s no point giving feedback on each design individually because it take can take a lot of time and focus from everyday work.<\/span><\/p>\n<p><span style=\"color: #000000;\">\u201cWhat have shown to be the best way to give feedback on a design piece to me is to be as descriptive as possible. Spend those extra 15 minutes to go the extra mile and be really informative about your ideas. Despite of what some people think designers can&#8217;t read minds, which means it&#8217;s up to you to convey a clear message of whatever you envision for the piece. Don&#8217;t stop at just mentioning what should be changed in the banner, but also specifically make a suggestion about would an element should be changed for, as well as why that change would be better. It&#8217;s crucial to onboard the designer into your thinking process so they can come with the best concept possible to fit your demands.\u201d &#8211; <a href=\"https:\/\/www.linkedin.com\/in\/yohanvarella\/\" target=\"_blank\" rel=\"noopener\">Yohan Varella<\/a>, Head of Marketing of SlickPie<\/span><\/p>\n<p><span style=\"color: #000000;\">Show designer CTR for each banner and campaign and then analyse why that is. For example, according to research, the average clickthrough rate of display ads in USA is 0.08%. If your ads are performing better, maybe it\u2019s because the target demographic clicks more on ads? Or the color scheme catches more attention? Information like this is critical for future designs.<\/span><\/p>\n<p><span style=\"color: #000000;\">Once the session begins, go through each campaign, analyse the results together, and try to explain why some banner performed well, while the other tanked. Wrap up the session with ideas and suggestions for future campaigns and design directions. These feedback session are common in many agile project management methodologies (like Scrum) and can help you manage your design workflow better.<\/span><\/p>\n<p><span style=\"color: #000000;\">&#8212;<\/span><\/p>\n<p><span style=\"color: #000000;\"><strong>Creating a good workflow isn\u2019t difficult &#8211; the real difficult part is keeping it smooth.<\/strong> This is why workflows should be really simple and useful, for everyone. Kanban boards are easy to set up, intuitive, and useful. Once you have a board and people move tasks, your design process will go much smoother.<\/span><\/p>\n<p><span style=\"color: #000000;\"><a href=\"https:\/\/en.gravatar.com\/aleksandarolic\" target=\"_blank\" rel=\"noopener\"> Aleksandar Olic<\/a> is a content marketing professional, front-end designer, and editor at\u00a0<a style=\"color: #000000;\" href=\"https:\/\/activecollab.com\/\" target=\"_blank\" rel=\"noopener\" data-saferedirecturl=\"https:\/\/www.google.com\/url?hl=en&amp;q=https:\/\/activecollab.com\/&amp;source=gmail&amp;ust=1500533971890000&amp;usg=AFQjCNGEGaIpiFcjM-zLhSSvD8Cn90gDYw\">Active Collab<\/a>. Aleksandar has more than 5 years of experience in digital marketing and project management, predominantly in SaaS industry.\u00a0He&#8217;s usually based on the relation between Active Collab&#8217;s headquarters in Norfolk, Virginia, US and their office in Novi Sad, Serbia.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s a stereotype that designers love to design but hate everything else that comes with it &#8211; collaboration with clients, dealing with sales, marketing, etc.Though there\u2019s a grain of truth here, it&#8217;s mostly an illusion and result of bad processes. To make good banners, designers need directions. Designer&#8217;s job is<\/p>\n","protected":false},"author":143,"featured_media":42731,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3328],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-json\/wp\/v2\/posts\/39113"}],"collection":[{"href":"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-json\/wp\/v2\/users\/143"}],"replies":[{"embeddable":true,"href":"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-json\/wp\/v2\/comments?post=39113"}],"version-history":[{"count":8,"href":"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-json\/wp\/v2\/posts\/39113\/revisions"}],"predecessor-version":[{"id":82280,"href":"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-json\/wp\/v2\/posts\/39113\/revisions\/82280"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-json\/wp\/v2\/media\/42731"}],"wp:attachment":[{"href":"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-json\/wp\/v2\/media?parent=39113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-json\/wp\/v2\/categories?post=39113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creatopydevelopmentblog.kinsta.cloud\/blog\/wp-json\/wp\/v2\/tags?post=39113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}