{"id":10121,"date":"2024-02-18T11:14:49","date_gmt":"2024-02-18T10:14:49","guid":{"rendered":"https:\/\/stephaniewalter.design\/?p=10121"},"modified":"2024-02-18T12:30:17","modified_gmt":"2024-02-18T11:30:17","slug":"pixels-of-the-week-february-18-2024","status":"publish","type":"post","link":"https:\/\/stephaniewalter.design\/blog\/pixels-of-the-week-february-18-2024\/","title":{"rendered":"Pixels of the Week \u2013 February 18, 2024"},"content":{"rendered":"<p>My curated weekly-ish online newsletter, where I share interesting articles, tools, and resources I found during the week. You can expect content about UX, design, user research, accessibility &amp; tech, but also some processes, some inspiration, sometimes books, and a couple of videos and podcasts. Also, don&#8217;t forget to, <a href=\"https:\/\/stephaniewalter.design\/subscribe-to-the-blog-updates\/\">subscribe to the newsletter<\/a> to get notified, you will get the weekly links directly in your mailbox, and be notified when I publish other articles.<\/p>\n<h2>Now: what I&#8217;m currently up to<\/h2>\n<p><img decoding=\"async\" class=\"alignnone wp-image-10129 size-full\" src=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2024\/02\/2024.02.18.weeklylinks-content-01.jpg\" alt=\"screenshot of the UX london site with my headshot\" width=\"1061\" height=\"510\" srcset=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2024\/02\/2024.02.18.weeklylinks-content-01.jpg 1061w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2024\/02\/2024.02.18.weeklylinks-content-01-1040x500.jpg 1040w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2024\/02\/2024.02.18.weeklylinks-content-01-768x369.jpg 768w\" sizes=\"(max-width: 1061px) 100vw, 1061px\" \/><\/p>\n<p>I&#8217;m going to London in June! <span class=\"css-1qaijid r-bcqeeo r-qvutc0 r-poiln3\">I&#8217;ll be speaking at UX London 2024 &#8211; a three day celebration of all things digital design. It&#8217;s happening on 18 &#8211; 20 June 2024. I&#8217;ll be running my &#8220;Designing adaptive reusable components &amp; pages&#8221; twice. Don&#8217;t miss it!<\/span><\/p>\n<p class=\"cta text-center\"><a href=\"https:\/\/2024.uxlondon.com\/\" class=\"button is-accentuated has-icon\"><span>Get your ticket <svg aria-hidden=\"true\" role=\"presentation\" class=\"icon icon-arrow-right\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><use xlink:href=\"#icon-arrow-right\"><\/use><\/svg><\/span><\/a><\/p>\n<p>Also, reminder for next week&#8217;s events:<\/p>\n<ul>\n<li>February 21, 6:30PM \u2013 7:PM CET, remote, I\u2019ll be participate in the Hi Talks, about about UX design organised by Hi Interactive. Y<span class=\"lt-line-clamp__raw-line\">ou can <a href=\"https:\/\/www.linkedin.com\/events\/practicalguideforenterpriseux-m7154176790524014593\/about\/\">register on LinkedIn<\/a> or directly on <a href=\"https:\/\/www.youtube.com\/watch?v=PljY8_Ie6Hw\">Hi Interactive YouTube event<\/a>.<\/span><\/li>\n<li>February 23, 9pm to 11:30 PM, in Paris:\u00a0 I\u2019ll be talking (in French) at the UX Breakfast, organised by User Testing (previously Testapic). It\u2019s free but you need to <a href=\"https:\/\/www.testapic.com\/ux-breakfast-stephanie-walter\/\">register online first<\/a><\/li>\n<\/ul>\n<h2>Interesting Frameworks<\/h2>\n<p><img decoding=\"async\" class=\"alignnone wp-image-10130 size-full\" src=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2024\/02\/2024.02.18.weeklylinks-content-02.jpg\" alt=\"Screenshot of the article detailing 2 types of activities: completion oriented (Users do the activity to have it done.) and emotion oriented (Users do the activity for the feeling it brings while presently doing the activity). Full text version in the article).\" width=\"1061\" height=\"352\" srcset=\"https:\/\/stephaniewalter.design\/wp-content\/uploads\/2024\/02\/2024.02.18.weeklylinks-content-02.jpg 1061w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2024\/02\/2024.02.18.weeklylinks-content-02-1040x345.jpg 1040w, https:\/\/stephaniewalter.design\/wp-content\/uploads\/2024\/02\/2024.02.18.weeklylinks-content-02-768x255.jpg 768w\" sizes=\"(max-width: 1061px) 100vw, 1061px\" \/><\/p>\n<p><a href=\"https:\/\/carljpearson.com\/can-longer-task-times-for-users-be-a-good-thing\/\">Can longer task times for users be a good thing?<\/a> (12min) We often use Task Completion Time as a metric: the lower the time, the better the experience, right? Carl J. Pearson introduces the idea that this depends on how the activity is categorized. Lowering the time for completion oriented activities done for extrinsic goals (sending money to a friend) increases satisfaction.<\/p>\n<p>This is also often the type of activity with B2B products. But it might not be the case for emotion-oriented tasks: when the user wants to do the activity, because it&#8217;s intrinsically satisfying (listening to music). This model can be useful when defining metric goals, depending on if you want to optimize for speed, or engagement.<\/p>\n<h2>Popular content this week<\/h2>\n<p><a href=\"https:\/\/www.figma.com\/community\/file\/1075811850250564922\">Paper Wireframe Kit<\/a>. <span class=\"break-words \"><span dir=\"ltr\">Do you feel nostalgia for the good old low fidelity sketchy paper style wireframes? Method created that wireframe kit for Figma, that brings back those paper style sketchy elements. It has components, icons and uses the Patrick Hand font.<\/span><\/span><\/p>\n<h2>Interesting articles that caught my attention<\/h2>\n<h3>UX Design and Product Strategy<\/h3>\n<ul>\n<li><a href=\"https:\/\/uxdesign.cc\/mobile-search-which-pattern-should-you-choose-7bd379e8f02c\">Mobile search: which pattern should you choose?<\/a> Choosing the right search pattern for your mobile app can be a challenge sometimes. Ksenia Toloknova wrote a nice guide to help you here. She breaks down the choice in 5 principles: entry point for search, aka how do you access it? (for example, do you have a search bar always visible, is it hidden behind an icon, etc.). Breadth of results: is the search global or local? Presentation mode: do you present the results in a new screen or the same one? Results Complexity: how much information do you display for each result, do you have categories, filters? Complexity of input fields: do you have a simple of multi search? She also covers, in detail, with multiple UI examples, how to cancel inputs, and exist the search how to present the results and how to present search recommendations to users.<\/li>\n<li><a href=\"https:\/\/uxdesign.cc\/no-ai-user-research-is-not-better-than-nothing-its-much-worse-5add678ab9e7\">No, AI user research is not \u201cbetter than nothing\u201d\u2014it\u2019s much worse<\/a> (6min). According to Pavel Samsonov, synthetic insights (AI user research, without talking to actual users) are not research. An LLM can\u2019t talk about the last time it had to accomplish a task. Using AI instead of actual users, leads to &#8220;commoditized&#8221; products that all look the same, yet don\u2019t really solve real users problems and lack a unique selling proposition that will differentiate them on a market. The LLM won\u2019t buy your product. So, who are you going to sell that commodity to?<\/li>\n<li><a href=\"https:\/\/pencilandpaper.io\/articles\/signs-of-bad-ux-design\/\">Signs of Bad UX Design<\/a> (10min). Is your software frustrating to use? It might have bad UX. Bad user experience undermines product reliability and trustworthiness. Decisions made on a whim without research, overuse of components and patterns without trying to understand if they actually solve the user\u2019s problems, unpredictable system reactions and lack of consistency, confusing navigation and a chaotic visual design (endless colors, too many fonts, unclear copy, etc.) are usually signs you have issues in that area.\u00a0 Often this is due to UX design being undervalued in organizations and a lack of collaboration between teams.<\/li>\n<li><a href=\"https:\/\/hamatti.org\/posts\/please-dont-force-me-to-log-in\/\">Please, don\u2019t force me to log in<\/a> (5min) I\u2019m with Juha-Matti Santala on this, forcing users to create accounts and log to use light bulbs or a browser sounds very intrusive. So much extra friction added. It also confuses many people. So please, stop with these hostile account requirements that make your products worse for the users.<\/li>\n<li><a href=\"https:\/\/jarango.com\/2024\/02\/04\/shaping-the-future-of-design\/\">Shaping the Future of Design<\/a> (6min) with emerging technologies, the role of the designer will be gears towards understanding and building models. Going into pragmatic abstractions. And, yes, it might be scary. Shifting from screen-level design to model design won\u2019t be easy. But as technologies evolve, affecting both end-user UI and the designer\u2019s toolkit, designers must dive deeper to ensure continued relevance. That means making models the object of design to continue creating value by satisfying human needs \u2014 many of which will remain constant despite ongoing, pervasive change. (by Jorge Arango)<\/li>\n<li><a href=\"https:\/\/runthebusiness.substack.com\/p\/accidentally-narrowing-your-market\">Accidentally Narrowing Your Market <\/a>\u00a0(8min) the danger of talking only to your power users, your champions, because it\u2019s easier, and thus, missing some crucial information from other groups and categories. You might end up over building for them, and missing opportunities for growth in other directions. It might also raise costs of maintenance (by\u00a0 Ibrahim Bashir)<\/li>\n<\/ul>\n<h3>Accessibility<\/h3>\n<ul>\n<li><a href=\"https:\/\/adrianroselli.com\/2024\/02\/dont-disable-form-controls.html\">Don\u2019t Disable Form Controls<\/a> (3min): most of the time, you don\u2019t want to disable form fields. If the control is part of a form, don\u2019t disable it. If it\u2019s not, maybe don\u2019t, but, test with your users first if you choose too. Good tips from Adrian Roselli.<\/li>\n<li><a href=\"https:\/\/tetralogical.com\/blog\/2024\/02\/12\/can-generative-ai-help-write-accessible-code\/\">Can generative AI help write accessible code? <\/a>(12min) The unavoidable conclusion is that when you ask a generative AI tool for help writing accessible code, is that you should not trust the response you get and should verify it with sources you do trust. Bard was the less authoritative and at least gave sources (on Tetralogical)<\/li>\n<\/ul>\n<h2>Curiosity cabinet: non-design\/tech rabbit holes I enjoyed<\/h2>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=-aSdFrPnlRg\">Advice for time traveling to medieval Europe<\/a>, a 1h video, to help you, you know, just in case you ever time travel to medieval Europe. You never know, right? Also, might be useful for my D&amp;D geek friends.<\/p>\n<h2>Inspiration: fun experiments, beautiful art, and great ideas<\/h2>\n<p><a href=\"https:\/\/www.instagram.com\/timandraka\">Tim Andraka&#8217;s instagram page<\/a> is full of drawings that look like strange, grotesk and fake natural history illustrations. You can also check <a href=\"https:\/\/www.timandraka.com\/\">his portfolio<\/a><\/p>\n<h2>Useful tools &amp; resources<\/h2>\n<h3>Figma<\/h3>\n<ul>\n<li><a href=\"https:\/\/www.figma.com\/community\/plugin\/1159865715100399885\/figdone\">FigDone<\/a>: a nice Figma design status plugin that will let you tag your artboards as to do, doing, done, blocked, canceled and more. I also like that it renames the artboard with a custom emoji, corresponding to the status, so that you can find it easily.<\/li>\n<li><a href=\"https:\/\/www.figarc.com\/\">Figarc<\/a> would you use Figma to design floor plans? Maybe not if you are an architect who needs precision plans. But, I&#8217;ve drafted plans of my flat in Figma too, to try to see how some IKEA furniture would fit at scale, so, yeah this makes sense.<\/li>\n<li><a href=\"https:\/\/www.figicon.com\/\">Figicon<\/a> another place to get free icons for your project, that you can re-use in Figma. You can also download the SVG. The icons are organized by categories and style.<\/li>\n<\/ul>\n<h3>The other tools<\/h3>\n<ul>\n<li><a href=\"https:\/\/boba-ipsum.com\/\">Boba-ipsum<\/a> in case you are tired of lorem ipsum, this is a fun alternative. Do you prefer milk tea, matcha, taro or thai tea flavor? Personally, I love the thai tea one<\/li>\n<li><a href=\"https:\/\/www.archivebuttons.com\/\">Archive Buttons<\/a> an online too to remove paywalls if you need to read some articles for some reasons.<\/li>\n<li><a href=\"https:\/\/racheleditullio.com\/blog\/2024\/01\/accessibility-testing-spreadsheet-version-2\/\">Accessibility testing spreadsheet version 2<\/a> a nice excel sheet tracker, to help you with your accessibility testing. You get the type, level, success criterion, status, priority, issue, recommendations, screenshots, source code.<\/li>\n<li><a href=\"https:\/\/nucleoapp.com\/svg-flag-icons\">SVG Flag Icons<\/a> in case you need country flags, in optimized SVG format, that tool have over 200 of themm<\/li>\n<li><a href=\"https:\/\/vision.directory\/\">Vision Directory<\/a> a repository with Apple vision apps, organized by categories<\/li>\n<\/ul>\n<h2>Tutorials<\/h2>\n<p><a href=\"https:\/\/www.tpgi.com\/doing-whats-required-indicating-mandatory-fields-in-an-accessible-way\/\">Doing what\u2019s required: Indicating mandatory fields in an accessible wa<\/a> (9min): a short tutorial, to help you indicate required fields in different ways, including aria-required=true. The article also cover the accessibility issues of indicating only the optional ones: \u201c<i>When only required fields are present<\/i>, the approach of indicating only the optional fields does <i>not<\/i> meet WCAG.\u201d<\/p>\n<h2>Conferences<\/h2>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=h6MNBa0dJ_Q\">Do You Want to Be a UXR Consultant?<\/a> The decision to become a UXR Consultant can be a difficult one to make. If you choose to take the leap, when is the best time to do so? Should you start with consulting on a part-time basis or jump right into full-time? Beyond these questions, you will need to look at establishing and building your business and brand, determining which clients and projects to pursue, pricing, and more! Danielle Cooley answers all of those questions in a \u201cmust watch before launching your own business\u201d video. I also love how she defines the difference between contractors and consultants: contractors are extra hands, consultants are extra brains.<\/p>\n<h2>Latest news in the industry<\/h2>\n<p><a href=\"https:\/\/www.theregister.com\/2024\/02\/08\/apple_web_apps_eu\/\">Apple broke web apps in iOS 17 beta and hasn&#8217;t fixed them<\/a>. I&#8217;m curious to see where this is going and if Apple will bring PWAs back, for now they are demoted to &#8220;operating within browser&#8221;, so no more standalone mode, which kind of defeats the purpose of a PWA.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc49\ud83c\udffb Curated weekly UX, Design &#038; Tech resources: paper wireframe Figma kit, measuring task completion, signs of bad UX, don&#8217;t force people to log in, don&#8217;t disable form control, can AI help with accessible code, fun natural history like drawings, Figma plugins for status and floor plans, Figma icons, removing paywalls, boba ipsum, indicating mandatory fields tutorial, UXR consultant tips, Apple breaking PWAs, UX London workshops, etc<\/p>\n","protected":false},"author":3,"featured_media":10131,"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\/10121"}],"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=10121"}],"version-history":[{"count":10,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts\/10121\/revisions"}],"predecessor-version":[{"id":10265,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/posts\/10121\/revisions\/10265"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/media\/10131"}],"wp:attachment":[{"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/media?parent=10121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/categories?post=10121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stephaniewalter.design\/wp-json\/wp\/v2\/tags?post=10121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}