Perhaps due to the ease & proliferation of Sketch templates for creating high-res mockups that look production-ready \u00e2\u20ac\u201d dashboards to admin consoles to social feeds \u00e2\u20ac\u201d there seems to be a strong bent towards going all realistic and photo-ready from the start of a project. <\/p>\n
Please don\u00e2\u20ac\u2122t do that.<\/p>\n
I mean sure, why not make it look beautiful and well-formed, as if it\u00e2\u20ac\u2122s already coded \u00e2\u20ac\u201d indeed, modern tools make it so quick (time saving) and easy (just a few copy\/paste\/edit maneuvers). It seems to be a no-brainer, right? PMs, Devs, clients will love it \u00e2\u20ac\u201d makes you look so awesome too. Capable of spitting out something that looks perfectly formed. Maybe so, but here\u00e2\u20ac\u2122s something that\u00e2\u20ac\u2122s lost \u00e2\u20ac\u201d seeing the ugly, the disposability of doing rough pen\/paper or whiteboard-based sketches that\u00e2\u20ac\u2122s lower cost and reduce a team\u00e2\u20ac\u2122s irresistible attachment to a finished-looking mockup. It also encourages the team to get involved in all the ugly iterations, the \u00e2\u20ac\u0153wrong ones\u00e2\u20ac\u009d, the \u00e2\u20ac\u0153bad ones\u00e2\u20ac\u009d, the \u00e2\u20ac\u0153WTF are you thinking\u00e2\u20ac\u009d ones\u00e2\u20ac\u00a6so everyone can understand\/learn why they\u00e2\u20ac\u2122re not good, how considerations or issues become clearer after subsequent attempts.<\/p>\n
Creating a good design is not simply about spitting out that perfect gorgeous mockup for Devs to code up. <\/p>\n
It\u00e2\u20ac\u2122s more effectively about that elusive journey of exploration, discovery and understanding (or learning), an emergent revelation of what\u00e2\u20ac\u2122s important (and conversely, not important), via a series of progressively iterative, increasingly higher fidelity creations that\u00e2\u20ac\u00a6<\/p>\n
a) reveal levels of complexity and relationships among objects & actions \u00e2\u20ac\u201d which non-design peers likely never knew or realized [spoiler: they\u00e2\u20ac\u2122re often buried in tedious 100 page docs nobody reads, or across dozens of JIRA tickets in dozens of browser tabs] <\/p>\n
and <\/p>\n
b) getting non-design peers to participate on that journey, helping them recognize what\u00e2\u20ac\u2122s important, and how design really happens, aside from pop cultural notions It helps (re)set expectations and disabuse others of false notions per media hype (the \u00e2\u20ac\u0153magical genius designer with unicorn rainbows shooting from finger tips\u00e2\u20ac\u009d \u00e2\u20ac\u201d NOPE!). <\/p>\n
It reveals the reality of design as a messy, ugly process of fits and starts, of zig zags and reversing course, of throwing away ideas quickly to make faster progress, of making (gasp) mistakes with a basket of crumpled stickies. It\u00e2\u20ac\u2122s admittedly exposing the truth of the process, the essence of creation to those who likely are terrified of seeing the mess, the ugly before the beauty. After all, it just looks so risky and uncertain. Who wants that?? They have to guarantee 32.43% increase in revenue growth next quarter!! <\/p>\n
But if you want to earn a team\u00e2\u20ac\u2122s trust, and cultivate non-design peers as veritable partners in an ongoing process of generating & delivering long-term value (to customers and your own internal organization), then showing the ugly while holding their hand (metaphorically, of course), is so damn useful, and yes, so damn painful. By going through the visibility and honesty of traversing the ugly together, the collaboration is healthier, stronger, and has the caliber to withstand truly tough arguments when it comes to time to ship and make extremely hard trade-offs. <\/p>\n
Showing the ugly helps.<\/p>\n","protected":false},"excerpt":{"rendered":"
Perhaps due to the ease & proliferation of Sketch templates for creating high-res mockups that look production-ready \u00e2\u20ac\u201d dashboards to admin consoles to social feeds \u00e2\u20ac\u201d there seems to be a strong bent towards going all realistic and photo-ready from the start of a project. Please don\u00e2\u20ac\u2122t do that. I mean sure, why not make … Continue reading “Showing the ugly in design”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[21],"tags":[],"class_list":["post-1119","post","type-post","status-publish","format-standard","hentry","category-general-stuff"],"_links":{"self":[{"href":"https:\/\/www.ghostinthepixel.com\/index.php?rest_route=\/wp\/v2\/posts\/1119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ghostinthepixel.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ghostinthepixel.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ghostinthepixel.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ghostinthepixel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1119"}],"version-history":[{"count":2,"href":"https:\/\/www.ghostinthepixel.com\/index.php?rest_route=\/wp\/v2\/posts\/1119\/revisions"}],"predecessor-version":[{"id":1124,"href":"https:\/\/www.ghostinthepixel.com\/index.php?rest_route=\/wp\/v2\/posts\/1119\/revisions\/1124"}],"wp:attachment":[{"href":"https:\/\/www.ghostinthepixel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ghostinthepixel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ghostinthepixel.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}