diff options
| author | bt <bt@web> | 2023-12-11 18:46:36 -0500 |
|---|---|---|
| committer | IkiWiki <ikiwiki.info> | 2023-12-11 18:46:36 -0500 |
| commit | 98142464bbc27251b37e1716d90591e3d835d06c (patch) | |
| tree | e4c54818bd3d7034469fc3f9dcf0ce18697da21d | |
| parent | 7371e5751eb0ca0880ccbf1af5d90d888df916ae (diff) | |
| -rw-r--r-- | posts/design-review-dropbox.md | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/posts/design-review-dropbox.md b/posts/design-review-dropbox.md index 0d3da25..4c1923b 100644 --- a/posts/design-review-dropbox.md +++ b/posts/design-review-dropbox.md @@ -1,10 +1,9 @@ -# Unsolicited Design Review - Dropbox - -2017-10-10 +[[!meta title="Unsolicited Design Review - Dropbox"]] +[[!meta date="2017-10-10"]] Earlier last week the design team at Dropbox unveiled their new branding / design system for the company as a whole. If you haven't seen the updated design yet, you can do so here: <a href="https://dropbox.design/">dropbox.design</a> (Take your time, I can wait). - + I won't mince words when I say I believe this is a huge step backwards for their brand. Not only is it uninspired and broken, but it also shows how our industry is plagued with a need to redesign things just for the sake of redesigning them. @@ -83,7 +82,7 @@ Any persons with visual impairments need not apply. This design system is not bu </blockquote> <figure> - <img src="/public/images/dropbox-fonts_vthivw_c_scale,w_1122.webp" alt="Dropbox Fonts"> + <img src="/public/images/dropbox-fonts_vthivw_c_scale.webp" alt="Dropbox Fonts"> <figcaption>Not a single one of these typeface styles is initially readable</figcaption> </figure> @@ -96,14 +95,14 @@ The typeface they have chosen looks terrible at any view-port size and readabili Irony at it's finest. "Our users tell us that they hate being distracted and overwhelmed, so we've decided to use headache inducing color palettes, crude illustrations, a barely legible typeface, and some of the most visually loud photography throughout our system". I hate coming off as mean-spirited - but this is some elaborate joke, right? <figure> - <img src="/public/images/dropbox-logos-color_fcogaj_c_scale,w_1400.webp" alt="Dropbox Color Logos"> + <img src="/public/images/dropbox-logos-color_fcogaj_c_scale.webp" alt="Dropbox Color Logos"> <figcaption>Oh Dropbox...my eyes!</figcaption> </figure> After running it through a color contrast accessibility checker: <figure> - <img src="/public/images/dropbox-contrast_plkfxb_c_scale,w_1400.webp" alt="Dropbox Contrast"> + <img src="/public/images/dropbox-contrast_plkfxb_c_scale.webp" alt="Dropbox Contrast"> <figcaption>Multiple accessibility failures</figcaption> </figure> @@ -112,7 +111,7 @@ Next we have the child-like 'scribble' illustrations. Now don't get me wrong, I Another issue with these illustrations is their usage. Look at the image below and ask yourself if you would correlate it with an error page if no accompanying text was present. <figure> - <img src="/public/images/dropbox-404_bovayg_c_scale,w_758.webp" alt="Dropbox error page imagery"> + <img src="/public/images/dropbox-404_bovayg_c_scale.webp" alt="Dropbox error page imagery"> <figcaption>What does this have to do with a 404 error page?</figcaption> </figure> |