====== [hemmerling] Usability ====== Related pages: *[[creativity.html|Creativity & Idea Management]]. *[[infographics.html|Data Visualisation with Infographics]]. *[[helpsystem.html|Help Systems]]. *[[metro.html|Metro Design]]. *[[prototype.html|Rapid Software Application and GUI Prototyping]]. *[[testing.html|Testing]]. ===== Organizations ===== *[[http://www.germanupa.de/|German UPA e.V. - Usability Professionals' Association - Der Berufsverband der deutschen Usability Professionals]]. *[[http://www.ux-hannover.de/|ux Hannover]]. *[[http://www.uxhh.de/|User Experience Hamburg]]. *[[http://hci.uni-hannover.de/|Leibniz Universität Hannover - Human-Computer Interaction Group]] ( HCI ). *[[http://www.uxnet.org/|UXnet - User Experience Network]]. *[[http://www.gi.de/gliederungen/fachbereiche/mensch-computer-interaktion-mci/|Gesellschaft für Informatik e.V. (GI) "Fachbereich Mensch-Computer-Interaktion (MCI)"]]. ===== Events, Conferences, Barcamps,.. ===== *Conference [[http://interaktivevielfalt.org/|Interaktive Vielfalt 2013]] in Bremen, 2013-09-08 - 2013-09-11. *"DeLFI-Tagungsreihe der [[http://fg-elearning.gi.de/|Gesellschaft für Informatik e.V.(GI), Fachgruppe e-Learning]]". *"Mensch & Computer 2013". *[[http://www.push-conference.com/|Push Conference]] in Berlin. *[[http://www.push-conference.com/2013|Push Conference 2013]], 2013-10-25 - 2013-10-26. *[[http://www.push-conference.com/2012|Push Conference 2012]]. *[[http://www.mixxt.de/ressourcen/blog/2013/11/05/push-conference-dem-nutzer-die-welt-erleichtern/|Mixxt Blog "Push Conference – dem Nutzer die Welt erleichtern!"]], 2013-11-05. *Barcamp [[http://www.uxcampeurope.org/|UXCamp Europe]] in Berlin, May/June 2016. *[[http://www.twitter.com/UxCampEurope|Twitter "UxCampEurope"]]. *Barcamp [[http://www.uxcamphh.org/|UX Camp Hamburg]] in Hamburg. I participated in 2016-08-13 :-). *[[http://www.twitter.com/UXCampHH|Twitter "UXCampHH"]]. *Barcamp [[http://www.muxcamp.de/|BarCamp mobile User eXperience (mUXCamp)]]. *2013-04-27 in Worms, 2014-05-17 - 2014-05-18 in Worms, 2015-11-07 - 2015-11-08 in Frankfurt. *[[http://www.twitter.com/muxcamp/|Twitter "mUXcamp, @mUXcamp"]]. *[[http://www.worldusabilityday.de/|World Usability Day - Making life easy]]. *[[http://www.usabilityday.de/|World Usability Day Hannover]], 2013-11-14. *[[http://twitter.com/search?q=wud12|Twitter - Search for "wud12"]]. ===== Design Principles ===== ==== Design Prinicples in German Language, with Relation to Internet-of-Things ( IoT ) ==== -Einfachheit. *User - Task - Context. *Genug Knöpfe. -Gestaltungsgesetz. -Nähe. -Geschlossenheit. -Erfahrung. -Sichtbarkeit und Feedback. -Natürliche Abbildungen. -Sprache der Benutzer. -Keine Überraschungen. -Dialog statt Monolog. -Fehlertoleranz. -Visuelles Design. -Vertikales Design. ==== Resources ==== *[[http://www.design-usability.de/|design usability]]. *[[http://www.design-usability.de/interface_designprinzipien.html|design usability "Übergreifende Designprinzipien"]]. ===== Gulf of Execution & Gulf of Evaluation ===== *[[http://www.dubberly.com/models/execution_evaluation.html|Dubberly Design Office "Gulf of Execution and Evaluation"]]. *InfoWissWiki. *[[http://wiki.infowiss.net/Interaktion|InfoWissWiki "Interaktion"]]. *[[http://wiki.infowiss.net/Gulf_of_execution|InfoWissWiki "Gulf of execution"]] *[[http://www.youtube.com/watch?v=XT5NzzGCAwY|YouTube "UOIT HCI: Norman's Gulf of Execution"]]. *[[http://en.wikipedia.org/wiki/Gulf_of_execution|EN.Wikipedia "Gulf of execution"]]. ===== Experts for User Interfaces ( UI ) ===== *Yeli Tong. *Blog [[http://www.yelitong.blogspot.de/|Yeli Tong's blog "Growing Thoughts"]]. *[[http://www.facebook.com/yeli.tong.1/|Facebook "Yeli Tong"]], [[http://www.facebook.com/pages/Yeli-Tong/112584502094455|Facebook Page "Yeli Tong"]]. *[[http://www.xing.com/profiles/Yeli_Tong|XING "Yeli Tong"]]. *[[http://de.linkedin.com/pub/yeli-tong/11/82a/44a|LinkedIn "Yeli Tong"]]. *[[http://www.usability.de/|usability.de - qualitylabs Bartel & Quint]], Hannover. *[[http://www.usability-toolkit.de/|usability-toolkit.de: Usability für Webprojekte]]. *[[http://www.roland-weigelt.de/|Roland Weigelt]]. *[[http://www.ux4devs.de/|Roland Weigelt "ux4devs"]]. *[[http://weblogs.asp.net/rweigelt/|Microsoft ASP.NET Weblogs, Roland Weigelt "Born to Code"]]. *[[http://www.xing.com/profile/Roland_Weigelt2|XING "Roland Weigelt"]]. *[[http://www.facebook.com/roland.weigelt|Facebook "Roland Weigelt"]]. *[[http://twitter.com/rolandweigelt|Twitter "Roland Weigelt (DE)"]]. *Videos: *[[http://www.youtube.com/watch?v=1PmPsDxdR3o|YouTube ".NET Usergroup Dresden: Roland Weigelt 'UI/ UX-Grundlage'"]]. *[[http://www.vimeo.com/28152537|Vimeo ".NET Usergroup Dresden: Roland Weigelt 'UI/ UX-Grundlage für Entwickler ...und andere Nicht-Designer'"]]. *[[http://www.bonn-to-code.net/|bonn-to-code.net - .NET User Group für Bonn und Umgebung]]. *Own forums: *[[http://ghostdoc.12.forumer.com/|Roland Weigelt's GhostDoc. Support and Community Forum]]. *[[http://www.sirvaluse.de/|SirValUse Consulting GmbH]]. *[[http://www.ucdplus.com/|UCDplus GmbH]]. *[[http://www.interaction-design.de/|UCD Interface Design und Usability Blog]]. *[[http://www.uid.com/|User Interface Design GmbH]]. ===== Software Design ===== ==== Software Design Guides ==== === Apple IOS === *[[http://developer.apple.com/design/|Apple Developer "Design"]]. *[[http://developer.apple.com/design/tips/|Apple Developer "UI Design Do’s and Don’ts"]]. *[[http://developer.apple.com/ios/human-interface-guidelines/|Apple Developer "Human Interface Guidelines"]]. *[[http://developer.apple.com/ios/human-interface-guidelines/visual-design/adaptivity-and-layout/|Apple Developer "Human Interface Guidelines" / "Visual Design" - "Adaptivity and Layout"]]. === Google Material Design === *[[http://www.material.io/|Material Design]]. *[[http://en.wikipedia.org/wiki/Material_Design|EN.Wikipedia "Material Design"]], [[http://de.wikipedia.org/wiki/Material_Design|DE.Wikipedia "Material Design"]]. === Microsoft Universal Windows Platform ( UWP ) === *See [[metro.html|Flat Design]]. === SAP OpenUI5 === *[[http://www.openui5.org/|OpenUI5]]. *[[http://github.com/SAP/openui5/|GitHub "SAP/openui5"]]. *[[http://www.build.me/|build.me - Build beautiful apps. Everything you need to design enterprise apps users love]]. *[[http://en.wikipedia.org/wiki/OpenUI5|EN.Wikipedia "OpenUI5"]], [[http://de.wikipedia.org/wiki/OpenUI5|DE.Wikipedia "OpenUI5"]]. ==== Special Software Design Topics ==== === Achromatopsia ( Colorblindness ) === *[[http://en.wikipedia.org/wiki/Achromatopsia|EN.Wikipedia "Achromatopsia"]], [[http://de.wikipedia.org/wiki/Farbenblindheit|DE.Wikipedia "Farbenblindheit"]]. === Action Oriented Approach === *[[http://www.google.de/search?q=action+oriented+approach|Google - Search for "action oriented approach"]]. *Since Windows XP, modern software works with "action oriented approach", e.g. the software application screens are organized by the work which should be done ( Example: The work of 1 task may be done on 1 screen ). === Desktop vs. Browser vs. Touchscreen === == Responsive web design == *[[http://www.unternehmer.de/it-technik/160773-responsive-webdesign-beachten-website-erstellen|unternehmer.de - einfach mehr wissen "Responsive Webdesign: Dies müssen Sie beachten, wenn Sie eine Website erstellen!"]]. *[[http://en.wikipedia.org/wiki/Responsive_web_design|EN.Wikipedia "Responsive web design"]], [[http://de.wikipedia.org/wiki/Responsive_Webdesign|DE.Wikipedia "Responsive Webdesign"]] - "Optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors)". == Mouse Right Click == *The "Mouse Right Click" user interface element is usual for software desktop applications, but not usual with browser applications ( though by Javascript it is possible to create it ). *But with touchscreens of tablets and smartphones, there is no mouse and so no "Mouse Right Click" anymore. So therefore it is advised not to introduce "Mouse Right Click" with applications which might be used on such devices, e.g. mobile applications. *[[http://www.techterms.com/definition/rightclick|TechTerms.com "Right Click"]]. === Formulars === *[[http://rosenfeldmedia.com/books/|Rosenfeld Media Books]]. *Book [[http://www.amazon.de/exec/obidos/ASIN/1933820241/hemmerling-21|Luke Wroblewski "Web Form Design: Filling in the Blanks"]]. *[[http://rosenfeldmedia.com/books/web-form-design/|Luke Wroblewski "Web Form Design: Filling in the Blanks"]]. === Localization / Multi-Language Support === *The OpenSource Tool [[http://www.gnu.org/software/gettext/|GNU `gettext']]. *[[http://www.gnu.org/software/gettext/manual/gettext.html|GNU `gettext' Utilities, Online Manual]]. *[[http://en.wikipedia.org/wiki/GNU_gettext|EN.Wikipedia "GNU gettext"]], [[http://de.wikipedia.org/wiki/GNU_gettext|DE.Wikipedia "GNU gettext"]]. *Java resource bundles: "java.util.ResourceBundle". *[[http://doc.qt.nokia.com/latest/internationalization.html|QT "Internationalization with Qt"]]. *Windows resource editors. *[[http://www.cs.virginia.edu/~lcc-win32/|Jacob Navia:lcc-win32]] - The compiler is shipped with "WeditRes", the Windows Resource Editor. *The free IDE [[http://wayback.archive.org/web/*/http://www.objectcentral.com/vide.htm|Archive.org "VIDE - The V IDE for GNU g++ and Java"]]. The software is shipped with a stand-alone version of WeditRes, the Windows Resource Editor. *[[http://www.wxwidgets.org/|wxWidgets]]. *[[http://www.wxwidgets.org/about/i18n.php|wxWidgets Reference manual "Internationalization"]]. *[[http://docs.wxwidgets.org/trunk/overview_i18n.html|wxWidgets "Internationalization"]]. *[[http://wiki.wxwidgets.org/Internationalization|wxWiki "nternationalization"]]. === Power of Ten Principle ( 0.1s, 1s, 10s ) === *[[http://www.nngroup.com/|Nielsen Norman Group - Evidence-Based User Experience Research, Training, and Consulting]] ( NN/g ). *[[http://www.nngroup.com/articles/author/jakob-nielsen/|Nielsen Norman Group "Jakob Nielsen - Articles"]]. *[[http://www.nngroup.com/articles/usability-101-introduction-to-usability/|Nielsen Norman Group "Usability 101: Introduction to Usability"]], 2012. *[[http://www.nngroup.com/articles/response-times-3-important-limits/|Nielsen Norman Group "Response Times: The 3 Important Limits"]], 1993. *[[http://www.nngroup.com/articles/participation-inequality/|Nielsen Norman Group "The 90-9-1 Rule for Participation Inequality in Social Media and Online Communities"]], 2006. *[[http://www.nngroup.com/articles/powers-of-10-time-scales-in-ux/|Nielsen Norman Group "Powers of 10: Time Scales in User Experience]], 2009. *[[http://www.nngroup.com/articles/website-response-times/|Nielsen Norman Group "Website Response Times"]], 2010. *[[http://blog.kerika.com/jakob-nielsens-power-of-ten-principle/|Kerika's Blog. Your team could get so much more done "Jakob Nielsen’s Power of Ten Principle"]]. *[[http://en.wikipedia.org/wiki/Jakob_Nielsen_%28usability_consultant%29|EN.Wikipedia "Jakob Nielsen (usability consultant)"]], [[http://de.wikipedia.org/wiki/Jakob_Nielsen_%28Usability-Berater%29|EN.Wikipedia "Jakob Nielsen (Usability-Berater)"]]. === Rapid Software Application and GUI Prototyping === *See [[prototype.html|Rapid Software Application and GUI Prototyping]]. === Three-Click Rule === *[[http://en.wikipedia.org/wiki/Three-click_rule|EN.Wikipedia "Three-click rule"]]. ===== Literature ===== ==== User-Centered Design for the Web ==== *Book [[http://www.amazon.de/exec/obidos/ASIN/0735712026/hemmerling-21|Jesse James Garrett: "The Elements of User Experience: User-Centered Design for the Web"]]. ==== Design ==== *Book [[http://www.amazon.de/exec/obidos/ASIN/1937557006/hemmerling-21|Aarron Walter: "Designing for emotion"]]. *Book [[http://www.amazon.com/exec/obidos/ASIN/1937557677/hemmerling-21|Erika Hall, John Maeda "Conversational Design" ( Amazon.COM )]], 2018. *The accompanying website [[http://abookapart.com/products/conversational-design|A Book Apart, Erika Hall "Conversational Design"]]. ==== Sketching ==== *Book [[http://www.amazon.de/exec/obidos/ASIN/006097625X/hemmerling-21|Scott McCloud: "Understanding Comics: The Invisible Art"]]. *Book [[http://www.amazon.de/exec/obidos/ASIN/3830714270/hemmerling-21|Dan Roam: "Auf der Serviette erklärt: Mit ein paar Strichen schnell überzeugen statt lange präsentieren"]] ( "The Back of the Napkin" ), 2009. *Mike Rohde. *Book [[http://www.amazon.de/exec/obidos/ASIN/3826682033/hemmerling-21|Mike Rohde: "Das Sketchnote Handbuch: Der illustrierte Leitfaden zum Erstellen visueller Notizen"]]. *Book [[http://www.amazon.de/exec/obidos/ASIN/3826684931/hemmerling-21|Mike Rohde: "Das Sketchnote Handbuch: Fortgeschrittene Techniken zum Erstellen visueller Notizen"]]. *Book [[http://www.amazon.de/exec/obidos/ASIN/3551781885/hemmerling-21|Akira Toriyama, Junko Iwamoto, Jürgen Seebeck: "Manga-Zeichenkurs"]]. ==== Typography & Text Contents Design ==== *Book [[http://www.amazon.de/exec/obidos/ASIN/3830714270/hemmerling-21|Franz W. Kuck, Christian Stang: "Das Tüpfelchen auf dem i - Gebrauchsanweisung für Mikrotypografie: Zeilen- und Wortabstände, Nummern, Hilfs- und Wortzeichen, Akzente, Trennregeln, ... etc: mit über 100 Übungsfragen"]], 2013. *Book [[http://www.amazon.de/exec/obidos/ASIN/3874394743/hemmerling-21|Hans Peter Willberg, Friedrich Forssmann: "Erste Hilfe in Typografie"]], 1999. *Book [[http://www.amazon.de/exec/obidos/ASIN/3442161754/hemmerling-21|Wolf Schneider, Luis Murschetz: "Deutsch für Profis: Wege zu gutem Stil"]], 2001. ===== Resources ===== *Blog [[http://www.benutzerfreundlichkeit-usability.blogspot.de/|Blog zu Benutzerfreundlichkeit und Usability Aktuelles zu Usability, User Experience und Benutzerfreundlichkeit]]. *[[http://www.controlglobal.com/|ControlGlobal.com - Promoting Excellence in Process Automation]]. *[[http://www.controlglobal.com/usability/|ControlGlobal.com "The Process Automation Usability Project"]]. *Blog [[http://www.fit-fuer-usability.de/| FIT für Usability. Eine Online-Initiative von FUN-eV.org und Fraunhofer FIT]]. *The norm [[http://www.isa.org/isa101/|ISA "ISA101, Human-Machine Interfaces"]]. *Blog [[http://www.usercentered.de/|Lennart Hennig "User Centered. Lennart Hennigs Weblog über Usability, User Centered Design, User Experience und verwandte Anglizismen"]] - "Usability, User Centered Design, User Experience". *Blog [[http://www.interaction-design.de/|Interface Design und Usability Blog. Alles rund um User Experience Design und Interaction Design]]. *[[http://www.servicedesigntools.org/|Service Design Tools - Communication Methods supporting Design Processes]] #. *[[http://www.servicedesigntools.org/tools/31|Service Design Tools - Communication Methods supporting Design Processes "The constructive interaction"]]. *[[http://www.thenextweb.com/|The Next Web]] ( TNW ). *[[http://www.thenextweb.com/apps/2016/09/01/5-common-mistakes-clients-make-when-using-agencies-to-build-mobile-apps/|The Next Web "5 common mistakes clients make when using agencies to build mobile apps"]]. *Blog [[http://www.usabilityblog.de/|Usabilityblog.de - Usability-Wissen, Methoden & Verfahren, Studien und Trends]]. *Blog [[http://www.user-experience-blog.de/|User Experience Blog. Ulf Schubert über User Experience Design, Design Strategy, Product Innovation, User Centered Design, Interaction Design, User Interface Design]]. *[[http://en.wikipedia.org/wiki/Natural_user_interface|EN.Wikipedia "Natural user interface"]]. ===== Forums, Newsgroups ===== *[[http://www.cranksoftware.com/forums/|Crank Storyboard Suite Community Forum]]. *[[http://www.facebook.com/mUXCamp/|Facebook "mUXCamp"]]. *[[http://www.reddit.com/r/userexperience/|Reddit "User Experience"]]. *[[http://www.reddit.com/r/userexperience/comments/55tdn2/where_can_i_find_other_fun_ux_games_for_a/|Reddit "User Experience" - "Where can I find other fun "UX games" for a workshop - such as "Draw toast"]]. *[[http://www.gamestorming.com/draw-toast/|GameStorming "Draw Toast"]]. *[[http://www.designgames.com.au/design_games/|Design Games "The Design Games"]]. *[[http://www.designgames.com.au/divide-the-dollar/|Design Games "Divide the dollar"]]. *[[http://www.xing.com/net/germanupa/|XING "germanUPA e.V. - Berufsverband der deutschen Usability - Professionals"]]. *[[http://www.xing.com/net/pri1491d4x/germanupa/region-hannover-83263/|XING "germanUPA e.V. - Berufsverband der deutschen Usability - Professionals", Forum "Region Hannover"]]. *[[http://www.xing.com/net/produktmanagement_usability|XING "Produktmanagement und Usability-Engineering"]]. *[[http://www.xing.com/net/uxhh|XING "User Experience Hamburg"]]. *[[http://www.xing.com/net/ux-roundtable-610955/|XING "User Experience Hamburg - Forum "UX Roundtable"]]. ===== Appropriate OpenDirectory Directory Pages ===== *[[http://www.dmoz.org/Computers/Human-Computer_Interaction/Companies_and_Consultants/Usability_Testing/|OpenDirectory "Top: Computers: Internet: Web Design and Development: Web Usability"]]. *[[http://www.dmoz.org/Computers/Human-Computer_Interaction/Companies_and_Consultants/Usability_Testing/|OpenDirectory "Top : Computers: Human-Computer Interaction: Companies and Consultants: Usability Testing"]]. {{tag>usability "user interfaces"}}