Reszponzív webes felületek tipikus hibái - Kolozsi István, kolboid

•Als PPTX, PDF herunterladen•

1 gefällt mir•979 views

Az App!mobile 2013 konferencián (2013. november 13.) a UX szekcióban elhangzott előadás prezentációja. [7 RWD főbűn] 1. LEBUTÍTÁS 2. LASSÚSÁG 3. HANGSÚLYTALANSÁG 4. OLVASHATATLANSÁG 5. HOMÁLY 6. ÉRINTHETETLENSÉG 7. NEHEZÍTÉS Kapcsolódó blog poszt: https://blog.fps.hu/reszponzivan-jol/

Design

Források
Images
Audrey Hepburn
http://waveavenue.com/profiles/blogs/exquisite-minimalism-pencil-drawings-by-ileana-hunter
Seven Deadly Sins
http://www.debutart.com/illustration/ilovedust/7-deadly-sins#/illustration-portfolio
Pool if you leave
http://www.flickr.com/photos/pseinfeld/7777718696/in/pool-if-you-leave
Space boy by Bill Domonkos
http://billdomonkos.tumblr.com/post/63760871837/space-fan-bill-domonkos-2013
A Spectacle to Behold by Andew B. Myers
http://www.andrewbmyers.com/
Snail by Christoph Neumann
http://www.christophniemann.com/index.php/portfolio/details/new_yorker
Cycle by Chrispoh Neumann
http://www.christophniemann.com/index.php/portfolio/details/graphic_01
Colorful Winter
http://cargocollective.com/ftanet/A-Colorful-Winter
New family member by Brock Davis
http://instagram.com/p/KWPeeMEuyN/

Links
http://contrastrebellion.com/
http://idontwantyourfuckingapp.tumblr.com/
http://pattern-lab.info/
http://ux.mailchimp.com/patterns
http://opensignal.com/reports/fragmentation-2013/
http://uxdesign.smashingmagazine.com/2012/02/21/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/
http://www.uxmatters.com/mt/archives/2013/11/design-for-fingers-and-thumbs-instead-of-touch.php
http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/
http://www.lukew.com/ff/entry.asp?1653
http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review
http://madlemmings.com/2013/10/30/important-page-speed/
http://gigaom.com/2013/08/09/two-second-mobile-time-google-says-its-vital-to-success/

Weitere ähnliche Inhalte

Was ist angesagt?

Leaving Your MarkJorge Arango

PARTIDARIOS DEL NAZISMOvalkiria125

Amanda brandihargraves

Agile @Hekovnik part 2: KanbanDusan Omercevic

What, exactly, is social business?Philip Sheldrake

3.3.3 ppp slideskBohorquez0

The Future Is Ruby Without RailsFOWADublin2009

The Future is Ruby Without RailsCarsonified Team

Buckminster Fuller on Emergent ResultsR. Sosa

How To Create A Twitter AccountPortfolio

Goldie locks the pyro maniacLogan Rodger

GoldilocksHeritage Park Middle School

PandoraClara Álvarez

Making Something Out of NothingRachel Hayes

Tolentino Final PPP SlideshowErik Tolentino

Formar periodistas: debates antiguos, valores renovadosJose Luis Orihuela

Visual Design Pecha KuchaTechISM09

Re:build 2011: Passion -> Startupleahculver

Presentation On Africalexi12

I Hate Paper by Sam MorrisNCAIS INNOVATE

Was ist angesagt? (20)

Leaving Your Mark

PARTIDARIOS DEL NAZISMO

Amanda brandi

Agile @Hekovnik part 2: Kanban

What, exactly, is social business?

3.3.3 ppp slidesk

The Future Is Ruby Without Rails

The Future is Ruby Without Rails

Buckminster Fuller on Emergent Results

How To Create A Twitter Account

Goldie locks the pyro maniac

Goldilocks

Pandora

Making Something Out of Nothing

Tolentino Final PPP Slideshow

Formar periodistas: debates antiguos, valores renovados

Visual Design Pecha Kucha

Re:build 2011: Passion -> Startup

Presentation On Africa

I Hate Paper by Sam Morris

Andere mochten auch

Shepherd Elementary School Community Meeting FlyerDC Department of General Services

AOA - Annual OMEL Conference Encourages Osteopathic Discourse Dr. Michael Thomas (Neurosurgeon)

Parenting education for better care of children (Pictorial Guidebook)Children & Women in Social Service and Human Rights

