KONFERENCE WEB_EXPO 2011

Design Hall // Vencovského Aula

 

DEV_HALL

DEV_ROOM

DESIGN

BUSINESS

Základní pokyny

  • Zapisujte poznámky z přednášky, formátujte, odkazujte a doplňujte
  • O tento dokument se za VŠE GUG stará LINDA (@LINDASH)
  • Don´t be evil. ;-)
  • DÍKY VŠEM EDITORŮM! Chcete se do dokumentu taky podepsat?

Obsah

Pátek, 23. 9. 2011

Na kreativní stezce

Nejen na okrasu

Písmo je na webu to nejdůležitější

Grafika e-shopu jako sexy a chytrá prodavačka

Neziskovky goes web

Redesing Super.cz

Evoluce designera

Velikost myšlení

Funkční grafický design

The cross-channel experience

Mobile first

Sobota, 24. 9. 2011

Skutečně víte, jak na persony?

Ty jsi informační architekt

Rozhodněte o rozhodnutí druhých

Komunikace a prodávání výstupů UX designu

Design jako příběh

Přidej vejce!

Strategie obsahu Elle.cz, aneb co bych dnes udělal jinak

5X*, *A */5

The invisible side of design


Pátek, 23. 9. 2011

Na kreativní stezce

10:00  –  10:25 // Martin Kermes, Martin Jedlička

  1. Začínáme kreslením návrhu loga - jak přednášející, tak posluchači

Logujeme víc

Kreativní stezka loga. Návrh za návrhem..

5 návrhů, vybrány 2, z toho 5 návrhů

Výsledné logo, které nikdy nebude zveřejněno bude k vidění na video záznamu z přednášky.. :)

Názory z twitteru:

Zápis by @sotik

Nejen na okrasu

10:25  –  10:50 // Pavel Maček

Začínáme “historií ikon”.. Nástěnné malby a tak..

Dobrá ikona:

Použití ikon:

Ptejte se lidí na své ikony - jak je chápou, co z nich cítí..

Shrnutí:

Vyberte správnou metaforu

Řiďte se kontextem

Méně je vždy více

Buďte konzistentní

Twitter reakce:

Editoři, podepište se. ;-)

Zápis by @sotik :)

Písmo je na webu to nejdůležitější

10:55  –  11:30 // David Březina

Web fonty (online knihovna fontů - GOOGLE)

Druhy fontů

Rasterizace 

písmo se kreslí na rastru 1000x1000

střední výška - velikost písmene ‘X’

rasterizace v prohlížeči

na webu nepoužívat písma bez hintingu

písma začínají být velká (podpora jazykových sad)

řešení

v prohlížečích sposta věcí nejde :(

diakritika je problém

CSS 3 - lepší podpora písem

Doporučení na závěr

Slevový kód na www.rosettatype.com je e3cc9a08

Platí do 5.10.2011

Twitter reakce:

Zápis by @sotik a tivvit

Grafika e-shopu jako sexy a chytrá prodavačka

12:00  –  12:30 // Jan Sotorník

srovnání s klasickým obchodem

Titulní strana

Produktové boxy

Filtrování

Stránkování

Detail produktu

Pokladna (ukončení objednávky)

Tipy

zápis by lindash a tivvit

Neziskovky goes web

12:30  –  12:55 // Jana Štěpánová

  1. Mýty - nemají peníze (závislé na grantech => peníze mít mohou)
  2. “Chtěli jsme to jinak” - ukázat zadání, případně změnit :)
  3. Uvést do objednávky, do kdy dodají podklady
  4. Velká zakázka - rozfázovat i s termíny
  5. Recap doporučeních:
  1. Písemně - S klientem udržovat písemnou korespondenci
  2. Termíny - Dodržovat termíny, donutit klienta také k jejich dodržování (předcházení časové tísně - při nedodání podkladů odsouvat také termíny naše)
  3. Respekt - mluvit s klientem srozumitelně, česky, respektovat

Redesing Super.cz

13:00  –  13:30 // Petr Král

Postřehy z přednášky

@janrezac: Super.cz by se mělo učit od @MrBrezina— jejich titulkové písmo nezvládá diakritiku. #WE11DSN176 // ale asi jen na macu

@seznam_cz: Přednáška k redesignu Super.cz: Důležité je vidět obsah, rubriky nejsou třeba, protože všechny mají jedno společné - jsou bulvár #webexpo

@tomasbelohlav: "Vygooglovat na Seznamu" je pojem. #WE11DSN17

@jantichy: "Kluci ze Super.cz" dělají bezvadnou show, skvěle si navzájem nahrávají na smeč a bezvadně využivají prostor na pódiu. #webexpo

Fotka od r4ms3scz 

zápis by tivvit a lindash

Evoluce designera

14:30  –  15:00 // Adam Hrubý

:) by @adamhruby

Velikost myšlení

15:00  –  15:30 // Lukáš Plíhal

  1. Lorem ipsum

