Pixel Paranoia the UX Podcast

Na vele malen verschillende onderdelen te hebben behandeld in de afgelopen afleveringen is dan eindelijk WCAG 2.2 formeel gepubliceerd. Wij gaan nog eenmaal alle veranderingen bij langs. Verder hebben we het over de nieuwe Arc browser en welke wijzingen dat met zich meebrengt, Usercrowd ondersteund interviews en we gaan uitgebreid in op de do’s en don’ts van een inhoudsopgave op websites.

• 0:48 - ARC Browser - https://arc.net/
• 12:35 - Herprogrammeer de overheid - https://www.herprogrammeerdeoverheid.nl/#intro
• 15:00 - Usercrowd rebranding - https://www.lyssna.com/blog/usabilityhub-is-now-lyssna/
• 19:25 - WCAG2.2 is live - https://www.w3.org/TR/WCAG22/
• 27:20 - Nielsen Norman over Inhoudsopgaves - https://www.nngroup.com/articles/table-of-contents/
• 39:30 - The devils plan - https://www.netflix.com/title/81653386
• 42:15 - Verwarmde muismat - https://www.aliexpress.com/item/1005004267037164.html

We zijn weer terug van een lange vakantie, maar we hebben opnieuw een aflevering boordevol nieuwtjes voor jullie. In deze aflevering bespreken we kort de verwachtingen van ChatGPT, vertellen we over ons ervaringen van Front.conf in Zürich, delen we een briljante sketch van Heydon over Accessibility Overlays, bespreken we wat je kunt verwachten in de nieuwe Safari 17 en gaan we uitgebreid in op de inhoud van de Digital Markets Act in Europa.

• 03:08 - Ranten over ChatGPT
• 09:29 - Front.Conf in Zürich
• 15:58 - Heydon Pickering Accessibility Overlays - https://www.youtube.com/watch?v=uNM8FR3yzWg
• 18:05 - Safari 17 - https://webkit.org/blog/14445/webkit-features-in-safari-17-0/
• 30:30 - Nieuwe EU Wetgeving DMA - https://ec.europa.eu/commission/presscorner/detail/nl/ip_23_4328
• 41:35 -  Stray  - https://store.steampowered.com/app/1332010/Stray/
• 44:15 - Revolut - https://www.revolut.com/

De laatste aflevering van dit seizoen! In deze aflevering bespreken we het nieuws dat WCAG 2.2 definitief is, een erg slimme rebranding van het Natural History Museum, dat Microsoft eindelijk afscheid neemt van Calibri en een nieuw lettertype heeft gekozen voor Office, Figma ondersteunt P3 color gamut, en waarom de View Transition API zo tof wordt.

• 01:15 - Natural History Museum Rebrand - https://www.pentagram.com/work/natural-history-museum
• 05:50 - Twitter -> X
• 13:05 - Nieuwe Microsoft fonts - https://medium.com/microsoft-design/a-change-of-typeface-microsofts-new-default-font-has-arrived-f200eb16718d & https://www.theguardian.com/world/2017/jul/13/fontgate-microsoft-wikipedia-and-the-scandal-threatening-the-pakistani-pm
• 19:00 - Figma P3 Colors - https://help.figma.com/hc/en-us/articles/360039825114
• 26:00 - View Transition API - https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API
• 34:55 - WCAG 2.2 Final - https://www.w3.org/TR/WCAG22/
• 36:06 - Hijack Apple serie - https://www.imdb.com/title/tt19854762/
• 38:10 - Carrec Technocenter Youtube - https://www.youtube.com/@CarrecTechnocenterVideo

In deze aflevering beginnen we met een rant over Threads, bespreken we het einde van de barcode zoals we die nu kennen, hoe om te gaan met color schemes in je HTML en bekijken we een blog die heel handig uitlegt hoe SVG’s werken.

• 1:21 - Threads - https://threads.net
• 11:26 - Einde van de barcode - https://www.brusselstimes.com/440777/barcode-on-products-will-be-replaced-by-qr-code-from-2027
• 15:36 - Dialog/Popover notice - https://adrianroselli.com/2023/05/brief-note-on-popovers-with-dialogs.html
• 19:05 - Learn SVG paths - https://www.nan.fyi/svg-paths
• 20:49 - Dark-mode color scheme -  https://www.stefanjudis.com/today-i-learned/how-to-tell-browsers-that-your-site-supports-color-schemes/
• 32:30 - Scroll driven animations - https://scroll-driven-animations.style
• 37:00 - XD Design backpack with solar panel - https://www.xd-design.com/nl-nl/bobby-tech-and-pro
• 43:24 - Cabiner - https://www.cabiner.com/

Config, de conferentie van Figma heeft zich afgespeeld, wij zoomen in op alles wat daar aangekondigd is voor Figma. Verder bespreken we ook een zeer handige tool om even in de huid te kruipen van een gebruiker die (tijdelijk) een visuele beperking heeft.

• 00:48 - WhoCanUse - https://www.whocanuse.com/
• 03:10 - Figma Config 2023 - https://config.figma.com/
• 51:16 - Xiaomi Fan 2 - https://www.mi.com/global/product/mi-smart-standing-fan-2/
• 55:38 - Rocket Powered Mohawk - https://www.youtube.com/@Rocketpoweredmohawk
• 57:10 - Our planet 2 - https://www.netflix.com/title/80049832

WWDC was afgelopen week en Apple heeft weer het nodige aangekondigd, wij als tech idioten doken in de nieuwe VR..of AR bril van Apple en bespreken de UX én UI van dit apparaat. Verder kun je als je een beetje creatief bent Github als CMS gebruiken, hidden: until-found zit alleen nog maar in Chrome maar we hopen op snel meer, luister snel waarom het zo handig is. En last but not least, het welbekende slotje in Chrome gaat veranderen.

