SlideShare a Scribd company logo

UI Pattern: Tagging in derAnwendungsnavigation

R
RWeigelt

Das UI Design der Navigation in einer aus mehreren unabhängigen Screens bestehen Anwendung ist eigentlich recht einfach - ein paar horizontale oder vertikale Tabs, fertig. Ich stand vor dem Problem, dass in meiner Anwendung die Zahl der Screens nach und nach immer größer wurde und stelle in diesem Kurzvortrag eine Lösung auf Basis von gruppierten Tags vor.

1 of 34
Download to read offline
UI Pattern: Tagging in der
Anwendungsnavigation
@RolandWeigelt
mail@roland-weigelt.de
Roland Weigelt
•Comma Soft AG in Bonn
•1997 – Software-Entwickler (meist Frontend)
•2012 – User Experience Specialist
•2014 – Senior Product Designer
@RolandWeigelt
mail@roland-weigelt.de
Hobby / Nebenjob
•Telekom Baskets Bonn
 Basketball Bundesliga (BBL)
 Kein Top-Budget  Viel Do-it-Yourself
•Aufgabe: Multimedia in der Halle
 PowerPoint, Video, Software-Entwicklung
Photo credit: Jörn Wolter, www.wolterfoto.de
Foto: Roland Weigelt
Foto: Beatrice Treydel, www.gesichter-bonns.de
Foto: Roland Weigelt

Recommended

Fun, Confusion, Fear and Basketball (UX Lx 2014)
Fun, Confusion, Fear and Basketball (UX Lx 2014)Fun, Confusion, Fear and Basketball (UX Lx 2014)
Fun, Confusion, Fear and Basketball (UX Lx 2014)RWeigelt
 
7.senarai aktiviti tahunan skbs 2014
7.senarai aktiviti tahunan skbs 20147.senarai aktiviti tahunan skbs 2014
7.senarai aktiviti tahunan skbs 2014azimejin
 
Presentacion disgeovias
Presentacion disgeoviasPresentacion disgeovias
Presentacion disgeoviasCamilo Arevalo
 
Marca Personal: o te expones o te extingues. Más 30 claves en la búsqueda de ...
Marca Personal: o te expones o te extingues. Más 30 claves en la búsqueda de ...Marca Personal: o te expones o te extingues. Más 30 claves en la búsqueda de ...
Marca Personal: o te expones o te extingues. Más 30 claves en la búsqueda de ...Patricia Presmanes González
 
Partes de la pc Victor Espinola
Partes de la pc Victor EspinolaPartes de la pc Victor Espinola
Partes de la pc Victor EspinolaVictor Espinola
 

More Related Content

Viewers also liked

Familiengesundheitspflege – eine Erweiterung der Pflege zu Hause im Bezirk St...
Familiengesundheitspflege – eine Erweiterung der Pflege zu Hause im Bezirk St...Familiengesundheitspflege – eine Erweiterung der Pflege zu Hause im Bezirk St...
Familiengesundheitspflege – eine Erweiterung der Pflege zu Hause im Bezirk St...impuls1a
 
Leichenstein
LeichensteinLeichenstein
LeichensteinPinclan
 
Gastronomia de mexico
Gastronomia de mexicoGastronomia de mexico
Gastronomia de mexicoisabel2318
 
Comunicacion
ComunicacionComunicacion
Comunicacionssdrago
 
Herbicides in Estuarine Waters
Herbicides in Estuarine WatersHerbicides in Estuarine Waters
Herbicides in Estuarine WatersAlvia Gaskill, Jr.
 
Entstehung, ausweis und bedeutung latenter steuern im konzernabschluss
Entstehung, ausweis und bedeutung latenter steuern im konzernabschlussEntstehung, ausweis und bedeutung latenter steuern im konzernabschluss
Entstehung, ausweis und bedeutung latenter steuern im konzernabschlussStudien-Erfolg
 
Eazystock Online-Webinar 2014
Eazystock Online-Webinar 2014Eazystock Online-Webinar 2014
Eazystock Online-Webinar 2014EazyStock
 
Parcial2 mabel rolon
Parcial2 mabel rolonParcial2 mabel rolon
Parcial2 mabel rolonMabel Guillen
 
Trabajo final
Trabajo finalTrabajo final
Trabajo finalpaulavane
 
Internet,navegador web
Internet,navegador webInternet,navegador web
Internet,navegador webCarla_Cortes
 
APRENDIZAJE COLABORATIVO
APRENDIZAJE COLABORATIVOAPRENDIZAJE COLABORATIVO
APRENDIZAJE COLABORATIVOMabel Guillen
 

