Responsive Navigation Patterns, UX and GuidelinesPeter Rozek
User have a goal and are on a mission. Navigation is one of the core elements of a responsive website. Which navigation principle is the best for the information architecture, usability and user experience? In addition to the scalability for different screen sizes, it is the major challenge to find the balance between completeness and clarity. The presentation explores these questions and formulated guidelines.
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignPeter Rozek
Seit dem Artikel von Ethan Marcotte hat Responsive Webdesign richtig Fahrt aufgenommen. Responsive Webdesign ist ein zentrales Buzzword, wenn es um Webentwicklung, E-Commerce, UX, SEO und Marketing geht. Seit 2010 hat sich viel verändert. Browser und Techniken haben sich weiterentwickelt. Das Nutzerverhalten hat sich stark verändert, heute sind Nutzer immer und überall online. Aber was ist mit uns, wo bleiben unsere Innovationsstärke und der Mut für neues? Wir, die Websites verkaufen, konzipieren, designen und entwickeln. Entrepreneurship und Innovation erfordern Mut und einen Schritt weiterzugehen als alle anderen - where no man has gone before. Der Vortrag zeigt, dass jetzt der Zeitpunkt ist, innovative HTML- und CSS-Techniken einzusetzen. Der Vortrag richtet sich in erster Linie an Frontend Entwickler und User Experience Designer/Consultants die mehr als Grundkenntnisse in HTML, CSS und JavaScript mitbringen.
UI animations are a hotspot for the design of interactive and modern web interfaces. For a positive user experience, context-based UI animations can offer real added value. This can concern individual elements or even entire applications. The talk answers which concept and design decisions are to be made for an interactive interface. How can simple and, above all, complex animations be implemented in the frontend? The process for designing a context-sensitive and interactive interface differs from conventional and classical workings. If you are designing complex animations, you go into the field of motion design. In addition to an inspiring UI animation journey, the process is displayed step by step.
Cross Device Experience with HTML PrototypingPeter Rozek
Users use different devices at different times of the day. Typical sequential screening activities are, for example, when the user starts on one device and continues his activity on another. The content takes a central position. A sustainable cross-device experience in the context of responsive web design addresses coherence, fluidity and adaptability. The content should adapt to the respective terminal and address the usage context. How can concept, design and development effectively test users' behavioral patterns and meet the device agnostic approach? The talk shows the benefits of HTML prototypes and how they can be effectively combined with other prototyping techniques.
Responsive Navigation Patterns, UX and GuidelinesPeter Rozek
User have a goal and are on a mission. Navigation is one of the core elements of a responsive website. Which navigation principle is the best for the information architecture, usability and user experience? In addition to the scalability for different screen sizes, it is the major challenge to find the balance between completeness and clarity. The presentation explores these questions and formulated guidelines.
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignPeter Rozek
Seit dem Artikel von Ethan Marcotte hat Responsive Webdesign richtig Fahrt aufgenommen. Responsive Webdesign ist ein zentrales Buzzword, wenn es um Webentwicklung, E-Commerce, UX, SEO und Marketing geht. Seit 2010 hat sich viel verändert. Browser und Techniken haben sich weiterentwickelt. Das Nutzerverhalten hat sich stark verändert, heute sind Nutzer immer und überall online. Aber was ist mit uns, wo bleiben unsere Innovationsstärke und der Mut für neues? Wir, die Websites verkaufen, konzipieren, designen und entwickeln. Entrepreneurship und Innovation erfordern Mut und einen Schritt weiterzugehen als alle anderen - where no man has gone before. Der Vortrag zeigt, dass jetzt der Zeitpunkt ist, innovative HTML- und CSS-Techniken einzusetzen. Der Vortrag richtet sich in erster Linie an Frontend Entwickler und User Experience Designer/Consultants die mehr als Grundkenntnisse in HTML, CSS und JavaScript mitbringen.
UI animations are a hotspot for the design of interactive and modern web interfaces. For a positive user experience, context-based UI animations can offer real added value. This can concern individual elements or even entire applications. The talk answers which concept and design decisions are to be made for an interactive interface. How can simple and, above all, complex animations be implemented in the frontend? The process for designing a context-sensitive and interactive interface differs from conventional and classical workings. If you are designing complex animations, you go into the field of motion design. In addition to an inspiring UI animation journey, the process is displayed step by step.
Cross Device Experience with HTML PrototypingPeter Rozek
Users use different devices at different times of the day. Typical sequential screening activities are, for example, when the user starts on one device and continues his activity on another. The content takes a central position. A sustainable cross-device experience in the context of responsive web design addresses coherence, fluidity and adaptability. The content should adapt to the respective terminal and address the usage context. How can concept, design and development effectively test users' behavioral patterns and meet the device agnostic approach? The talk shows the benefits of HTML prototypes and how they can be effectively combined with other prototyping techniques.
2. Un signore viaggiava in aereo ed aveva un urgente e improrogabile bisogno del bagno che però era occupato.
3. Chiese perciò all’hostes il permesso di utilizzare il bagno delle donne che, in quel momento, era libero.
4. L’hostes, data l’urgenza, gli diede il permesso ma gli raccomandò di non sporcare e di non toccare i quattro pulsanti posti alla destra del water .
5. Entrato in bagno il signore notò che i quattro pulsanti avevano questi nomi : pulsante "SPA", pulsante "SAA", pulsante "SBA" e pulsante "RAT".
6. Il protagonista di questa storia, dopo essersi alleggerito a dovere, sentì crescere in lui un’enorme ed irresistibile curiosità sul funzionamento dei quattro bottoni.
7. Premette allora il primo pulsante , quello con la scritta "SPA" (Sistema di Pulitura Automatica). Sentì un getto di acqua tiepida sul sedere e sugli attributi e pensó: “Questo bagno è una delizia, ora capisco perché le donne ci trascorrono delle ore”.
8. Successivamente premette il pulsante con la scritta “SAA" (Sistema di Asciugatura Automatica), e subito ci fu un getto d’aria calda diretto sulle medesime parti che prima erano state lavate. Non poteva crederci!
9. Quando azionò il successivo pulsante , "SBA" (Sistema di Borotalco Automatico), le sue terga furono raggiunte dalla soave carezza di una leggerissima spugna impregnata di borotalco aromatico. Quell’esperienza stava raggiungendo quote di insospettabile piacere .
10. E, infine, schiacciò il quarto pulsante “RAT"... e perse ogni nozione. Quando si risvegliò non sapeva né dove fosse, né come vi era giunto, né che ora era.
11. Gli si avvicinò un’infermiera molto gentile e gli spiegò che si trovava in un ospedale, dove era giunto da due giorni in stato di shock traumatico, ma che erano ormai riusciti a normalizzare i suoi parametri vitali.
12. Ancora scosso lui domandò: - “L’aereo ha avuto un incidente terribile, non è vero?” . “ No signore, l’aereo è atterrato regolarmente a destinazione” Rispose l’infermiera “ Allora, cose è successo?”
13. Lei ha schiacciato il pulsante "RAT" (Ritiro Automatico del Tampax) e... ...il suo pene lo trova in una scatoletta, sotto il cuscino.