Informationen, Tools und Links zum Thema Website-Konzeption für die Studierenden des CAS Online Communication and Marketing an der Hochschule Luzern.

Literatur

Websites & Blogs

  • Smashing Magazine – Ein Blog, das sich sowohl mit User Experience und Design als auch mit technischen Aspekten des Frontend Programming (HTML, CSS, JavaScript) beschäftigt.
  • T3N – Das Online-Portal des gleichnamigen Print-Magazins bietet ein breites Themenspektrum rund ums Web.
  • benutzerfreun.de – Die Website von Jens Jacobsen, dem Autor des Standardwerks «Website-Konzeption», mit Informationen und Werkzeugen zu Website-Konzeption und Usability.
  • usability.gov – Trotz Ihres Namens beschäftigt sich diese Website keineswegs nur mit der Usability im engeren Sinn, sondern bietet eine Vielzahl von Methoden und Vorlagen für den gesamten Konzeptionsprozess.
  • Boxes and Arrows – Ein Blog mit zahlreichen namhaften Gastautoren, das sich mit Interaction Design und Informationsarchitektur beschäftigt.
  • Wireframes – Das Blog von Jakub Linowski für Informationsarchitekten rund um das Thema Wireframes (das aber leider seit einigen Jahren keine neuen Artikel mehr publiziert).
  • Dr. Web – Ähnlich wie Smashing Magazin richtet sich dieses Blog eher an Leser, welche Website umsetzen, also an Web Designer und Frontend-Programmierer.
  • usabilityblog.de – Blog zum Thema Usability und User Experience.
  • Think with Google – Die Welt des digitalen Marketings durch die Brille von Google betrachtet.
  • UI Patterns – Ein Fundus an Beispielen für gute Benutzeroberflächen.
  • Jenifer Tidwell: Designing Interfaces – Die Website zum gleichnamigen Buch.

Software

  • XMind – Mindmapping-Software für Windows, Mac OS und Linux, die sich auch hervorragend für die Erstellung von Sitemaps eignet.
  • Pencil – Kostenlose Software zur Erstellung von Wireframes für Windows, Mac OS und Linux (Open Source).
  • PowerMockup – Add-in für Microsoft PowerPoint zur Erstellung von Wireframes. Kostenpflichtig, aber preisgünstig.
  • draw.io – Kostenlose Diagramm-Software im Browser.
  • Noun Project –Die ultimative Icon-Sammlung.
  • Proto.io – Web-basiertes Tool zur Erstellung von High-Fidelity-Prototypen. Kostenpflichtig.
  • Protoshare – Online-Service zur kollaborativen Erstellung von Wireframes und interaktiven Prototypen. Kostenpflichtig. Alternative: Limitierte Gratis-Version.
  • Axure – Windows-Software zur Erstellung von interaktiven Prototypen. Relativ komplex und teuer, aber gut etabliert.
  • Silverback – Software zur Aufzeichnung von Usability-Tests. Nur für Mac OS. Kostenpflichtig.
  • Usability Studio – Software zur Aufzeichnung von Usability-Tests (vergleichbar mit Silverback). Nur für Windows. Kostenpflichtig.
  • Techsmith Morae – Software für professionelles Usability Testing. Nur für Windows. Kostenpflichtig.
  • PicPick – Das beste Screenshot-Tool für Windows. Für die private Nutzung kostenlos.
  • Microsoft Project – Der Standard für die professionelle Projektplanung mit Gantt-Diagrammen. Nur für Windows.
  • AEC FastTrack Schedule – Software zur Erstellung von Projektplänen im Stil von Microsoft Project, für Windows, Mac und iPad verfügbar.
  • Basecamp – Das Vorbild für viele web-basierte Projektplattformen. Verwaltet Termine, To-do-Listen, Dokumente und ermöglicht die Kommunikation unter den Projektmitgliedern. Einfach in der Bedienung, optisch attraktiv. Kostenpflichtiger Service.
  • Wrike – Mein persönlicher Favorit unter den Projektmanagement-Plattformen.
  • CrowdSignal (ehem. Polldaddy) und SurveyMonkey – Services zur Erstellung von Online-Umfragen. Kostpflichtig, kostenloses Basiskonto.
  • Lighthouse – Einer von vielen Online-Services für das Issue Tracking. Einfach in der Bedienung, optisch attraktiv.
  • Atlassian Jira – Issue Tracker mit umfassender Ausstattung. Empfehlenwert für die Entwicklung von komplexeren Web- oder Mobile-Applikationen. Kostenpflichtig.
  • Atlassian Confluence – Sehr leistungsfähige und zugleich benutzerfreundliche Wiki-Plattform für Teams. Ideal für Intranets, Projektdokumentationen, Wissensplattformen u.a. Kostenpflichtig.
  • DokuWiki – Einfache, vergleichsweise benutzerfreundliche Wiki-Software, die keine Datenbank auf dem Server benötigt. Open Source Software (kostenlos).
  • MediaWiki – Umfassende Wiki-Lösung, welche u.a. für die Wikipedia genutzt wird. Open Source Software (kostenlos).
  • BrowserStack – Der beste Service für das Cross-Browser-Testing.

Firefox Add-ons

Die folgenden Extensions für den Web-Browser Firefox sind zwar vor allem für Web-Designer und Web-Programmierer gedacht. Sie eignen sich aber auch für die Qualitätssicherung durch Projektmanager. Falls Sie in Ihrem Unternehmen nur den Internet Explorer installiert haben, können Sie Firefox als sogenannte Portable Application ohne Installation direkt von einem USB Memory Stick aus betreiben.

  • ColorZilla – Erlaubt es, rasch einen Farbwert in Hex oder RGB abzulesen. Bietet zudem ein Zoom, mit dem sich Websseiten bis auf 20% verkleinern bzw. 1000% vergrössern lassen.
  • MeasureIt – Zum Abmessen beliebiger Elemente auf einer Webpage. Genau so einfach und praktisch wie ColorZilla – und integriert sich genau so dezent in den Statusbar.
  • Web Developer – Ein Toolbar mit allem was es braucht, um Webseiten zu analysieren und zu testen. Das Schweizer Taschenmesser für Web-Entwickler.
  • HTML Validator – Zeigt Fehler im HTML-Code an und gibt Hinweise für die Optimierung der Accessibility (barrierefreie Websites).
  • Google PageSpeed bzw. YSlow – Gibt konkrete Empfehlungen, wie die Ladezeit einer Website verringert werden kann.

Checklisten