Viewers also liked (17)

Familiengesundheitspflege – eine Erweiterung der Pflege zu Hause im Bezirk St...
Familiengesundheitspflege – eine Erweiterung der Pflege zu Hause im Bezirk St...Familiengesundheitspflege – eine Erweiterung der Pflege zu Hause im Bezirk St...
Familiengesundheitspflege – eine Erweiterung der Pflege zu Hause im Bezirk St...
 
ESET - Antivirus vs. Malware
ESET - Antivirus vs. MalwareESET - Antivirus vs. Malware
ESET - Antivirus vs. Malware
 
Leichenstein
LeichensteinLeichenstein
Leichenstein
 
Clase de derecho i
Clase de derecho iClase de derecho i
Clase de derecho i
 
Diari del 31 d'octubre de 2013
Diari del 31 d'octubre de 2013Diari del 31 d'octubre de 2013
Diari del 31 d'octubre de 2013
 
Revolucion Mexicana
Revolucion MexicanaRevolucion Mexicana
Revolucion Mexicana
 
Gastronomia de mexico
Gastronomia de mexicoGastronomia de mexico
Gastronomia de mexico
 
Comunicacion
ComunicacionComunicacion
Comunicacion
 
Herbicides in Estuarine Waters
Herbicides in Estuarine WatersHerbicides in Estuarine Waters
Herbicides in Estuarine Waters
 
ESET - Malware Kurzgeschichte
ESET - Malware KurzgeschichteESET - Malware Kurzgeschichte
ESET - Malware Kurzgeschichte
 
Entstehung, ausweis und bedeutung latenter steuern im konzernabschluss
Entstehung, ausweis und bedeutung latenter steuern im konzernabschlussEntstehung, ausweis und bedeutung latenter steuern im konzernabschluss
Entstehung, ausweis und bedeutung latenter steuern im konzernabschluss
 
Eazystock Online-Webinar 2014
Eazystock Online-Webinar 2014Eazystock Online-Webinar 2014
Eazystock Online-Webinar 2014
 
ESET - Mobile Security für Android
ESET - Mobile Security für AndroidESET - Mobile Security für Android
ESET - Mobile Security für Android
 
Parcial2 mabel rolon
Parcial2 mabel rolonParcial2 mabel rolon
Parcial2 mabel rolon
 
Trabajo final
Trabajo finalTrabajo final
Trabajo final
 
Internet,navegador web
Internet,navegador webInternet,navegador web
Internet,navegador web
 
APRENDIZAJE COLABORATIVO
APRENDIZAJE COLABORATIVOAPRENDIZAJE COLABORATIVO
APRENDIZAJE COLABORATIVO
 

Similar to UI Pattern: Tagging in derAnwendungsnavigation

Pimp your Podcast – Workflow, Kniffe, Tricks
Pimp your Podcast – Workflow, Kniffe, TricksPimp your Podcast – Workflow, Kniffe, Tricks
Pimp your Podcast – Workflow, Kniffe, Tricksniche11
 
Kurzpräsentation ingedenken de
Kurzpräsentation ingedenken deKurzpräsentation ingedenken de
Kurzpräsentation ingedenken demmoeckel80
 
#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015
#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015
#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015Digicomp Academy AG
 
PowerPoint in der Wildnis
PowerPoint in der WildnisPowerPoint in der Wildnis
PowerPoint in der WildnisNils Peters
 
Fudder Live Tutorial
Fudder Live TutorialFudder Live Tutorial
Fudder Live Tutorialfudder
 

Similar to UI Pattern: Tagging in derAnwendungsnavigation (6)

Pimp your Podcast – Workflow, Kniffe, Tricks
Pimp your Podcast – Workflow, Kniffe, TricksPimp your Podcast – Workflow, Kniffe, Tricks
Pimp your Podcast – Workflow, Kniffe, Tricks
 
Kurzpräsentation ingedenken de
Kurzpräsentation ingedenken deKurzpräsentation ingedenken de
Kurzpräsentation ingedenken de
 
#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015
#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015
#onedigicomp: Das 1×1 des Corporate Videos - Sven Brencher 2015
 
PowerPoint in der Wildnis
PowerPoint in der WildnisPowerPoint in der Wildnis
PowerPoint in der Wildnis
 
Fudder Live Tutorial
Fudder Live TutorialFudder Live Tutorial
Fudder Live Tutorial
 
Workspaces in TYPO3
Workspaces in TYPO3Workspaces in TYPO3
Workspaces in TYPO3
 

UI Pattern: Tagging in derAnwendungsnavigation