Funkční grafický design

15:40  –  16:10 // Tomáš Kostkan

Účel designu

Design vs. webdesign

  1. první dojem je velmi důležitý (několik sec.)
  1. podat mu informace (ale zatím nečte, musíme ho zaumout)
  1. teprve teď začíná číst

Vznikají “vrstvy designu”

Design obsahu je nejdůležitější

obsah není pouze problém klienta, naopak

zápis by tivvit

The cross-channel experience

16:10  –  17:10 // Nick Finck

xChannel experience is the experience of the client at all touch points the customer has with the service / brand.

This is not multichannel, this is not marketing, this is a service concept.

Simple example: online and offline sales channels combining their strengths, rather than competing in price.

To achieve true xChannel experience, we must tear down the functional silos in companies.  

Mobile first

17:30  –  18:45 // Luke Wroblewski

Web products should be designed for the mobile experience first.

Trends supporting mobile

  1. immense computing power available in mobile devices
  2. always-on connectivity
  3. data moving to cloud

Data

Constraints of mobile devices

Screen resolution

Network

Modes of use

Mobile requires simple design because of the partial attention we give to mobile apps (one hand - one eye)

The difference in the device can change the patter on usage, even if the core use-case remains the same.

Focus on touch

It is necessary to observe the commonly used gestures in iOS and Android.

Natural user interfaces - get rid of the iconic representations of stuff. Enable direct communication with the content.

www.lukew.com/touch

Augmented reality - emerging, has its problems, but exciting.

HTML5 apps are a little behind in the ability to use sensory capabilities of mobile phones.

We can recognize your face based on your 7 photos. So you don't think there are 7 photos of you on the internet? … Eric Schmidt

futurefriend.ly

@lukew

www.lukew.com

book comes out on October 18 - www.abookapart.com

Characteristics of Desktop

Characteristics of Mobile


Sobota, 24. 9. 2011

Skutečně víte, jak na persony?

10:00  –  10:30 // Štěpán Doubrava

Konkretizují cílové skupiny.

Postup tvorby:

Obvykle definují:

Co persony mohou obsahovat / používají při tvorbě person:

Co funguje:

Zápis by @Hannnci

Ty jsi informační architekt

10:30  –  11:00 // Adam Fendrych

Části

  1. Členění služeb
  1. Rozdělení do sekci
  2. Vazby a přopojení
  1. Pojmenování položek
  1. Navigace

Chyby / problémy

Testování

Rozhodněte o rozhodnutí druhých

11:00  –  11:30 // Petr Kosnar

- Když má člověk na výběr z několika možností, vybere si to, co nějakým způsobem zná, ať už v jakékoli souvislosti, třeba i irelevantní. (Na otázku, které město je největší, vyberete to, o němž jste už slyšeli, i když třeba jen kvůli tomu, že mají dobrý fotbalový tým)

-  Nabídnutá varianta je kotvou. Lidé pak mají tendence odpovídat tak, aby byly blízko kotvy. Kotva je referenční hodnotou. (Na otázku, jestli je budova X vyšší než 100 m máte tendenci hádat údaje kolem stovky. Na otázku, jestli je budova X vyšší než 500 m  máte tendenci hádat údaje kolem kotvy 500)

- Hodnotu nabízené věci určujeme na základě srovnání s jinými podobnými věcmi.

- Lidé si obtížně vybírají, pokud mají velké množství variant.

-> Lepší konverze je u nabídek, které se mezi sebou snadno srovnávají a zároveň jich není moc.

Používání návnad: (viz nákres níže)

Kromě našeho cílového produktu nabídneme klientům ještě dvě nevýhodné návnady -> pokud by nebyly, klient by srovnával náš produkt pouze s konkurencí, nyní srovnává s návnadami -> srovnáním produktu a návnad klient rozpozná náš cíl jako nejvýhodnější -> odchází spokojen.

Zápis by @Hannnci

Komunikace a prodávání výstupů UX designu

12:00  –  12:30 // Jan Šrůtek

Postup prezentace, představení:

  1. rozpoznat problém
  2. prezentujte možnosti řešení
  3. ukažte, jak jste zvažovali jednotlivá řešení
  4. vysvětlete, jak jste vybírali nejlepší řešení
  5. vysvětlete, PROČ je vámi navrhované řešení nejlepší
  6. po “prodeji” zdokumentujte rozhodnutí
  7. testujte

“Lepší než prezentace je kolaborativní meeting.”

Literatura:

Design jako příběh

12:30  –  13:10 // Jiří Močička

Přidej vejce!

14:30  –  15:00 // Jan Řezáč

- mapa stránek

-

Strategie obsahu Elle.cz, aneb co bych dnes udělal jinak

15:00  –  15:30 // Martin Kopta

5X*, *A */5

15:40  –  16:20 // Richard Fridrich

The invisible side of design

16:20  –  17:10 // Vitaly Friedman

The Web is Our DNA