User Experience

8

Responsive Grids mit Susy

Von , und am 04.01.2014

Grid Systeme im Web sind interessanter Weise erst in den letzten Jahren beliebt geworden. Doch diese Technik ist nicht neu, es ist eine anerkannte Design-Technik, die beispielsweise schon in den 60er Jahren für Poster verwendet wurde. Ein Grid System ist nichts anderes als horizontale und vertikale Linien, die in gleichmäßigen Abständen verteilt sind. Modular betrachtet […]

responsiveImageMap

Responsive Image Maps

Von am 12.12.2013

HTML Image Maps wurden früher im Web häufig verwendet und auch für Navigationen eingesetzt. In letzter Zeit haben sie aber etwas an Bedeutung verloren. Dennoch sind sie nach wie vor hilfreich, um schnell unterschiedliche Bereiche auf einem Bild markieren zu können. Vor allem mehreckige Regionen, sogenannte polygon hotspots, lassen sich damit ziemlich einfach realisieren.

atomic-design-process

Atomic Design für Mobile-o-Poly

Von , , und am 20.11.2013

Als ich dieses Jahr im Mai auf der beyondtellerrand Konferenz in Düsseldorf teilnahm, war es vermutlich der Vortrag von Brad Frost über Atomic Design, der mich am meisten inspiriert hat. „We’re not designing pages, we’re designing systems of components.“ – Stephen Hay Das Handwerk des Web Design ist einem ständigen Wandel unterlegen und es zeigt […]

1-C6j3u1iVN1mNO2lG-CljpA

Wireframing in 3 Phasen

Von , , und am 17.11.2013

Jeder von uns hat schon ein Mal Wireframes erstellt. Aber es steckt weit mehr dahinter als einfach Wireframes zu erstellen und sie in einem Ordner abzulegen. Wireframes geben viel Freiheit während der Entwicklung eines Projekts. Detaillierte Wireframes für jeden Screen zu erstellen ist dennoch sehr zeitraubend. Vor allem, wenn man versucht Usability Probleme von Anfang […]

540941_329603293820386_493886045_n

Mobile-o-Poly Refactoring

Von , , und am 15.11.2013

Voriges Jahr wurde in Mobile Anwendungen mit der gesamten Gruppe Mobile-o-Poly entwickelt. Mobile-o-Poly ist eine Location basierte Variante des beliebten Spieleklassikers Monopoly für mobile Endgeräte. Im Bachelor wurde das Game von der Idee übers Konzept bis hin zu einem ersten Prototyp entwickelt. Im Rahmen unseres Masterstudiums soll jetzt kräftig weiter gearbeitet werden, um die App […]

Bildschirmfoto 2013-11-13 um 21.45.19

Smart Interaction Patterns

Von und am 13.11.2013

Im Zuge unserer Vertiefung haben wir uns dazu entschieden ein Projektmanagement-Tool zu erstellen, welches den mobile First Ansatz verfolgt und vor allem für Menschen interessant ist, die bei Ihrer Tätigkeit unterwegs sind und nur das Handy zur Zeit/Arbeits/Aufgaben Erfassung zur Verfügung haben. Das Tool selbst kann natürlich von jeder Arbeitsgruppe bedient werden, hat aber als […]

more-iconfonts

Iconfonts – jetzt wird’s Zeit!

Von am 10.11.2013

Immer wieder sehe ich Webapps oder native Apps, die trotz der bestehenden Möglichkeiten noch immer verpixelte Icons anzeigen. Dabei ist es sehr schnell und einfach möglich statt .pngs/.gifs/.jpegs einen Iconfont einzusetzen. Neben optimaler Auflösung auf jedem Device spart man, wenn man den Font richtig erstellt und einbindet sogar noch an Bandbreite. Es gibt natürlich auch […]