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://measuringu.com/
- https://www.nngroup.com/
- https://www.smashingmagazine.com/category/ux-design/
- https://uxdesign.cc/
- https://uxplanet.org/
- https://www.uxdatabase.io/
- https://uxmovement.com/
- https://pocket-biases.glideapp.io/
- https://uxarchive.com// User Flows
- https://usabilityfail.org/
Diversity und Inklusion
- 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
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://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
- Generated Photos, Kostenlose AI-generierte Portraitfotos
- Lunacy, Graphic design software mit built-in assets
- Happy Hues, Curated Colors in Context, Farben, Farbschema
- Adobe Color, Farbpalettengenerator
- Photopea, Photoshop-Alternative
- UI-Components, UI-Patterns, UI-Components, Module
- https://steep.design/index.htmlInspiration Instagram
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://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://www.stash.com/pricingPricing, Interactive Diagram
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