Roxana Ivan - Buget mic pentru evenimente mari (Impact Hub Bucharest, 2014.02...Lumea SEO PPC

Medier i en digital verden 150922Stale Lindblad

Sig App4Kenji Ono

X math new pattern exam in Telangana for 2014- 15Datha Prasada Rao Vanam

מנור גינדי בשבוע האופנה תל אביבManor Gindi מנור גינדי

Presentación de Servicios PrevengestXavier Fillol de Blas

Facebook rinkodara Lietuvos elektroniniams verslamsVladas Sapranavicius

Jongerenparticipatie Sensoa - Inspiratiedag Kansengroepen van Ambrassade op ...Elizabeth Verhetsel

The Monthly Lekhapara, July 2015Shahida Akhter

מחדד 05.03Leo Burnett Israel

Boletín XVII abril 2016Nueva Canarias-BC

Catalogue HOP'TOYS Autonomie 2017Julien Servy

11-16jimpict

AWS Summit Berlin 2013 - doo - A Scalable Sync Framework Infrastructure based...AWS Germany

DigiMedia360DigiMedia360

Guiding principles forBeberly Fabayos

The Virtual Strike: on pitches in advertisingZigurds Zakis

Andere mochten auch (20)

Shepherd Elementary School Community Meeting Flyer

AOA - Annual OMEL Conference Encourages Osteopathic Discourse

Parenting education for better care of children (Pictorial Guidebook)

Roxana Ivan - Buget mic pentru evenimente mari (Impact Hub Bucharest, 2014.02...

Medier i en digital verden 150922

Sig App4

X math new pattern exam in Telangana for 2014- 15

מנור גינדי בשבוע האופנה תל אביב

Presentación de Servicios Prevengest

Facebook rinkodara Lietuvos elektroniniams verslams

Jongerenparticipatie Sensoa - Inspiratiedag Kansengroepen van Ambrassade op ...

The Monthly Lekhapara, July 2015

מחדד 05.03

Boletín XVII abril 2016

Catalogue HOP'TOYS Autonomie 2017

11-16

AWS Summit Berlin 2013 - doo - A Scalable Sync Framework Infrastructure based...

DigiMedia360

Guiding principles for

The Virtual Strike: on pitches in advertising

Mehr von István Kolozsi

Miért szükséges az esztétikus design?István Kolozsi

A UX kutatás hasznaIstván Kolozsi

Csoportnyomás az e-kereskedelembenIstván Kolozsi

Viselkedés modellIstván Kolozsi

Hogyan tegyük a vásárlást élménnyé egy webáruházban?István Kolozsi

Miért fontos, hogy következetes legyen a felhasználói felületed?István Kolozsi

Tervezz szokást! - WIAD, Mobile Hungary - Kolozsi István, kolboidIstván Kolozsi

A szokás hatalma és a választás paradoxona - Kolozsi István, kolboidIstván Kolozsi

Responsive Web Design - Csináld jól! - Kolozsi István, kolboidIstván Kolozsi

Responsive email, de hogyan? - Kolozsi István, kolboidIstván Kolozsi

IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboidIstván Kolozsi

fps blog üzleti modell - Kolozsi István, kolboidIstván Kolozsi

Mobil web technológiai utak, tervezés - Kolozsi István, kolboidIstván Kolozsi

Web shopok mobil weben - Kolozsi István, kolboidIstván Kolozsi

Konverziónövelés – acer.shop.hu esettanulmány - Kolozsi István, kolboidIstván Kolozsi

Mehr von István Kolozsi (15)

Miért szükséges az esztétikus design?

A UX kutatás haszna

Csoportnyomás az e-kereskedelemben

Viselkedés modell

Hogyan tegyük a vásárlást élménnyé egy webáruházban?

Miért fontos, hogy következetes legyen a felhasználói felületed?

Tervezz szokást! - WIAD, Mobile Hungary - Kolozsi István, kolboid

A szokás hatalma és a választás paradoxona - Kolozsi István, kolboid

Responsive Web Design - Csináld jól! - Kolozsi István, kolboid

Responsive email, de hogyan? - Kolozsi István, kolboid

IT+Summer Edition - Alkossunk élményt - Kolozsi István, kolboid

fps blog üzleti modell - Kolozsi István, kolboid

Mobil web technológiai utak, tervezés - Kolozsi István, kolboid

Web shopok mobil weben - Kolozsi István, kolboid

Konverziónövelés – acer.shop.hu esettanulmány - Kolozsi István, kolboid

Kürzlich hochgeladen

Essential UI/UX Design Principles: A Comprehensive GuideDesign Studio UI UX

$Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...$ $Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...$

Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...HyderabadDolls

一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证eqaqen

Gamestore case study UI UX by Amgad Ibrahimamgadibrahim92

Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipNitya salvi

Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherrymeghakumariji156

Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...instagramfab782445

High Profile Escorts Nerul WhatsApp +91-9930687706, Best Servicemeghakumariji156

Jordan_Amanda_DMBS202404_PB1_2024-04.pdfamanda2495

一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证wpkuukw

Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...gargpaaro

ab-initio-training basics and architecturesaipriyacoool

Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Nitya salvi

How to Build a Simple Shopify Websitemark11275

Minimalist Orange Portfolio by Slidesgo.pptxbalqisyamutia

Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...drmarathore

Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...gajnagarg

Independent Escorts Goregaon WhatsApp +91-9930687706, Best Servicemeghakumariji156

Resume all my skills and educations and achievement 210303105569

Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...ZurliaSoop

Kürzlich hochgeladen (20)

Essential UI/UX Design Principles: A Comprehensive Guide

$Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...$ $Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...$

Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...

一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证

Gamestore case study UI UX by Amgad Ibrahim

Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship

Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry

Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...

High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service

Jordan_Amanda_DMBS202404_PB1_2024-04.pdf

一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证

Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...

ab-initio-training basics and architecture

Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...

How to Build a Simple Shopify Website

Minimalist Orange Portfolio by Slidesgo.pptx

Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...

Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...

Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service

Resume all my skills and educations and achievement

Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...

Reszponzív webes felületek tipikus hibái - Kolozsi István, kolboid

10.

11.

12.

13.

14.

15.

16.

17.

18.

19.

20.

21.

22.

23.

24.

25.

26. Források Images Audrey Hepburn http://waveavenue.com/profiles/blogs/exquisite-minimalism-pencil-drawings-by-ileana-hunter Seven Deadly Sins http://www.debutart.com/illustration/ilovedust/7-deadly-sins#/illustration-portfolio Pool if you leave http://www.flickr.com/photos/pseinfeld/7777718696/in/pool-if-you-leave Space boy by Bill Domonkos http://billdomonkos.tumblr.com/post/63760871837/space-fan-bill-domonkos-2013 A Spectacle to Behold by Andew B. Myers http://www.andrewbmyers.com/ Snail by Christoph Neumann http://www.christophniemann.com/index.php/portfolio/details/new_yorker Cycle by Chrispoh Neumann http://www.christophniemann.com/index.php/portfolio/details/graphic_01 Colorful Winter http://cargocollective.com/ftanet/A-Colorful-Winter New family member by Brock Davis http://instagram.com/p/KWPeeMEuyN/ Links http://contrastrebellion.com/ http://idontwantyourfuckingapp.tumblr.com/ http://pattern-lab.info/ http://ux.mailchimp.com/patterns http://opensignal.com/reports/fragmentation-2013/ http://uxdesign.smashingmagazine.com/2012/02/21/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/ http://www.uxmatters.com/mt/archives/2013/11/design-for-fingers-and-thumbs-instead-of-touch.php http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/ http://www.lukew.com/ff/entry.asp?1653 http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review http://madlemmings.com/2013/10/30/important-page-speed/ http://gigaom.com/2013/08/09/two-second-mobile-time-google-says-its-vital-to-success/

Hinweis der Redaktion

Nemaztjelenti, hogymobilrakellfókuszálni!Inkábbegytervezési,fejlesztésiparadigma.Nemlebutítás.Tartalom, tervezés, fejlesztés – mobile first
Akisképernyőrákényszerítfókuszálni a lényegre.Ez a legnehezebbrésze, hogyrávegyük a megrendelőketerre a gondolkodásmódra.Sőtazügynökségenbelül is átkellállni, ezsemkönnyű.El kellszakadni a hagyományosmodelltől, mertazittnemműködikmegfelelően.
breakpoints – klasszikus 320 – 480 – 768 – 1024 – NemjátszikTartalomkorreográfia
tiszta css3 használat, flat designshow immediately, process in the backgroundsocialkétlépcsős
Retinakijelzőkön a fotókhonályosakIcon fonts, svg, többkép a device-pixel-ratio alapján
autocomplete, autosuggest, autocorrect
PasswordSocial login (single sign on), share

Reszponzív webes felületek tipikus hibái - Kolozsi István, kolboid

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (20)

Mehr von István Kolozsi

Mehr von István Kolozsi (15)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Reszponzív webes felületek tipikus hibái - Kolozsi István, kolboid

Hinweis der Redaktion