{"id":7743,"date":"2022-09-11T13:13:27","date_gmt":"2022-09-11T11:13:27","guid":{"rendered":"https:\/\/stephaniewalter.design\/?p=7743"},"modified":"2024-02-18T11:34:35","modified_gmt":"2024-02-18T10:34:35","slug":"pixels-of-the-week-september-11-2022","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/blog\/pixels-of-the-week-september-11-2022\/","title":{"rendered":"Pixels of the Week \u2013 September 11, 2022"},"content":{"rendered":"<div class=\"juiz-outdated-message jodpm-top\">This content is 2 years old. Remember that the following content might be outdated.<\/div><p>Every day, I share on <a href=\"https:\/\/twitter.com\/WalterStephanie\">Twitter<\/a> and <a href=\"https:\/\/www.linkedin.com\/in\/stephaniewalterpro\/\">LinkedIn<\/a> a list of curated articles I read, resources and tools about UX Design, User Research, UI and mobile design, HTML, CSS, the web industry, some process, some inspiration, etc. This is an archive of everything I shared this week.<\/p>\n<h2>#Now &#8211; what I&#8217;m up to<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7750\" src=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-01.jpg\" alt=\"\" width=\"1081\" height=\"408\" srcset=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-01.jpg 1081w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-01-1040x393.jpg 1040w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-01-768x290.jpg 768w\" sizes=\"(max-width: 1081px) 100vw, 1081px\" \/><\/p>\n<p>This week <a href=\"https:\/\/twitter.com\/WalterStephanie\/status\/1567923319680163840\">I talked at Web Aim Conference<\/a> and I updated my talk, slides, and also article on how, what and why designers can document accessibility. I added some details based on previous feedback, and I also prepared a checklist to help people document: <a href=\"https:\/\/stephaniewalter.design\/blog\/a-designers-guide-to-documenting-accessibility-user-interactions\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">A Designer\u2019s Guide to Documenting Accessibility &amp; User Interactions<\/a><\/p>\n<p><span class=\"css-901oao css-16my406 r-poiln3 r-bcqeeo r-qvutc0\">Wanna hear me rant about UX recruitment but also give a few good tips to navigate the mess? Here you go: <a href=\"https:\/\/share.transistor.fm\/s\/941687f0\">Episode 121: The UX Job Hiring and Seeking Landscape, Part 4 with St\u00e9phanie Walter<\/a> (on apple Podcast, Google podcast and Spotify)<br \/>\n<\/span><\/p>\n<p>I found some purple and yellow cauliflowers, so <a href=\"https:\/\/twitter.com\/WalterStephanie\/status\/1568620911703498758\">I started a new batch of pickled cauliflowers that match my visual identity<\/a>. How cool is that?<\/p>\n<h2>TL;DNR the one you should not miss<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7751\" src=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-02.jpg\" alt=\"\" width=\"1061\" height=\"408\" srcset=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-02.jpg 1061w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-02-1040x400.jpg 1040w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-02-768x295.jpg 768w\" sizes=\"(max-width: 1061px) 100vw, 1061px\" \/><\/p>\n<p>#Cognitive Biases<\/p>\n<p>If you are interesting in how human take decisions, here is a nice list of difference cognitive biases explained with some examples and illustrations: <a href=\"https:\/\/thedecisionlab.com\/biases-index?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">Biases by decision lab<\/a>.<\/p>\n<p>I&#8217;m also designed and created some <a href=\"https:\/\/shop.stephaniewalter.design\/collection\/cognitive-biases-cards-workshop-resources\">nice 60+ UX bias cards, and a whole Miro \/ Figjma workshop around cognitive biases<\/a>.<\/p>\n<h2>Interesting article<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7752\" src=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-03.jpg\" alt=\"\" width=\"1081\" height=\"408\" srcset=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-03.jpg 1081w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-03-1040x393.jpg 1040w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-03-768x290.jpg 768w\" sizes=\"(max-width: 1081px) 100vw, 1081px\" \/><\/p>\n<p>#Accessibility<\/p>\n<ul>\n<li>If you have a mac, here are some great tips to help you test sites using the VoiceOver Screen Reader: <a href=\"https:\/\/cloudfour.com\/thinks\/mac-voiceover-testing-the-simple-way\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">Mac VoiceOver Testing the Simple Way<\/a><\/li>\n<li><a href=\"https:\/\/equalentry.com\/digital-accessibility-careers\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">The First Steps to Breaking into Digital Accessibility Careers<\/a>, by Louise Clark. A great article on the need to gain more awareness around the topic of accessibility, in the community but also in dev and design schools!<\/li>\n<li><a href=\"https:\/\/ericwbailey.website\/published\/visit-for-a-surprise\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">Visit for a surprise<\/a>: Eric Bailey turned a conversation we had about easter eggs and accessibility into a very interesting article. Could spoiling a joke be an accessibility issue? You better believe it. Also, did you find the easter egg on my homepage yet?<\/li>\n<\/ul>\n<p>#Color<\/p>\n<p>&#8220;<a href=\"https:\/\/www.themarginalian.org\/2022\/08\/10\/ed-yong-an-immense-world-color\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">Psychedelic Dinosaurs, Four-Dimensional Hummingbirds, and How We Got Our Vision: Color, Consciousness, and the Dazzling Universe of Tetrachromacy<\/a>&#8221; an beautiful article on color perception in the animal and human world.<\/p>\n<p>#Agile<\/p>\n<p><a href=\"https:\/\/aakashgupta.substack.com\/p\/mvp-the-most-misused-term-in-tech?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">&#8220;MVP&#8221; &#8211; the most misused term in tech<\/a>. A much better definition of Minimum Viable Product is the version of the product that helps you test your most critical assumption. It is NOT: bad design, bad code, something that could harm the company\u2019s reputation<\/p>\n<p>#Information Architecture<\/p>\n<p><a href=\"https:\/\/subconscious.substack.com\/p\/knowledge-structures?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">Knowledge structures<\/a>: many structured ways of knowing seem to roughly fall into one of several spatial structures: lists, trees, grids, and networks.<\/p>\n<p>#Design<\/p>\n<p>Interesting article on how we use objects and metaphors to help users understand our interfaces: <a href=\"https:\/\/thesephist.com\/posts\/materials\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">Design with materials, not features<\/a><\/p>\n<p>#Behavioral Psychology<\/p>\n<p>&#8220;<a href=\"https:\/\/www.choicehacking.com\/2022\/08\/17\/uber-psychology-behavioral-science-part2\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">How Uber Used Psychology to Manipulate Its Drivers<\/a>&#8221; outch, that is, quite bad and even dangerous at some point we are talking about manipulating people who might be tired into driving more hours!<\/p>\n<p>#Offboarding<\/p>\n<p>Wait, <a href=\"https:\/\/growth.design\/case-studies\/typeform-offboarding\">according to this case study, Typeform forces you to fill a mandatory survey if you want to downgrade your plan<\/a>? This is one of the worse shady pattern I&#8217;ve ever seen. I understand it can be interesting to know why, but, mandatory???<\/p>\n<p>#Organization<\/p>\n<p><a href=\"https:\/\/jarango.com\/2022\/08\/26\/how-to-avoid-misplacing-things\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">How to Avoid Misplacing Things?<\/a> Easy: put them where you&#8217;re likely to find them later, because, \u201cout of sight, out of mind\u201d. Also applies to interfaces ^^<\/p>\n<h2>Inspiration, fun experiments and great ideas<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7753\" src=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-04.jpg\" alt=\"\" width=\"1061\" height=\"408\" srcset=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-04.jpg 1061w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-04-1040x400.jpg 1040w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-04-768x295.jpg 768w\" sizes=\"(max-width: 1061px) 100vw, 1061px\" \/><\/p>\n<p>#Maps<\/p>\n<ul>\n<li><a href=\"https:\/\/mornings.co.uk\/most-common-dream-by-country\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">Here is a cute map of most common dreams by countries<\/a>. I&#8217;m not sure I trust dream meanings, but I am glad I am not the only dreaming about fallen teeth. There is no school related stuff in here though, I am alone? <span class=\"css-901oao css-16my406 r-poiln3 r-bcqeeo r-qvutc0\">Like &#8220;I attend my class because I could not find the schedule. Also I missed some classes and can&#8217;t find anyone to share the notes. Wait, I already have a master degree, why do I even care&#8221; kind of dream? Also to be clear: this data is absolutely not scientific, it&#8217;s based on an analysis of google search data, so there&#8217;s a sample bias here. But I&#8217;m still super curious and I love how they presented it, because I&#8217;m a map and dataviz geek.<\/span><\/li>\n<li>Wondering <a href=\"https:\/\/nassimsoftware.github.io\/zeldabotwstreetview\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">what a google map&#8217;s street view version of Zelda Breath of the Wild would look like<\/a>?<\/li>\n<\/ul>\n<p>#Typography<\/p>\n<p><a href=\"https:\/\/typehunting.com\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">Typehunting<\/a>: some simple things make me happy. Beautiful typography on old labels and objects is one of them<\/p>\n<p>#UI Inspiration<\/p>\n<p>In case you need a little bit of inspiration: <a href=\"https:\/\/www.learnui.design\/blog\/spice-up-designs.html?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">37 Easy Ways to Spice Up Your UI Designs<\/a>. I love the shapes highlights and hand drawn styles those days. Get inspired, remix, revamp, build something new and really cool!<\/p>\n<h2>Useful tools and resources that will make your life easy<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7754\" src=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-05.jpg\" alt=\"\" width=\"1061\" height=\"408\" srcset=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-05.jpg 1061w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-05-1040x400.jpg 1040w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-05-768x295.jpg 768w\" sizes=\"(max-width: 1061px) 100vw, 1061px\" \/><\/p>\n<p>#Content Writing<\/p>\n<p><a href=\"https:\/\/languageplease.org\/style-guide\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">Style Guidance<\/a>: a tool to help you write around different topics (Class &amp; Social Standing, Disabilities, Neurodiversity, &amp; Chronic Illness, Gender &amp; Sexuality, Mental Health, Trauma, &amp; Substance Use, Race and Ethnicity, etc.) using the right words<\/p>\n<p>#Inspiration #FreeImages<\/p>\n<p>If you are looking for old school, curious and compelling images and illustrations (but also books, films nd audio) I recommend checking <a href=\"https:\/\/publicdomainreview.org\/collections\/images?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">PublicDomainRev<\/a><\/p>\n<p>#Inspiration<\/p>\n<p><a href=\"https:\/\/openart.ai\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">OpenArt<\/a>: Get inspired from millions of amazing DALL\u00b7E 2 art and prompts<\/p>\n<p>#Typography<\/p>\n<p>If you are looking for the next typeface for your project, <a href=\"https:\/\/verycoolstudio.com\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">Very Cool<\/a> has a lot of those.<\/p>\n<h2>Tutorials<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7755\" src=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-06.jpg\" alt=\"\" width=\"1081\" height=\"408\" srcset=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-06.jpg 1081w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-06-1040x393.jpg 1040w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-06-768x290.jpg 768w\" sizes=\"(max-width: 1081px) 100vw, 1081px\" \/><\/p>\n<p>#CSS<\/p>\n<ul>\n<li>The syntax of container queries has changed a little bit since the first drafts, it&#8217;s shipping in the browser, so <a href=\"https:\/\/www.oddbird.net\/2022\/08\/18\/cq-syntax\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">here is a summary of the latest syntax and changes<\/a><\/li>\n<li><a href=\"https:\/\/web.dev\/creative-list-styling\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">Creative list styling<\/a>, some really cool CSS tricks and ideas to make lists less boring. Also, yeahy, an example of definition lists (everyone forgets those exist)<\/li>\n<li>I&#8217;m beyond happy about that: <a href=\"https:\/\/ishadeed.com\/article\/container-queries-are-finally-here\/?utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">CSS container queries are finally here<\/a><\/li>\n<\/ul>\n<h2>Videos and Podcasts<\/h2>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7756\" src=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-07.jpg\" alt=\"\" width=\"1061\" height=\"408\" srcset=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-07.jpg 1061w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-07-1040x400.jpg 1040w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2022\/09\/2022.09.11-weeklylinks-content-07-768x295.jpg 768w\" sizes=\"(max-width: 1061px) 100vw, 1061px\" \/><\/p>\n<p>#UX #Podcast<\/p>\n<p>I really liked the <a href=\"https:\/\/www.youtube.com\/watch?v=_o7_sI08m58\">&#8220;Is a UX Research Career Right For Me?&#8221; podcast<\/a> from Debbie Levitt. A lot of awesome information to know if this is a career for you, but honestly also, a lot of debunking about UX myth questions everyone should listen to!<\/p>\n<p>#Arcane<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?app=desktop&amp;v=n_dCEd5QRZg&amp;feature=youtu.be&amp;utm_source=stephaniewalter.design&amp;utm_medium=weeklylinks\">Episode 5 of Bridging the Rift<\/a> is out. The part about the show creator expecting to get death threats, like &#8220;the players are going to be unmerciful&#8221; is so mess up and sadly shows the toxicity of that community and game industry even when a show is amazing.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc49\ud83c\udffb Curated weekly UX, Design &#038; Tech resources: update of my documenting accessibility for designers talk, my podcast episode on the UX hiring mess, screen reader testing, cognitive biases, agile and the misuse of &#8220;MVP&#8221;, typography inspiration, creative maps, information architecture, accessibility and easter eggs, CSS container queries syntax, is a UX career right for me, public domain awesome pictures, UX writing tool, creative list CSS styling, deceiving offboarding, breaking into digital accessibility careers, behavioral psychology at Uber, UI inspiration, etc.<\/p>\n","protected":false},"author":3,"featured_media":7757,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"link","meta":{"_acf_changed":false,"footnotes":""},"categories":[89],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts\/7743"}],"collection":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/comments?post=7743"}],"version-history":[{"count":6,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts\/7743\/revisions"}],"predecessor-version":[{"id":10147,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts\/7743\/revisions\/10147"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/media\/7757"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/media?parent=7743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/categories?post=7743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/tags?post=7743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}