Zwischenablage
Das ist eine Baustelle ⛑ meiner privaten Bookmarks – Hier werden nicht unbedingt Websites dargestellt die ich inhaltlich mag, sondern Notizen funktionaler Lösungen
UX
- https://alistapart.com/
- https://www.designkit.org/methods
- https://goodui.org A-B-Testing
- https://mazedesign.notion.site/mazedesign/461e7de3f3ed4e25835d88f701fbf7c0?v=8e36ee3a7b224dcabf42ddf5484ed90a User Research, Questions
- https://uxmovement.com/
- https://www.nngroup.com/
- https://www.smashingmagazine.com/category/ux-design/
- https://uxdesign.cc/
- https://uxplanet.org/
- https://www.uxdatabase.io/
- https://uxdesign.cc/writing-with-respect-fb3d9604a374 Content, konkrete Beispiele
- https://pocket-biases.glideapp.io/
- https://uxarchive.com// User Flows
- https://usabilityfail.org/
- http://attrakdiff.de/ UX Messen, Wortpaare
- https://www.limesurvey.org/de/ UX Umfrage
- https://www.optimizely.com/de/partners/tech/google-analytics/ Ab Testing Google
- https://surveysparrow.com/ Aufsetezen UX Umfrage
User Research
Diversity und Inklusion
- https://www.accessguide.io/, Introduction to accessibility
- https://a11yresources.webflow.io/, Sammlung an Tools und Artikeln zu Barrierearmut
- https://a11y-style-guide.com/style-guide/section-resources.html, Sammlung Barrierearmut
- https://bik-fuer-alle.de/, Barrierefrei informieren und kommunizieren – für alle
- https://tarciziosilva.com.br/blog/posts/algorithmic-racism-timeline, Algorithmus und Rassismus Zeitstrahl
- https://elpha.com/, Where women in tech talk candidly online
- https://geschicktgendern.de/, Genderwörterbuch
- https://www.hownormalami.eu/, Algorithmen, Trainingsdaten
- https://www.mathwashing.com/, Mathwashing, Algorithmen, Bias
- https://societycentered.design/, Society Centered Design
Tools
- https://builtwith.com/de/, Welche Werkzeuge wurden auf einer Website benutzt
- Google Fonts, Kostenlose fürs Digitale optimierte Google Fonts
- Visbug, CSS Inspector für Chrome
- Google Translator, Handliches Übersetzungstool im Browser
- https://www.webpagetest.org/, Performance Test
- https://developers.google.com/chart/interactive/docs/printing, Printing PNG Charts
- Screen size map, An interactive map of screen sizes for responsive web design.
- https://sidesupply.com/guides/art-of-ecommerce, Brand/E-Commerce-Checklist
- https://react-spring-visualizer.com/, React-Spring Visualizer
- https://www.responsinator.com/, Websites in mobile Devices anschauen
- https://tilda.education/en/web-animation-course, Animation
- https://designsystemchecklist.com/, Design System Checklist
- https://de.wordpress.org/plugins/pojo-accessibility/, Accessibility Plugin Wordpress
- https://search.google.com/test/mobile-friendly, Mobile Friendly Test
- https://www.webpagetest.org/, Performance Test
UI-Tools / UI
- Animockup, Animierte Mockups online erstellen
- duotone, Bilder ohne Photoshop einfärben
- Easings, Ease-In, Ease-Out
- https://icones.js.org/Iconfonts mit Suche
- https://www.fable.app/, webbasiertes Tool für Motion Design
- Generated Photos, Kostenlose AI-generierte Portraitfotos
- Lunacy, Graphic design software mit built-in assets
- iconoir, Open Source Icons
- Happy Hues, Curated Colors in Context, Farben, Farbschema
- Adobe Color, Farbpalettengenerator
- Photopea, Photoshop-Alternative
- https://www.magiceraser.io/Radierer browserbasiert
- UI-Components, UI-Patterns, UI-Components, Module
- https://steep.design/index.htmlInspiration Instagram
- https://ui.gallery/User Interface Elements Gallery
- https://vertex.im/3D Icons free commercial and personally use
Methoden
- https://randomquestionmaker.com/ Zufällige Fragen
- https://www.sessionlab.com/library Bibliothek Moderationstechniken
- https://www.workshop-spiele.de/category/online-warm-ups/ Warum-Ups
- https://hackmd.io/@joerglohrer/videokonferenzspiele Videokonferenzspiele, remote
- https://kahoot.com/ Interaktionstool remote, kostenpflichtig
- https://www.mentimeter.com/ Interaktionstool remote, kostenpflichtig
Inspiration
Storytelling
- https://bridgelanding.qodeinteractive.com/tour/#, Scrollytelling, Typografie
- Inequality by Design, Quiz als Erzählformat
- https://projekte.sueddeutsche.de/artikel/politik/radikalisierung-in-der-corona-krise-e742536/?reduced=true, Scrollytelling, Conversion
- https://solutions.centogene.com/, Scrollytelling, Animation
- https://tagebau.wdr.de/, Exploration, 360 Grad
Websites / Funktionen
- https://www.airbnb.de/ Minimalismus, Double Z-Pattern, Priming, einfache und starke Sprache
- https://alantrotter.com/Typography, Interactive Textelements, Storytelling
- https://www.booking.com/ Verlust-Priming
- https://jigsaw.google.com/the-current/white-supremacy/data-visualization/Daten, Data Visualisation
- https://expodcast.cmbv.fr/en/music-and-musicians-at-the-royal-chapel/the-1683-music-competition-a-major-eventMusik, Event
- https://www.omio.com/ Design, Affiliate
- https://www.tk.de/techniker Serviceorientierung, Suche, Karte mit Quickview, Absprung auf Unterseiten
- https://www.blake-envelopes.com/ B2B
- https://www.darkmodedesign.com/ Darkmode Websites
- https://fabricofthenation.com/voicesStimmen, Interaktiv, Hotspot
- https://www.facebook.com/careers/ Karriere-Seite
- https://www.ladderlife.com/calculatorFormular, Calculator
- https://www.maserati.com/international/en/models/mc20Product Launch, Interaction, Sound
- https://packlane.com/ B2B, Illustration, Checkout
- https://roughnotation.com/JavaScript library to create and animate annotations
- https://toggl.com/Illustration, Colors
- https://shop.a24films.com/Warenkorb / Cart, E-Commerce
- https://www.stash.com/pricingPricing, Interactive Diagram
Dashboards
- https://www.nycja.org/pretrial-release-dashboard#commentary
- https://impfdashboard.de/
- https://experience.arcgis.com/experience/478220a4c454480e823b17327b2bf1d4
- https://www.tokensets.com/portfolio/sushihouse
Agenturen und Büros
- https://burocratik.com/Design, Technology, Brands
- https://hanzo.esstrategic design, engineering
- https://minglabs.com/Ming Labs, built it with nuxt/vue and prismic as the cms
- https://enid.fm/Brands, Resound
- http://www.dfy.co.kr/work/ Digitalagentur, Digital Marketing
Weirde Seiten
- https://bongo.cat/, Bongo Cat
- https://www.supremo.co.uk/designers-eye/, Its centered That, Quiz
- http://www.staggeringbeauty.com/
- http://eelslap.com/
- https://joshdata.me/iceberger.html , Draw an iceberg and see how it will float
- https://pavellaptev.github.io/web-dark-ages/ , old internet, old frontend, old design
- https://www.window-swap.com/ , open a new window in the world
Alternatives
- https://bigbluebutton.org/, Alternative zu Google Meet, Webkonferenzen
- https://cryptpad.fr/, Alternative G Suite
- https://matomo.org/, Alternative zu Google Analytics
- https://nextcloud.com/, Alternative zur G Suite
- https://www.mediawiki.org/, Wissensmanagement
- https://nuudel.digitalcourage.de/, Alternative Doodle
- https://otrs.com/product-otrs/, Alternative zu Jira, Trello, Ticketing
- https://pad.systemli.org/, Alternative zu Google Docs
- https://www.startpage.com/de/, Alternative zu Google
- https://github.com/okfde/awesome-behoerden-floss, Eine kuratierte Liste von F/LOSS-Software, die erfolgreich in der Verwaltung eingesetzt wird mit Kontakten zu Menschen, die sie einsetzen. https://otrs.com/product-otrs/ https://www.mediawiki.org/wiki/MediaWiki