• 01:00 - Github Issues als CMS - https://dev.to/muhajirdev/using-github-issue-as-cms-2de1
• 02:45 - Hidden until-found - https://developer.chrome.com/articles/hidden-until-found/
• 05:30 - Chrome update slotje - https://blog.chromium.org/2023/05/an-update-on-lock-icon.html
• 07:50 - Vocera Health app - https://www.vocera.com/product/vocera-ease
• 12:41 - Apple Vision Pro -  https://www.apple.com/apple-vision-pro/
• 46:43 - Blackberry the movie - https://www.justwatch.com/us/movie/blackberry
• 49:45 - Je website op je desktop in de nieuwe Safari - https://twitter.com/jensimmons/status/1665779792216571909?s=46&t=fe46zCuaw_E4SsdlMbCChw

In deze aflevering onderzoeken we of RSS feeds een vervanger voor Mastodon of Twitter als resource kan zijn. Verder bespreken we wat nou precies de nieuwe baseline is van browsers en waarom dit handig is, diverse nieuwe features in Chrome en kunnen carousels nou wel gebruiksvriendelijk toegepast worden in websites/apps?

• 01:00 - RSS Update - https://alpinejs.dev/
• 12:27 - Outlook update - https://fullystacked.net/posts/modern-html-email/
• 16:15 - UX/UI is dood op Social Media
• 27:20 - Baseline - https://web.dev/introducing-baseline/
• 31:38 - Text wrap balance
• 33:02 - @scope -  https://www.w3.org/TR/css-cascade-6/#scoped-styles
• 33:35 - Anchor Positioning -  https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/
• 35:15 - Selectmenu
• 37:00 - Carousels kunnen weer? -  https://material.io/blog/material-3-carousel-research-design
• 45:53 - Canva -  https://canva.com
• 51:28 - Figma Measure - https://www.figma.com/community/plugin/739918456607459153/Measure
• 54:25 - Figma Lottie - https://lottiefiles.com/plugins/figma

Dankzij het internet hebben veel mensen een baan, huis etc.. en het is dit jaar 30 jaar oud geworden! Reden voor een feestje.  Verder bespreken we Rick’s User Crowd update, Figma Config 2023 op 21 en 22 juni, het verschil tussen User Flows en User Journeys en begint RSS weer helemaal terug te komen?

• 01:10 - Internet 30 jaar - https://www.npr.org/2023/04/30/1172276538/world-wide-web-internet-anniversary
• 02:40 - User Crowd - https://www.usercrowd.com
• 09:33 - Figma config 2023 - https://config.figma.com/configspeakers
• 13:35 - NNGroup User Flows vs User Journey - https://www.nngroup.com/articles/user-journeys-vs-user-flows/
• 24:40 - RSS feed - https://front-end.social/@heydon/110292044418916981
• 35:24 - Blue sky -  https://blueskyweb.xyz
• 47:02 - Niimbot label printer -  https://nl.aliexpress.com/item/1005004373110740.html
• 53:45 - Adams tested - https://www.youtube.com/channel/UCiDJtJKMICpb9B1qf7qjEOA

Er speelt momenteel veel rondom AI en ook in deze aflevering zijn er weer interessante ontwikkelingen. Maar naast AI hebben we het ook over een redesign voor waslabel iconen, transparante kortingen bij webshops, hoe je de tan() functie kunt gebruiken bij diagonale secties in je front-end, een alternatief voor Google fonts en waarom de aarde plat is!

• 0:51 - Nieuw ontwerp waslabel iconen - https://uxdesign.cc/laundry-symbols-make-no-sense-154a0c10dbe0
• 06:25 - Nieuwe versie van Google met AI - https://tweakers.net/nieuws/208774/nyt-google-werkt-aan-volledig-nieuwe-ai-zoekmachine.html
• 12:45 - Transparante kortingen bij webshops - https://www.thuiswinkel.org/webshops/kennisbank/kennisartikelen/regelgeving-van-voor-prijzen/
• 19:30 - tan() CSS functie voor diagonale secties - https://codepen.io/enbee81/pen/MWPwMMJ
• 26:33 - Bunny fonts - https://css-tricks.com/bunny-fonts/
• 31:10 - Aarde is plat - https://twitter.com/tomaspueyo/status/1647026136298209281
• 38:28 - Battlebots afleveringen tot in de essentie - https://www.reddit.com/r/BattleBotsRaw/best
• 41:24 - Hoe werkt ChatGPT nou eigenlijk? - https://twitter.com/DanHollick/status/1646509271843225600

In deze afleveringen hebben we het over het redesign van Wikipedia, de laatste updates van zowel Figma als Safari en bespreken we een nieuwe spec voor het HTML5-element “search” en hoe deze gebruikt gaat worden in de toekomst.

• 0:56 - Figma updates - https://www.figma.com/blog/little-big-updates-32-fixes-and-features-for-a-better-workflow/
• 18:19 - Redesign Wikipedia - https://wikimediafoundation.org/wikipedia-desktop/
• 22:18 - HTML5 search element - https://html.spec.whatwg.org/multipage/grouping-content.html#the-search-element
• 23:30 - Safari 16.4 - https://webkit.org/blog/13966/webkit-features-in-safari-16-4/
• 34:17 - Tetris (2023) - https://www.imdb.com/title/tt12758060/
• 35:54 - (On)persoonlijke bonus Reddit - https://www.reddit.com/r/persoonlijkebonus/
• 38:37 - Night Agent - https://www.netflix.com/nl/title/81450827
• 41:23 - Pepsi, where is my jet? - https://www.netflix.com/nl/title/81446626