SlideShare a Scribd company logo
Usability azaz                     About
„használhatóság”
alapfogalmak

                                   Attila BANKI
                                   www.digitallife.blog.hu
                                   cyber.cheguevra@gmail.com
A reklámokhoz mindenki ért. De a
webergonómiához nem.
A prezi célja:


                         Rövid áttekintést nyújt a usabilityről

            Mit nevezünk usabilitynek (használhatóságnak) és honnan ered

                           Néhány szó az alapfogalmakról

                                Néhány drótváz példa
Usability alapfogalmak

   •   A usability nem webmarketing alapfogalom
   •   A usability egy bámilyen mesterséges objektum felhasználhatóságával és / vagy
       tanulhatóságával foglalkozik
   •   Éppen ezért az objektum szinte bármilyen összetett, ember által használt
       képződmény lehet:
        •   Akár agy bonyolult ábra (Eligazító térképek, menekülési útvonalak)
        •   Egy szakkönyv (Struktúrája, tördelése)
        •   Egy funkcionális építmény (Házak, műhelyek, bevásárló központok)
        •   Ugyanígy lehetnek szoftverek, websiteok, mobil applikációk
        •   Stb
Usability alapfogalmak

   •   A usability célja:
        •   A lehető legmagasabb konverzió elérése
             •   Vagyis egy webes projekt esetében a website céljának (vásárlás,
                 regisztráció, kipróbálás stb.) elősegítése
        •   A felhasználó (end user) számára:
             •   Világos, egyértelmű, könnyen kezelhető útvonalak (User journey)
                 felépítése
             •   Tanulható, tipikus funkciók és folyamatok létrehozása
             •   Barátságos, kezelhető, emberközpontú objektum (Website, applikáció
                 stb.) megalkotása.
Usability alapfogalmak

   •   Mi a usability?
        •   Annak mértéke vagy minősége, hogy end user, hogyan, milyen minőségben,
            mennyi idő alatt, milyen user experience elérésével megy végig egy teljes
            folyamaton.
        •   Webes projekt esetén a hirdetéstől a termék megvásárlásán át az
            utógondozásig terjed.
        •   A folyamatok megkönnyítése, az információ átadásának meggyorsítása, a
            user journey lerövidítése, megtisztítása, egyszerűsítése, a választások
            lehetősége eldöntésének megkönnyítése és a megfelelő funkciók (gombok
            etc.) helyének meghatározása a feladata.
Usability alapfogalmak

   •   Ember központú tervezés (Human Centered Design vagy webes területen és
       informatikában User-centered design) egy olyan design filozófia, mely az ember
       (esetünkben az end user) szükségleteit, korlátait, elvárásait, gondolkodását veszi
       alapul a tervezés során.
   •   Felhasználói élmény (User Experience) egy rendkívül lényeges fogalom. Leírja,
       hogy az end user (Látogató) milyen tapasztalatokat szerez a folyamat során.
        •   Ez a folyamat felöleli a kezdetektől (pld. Kommunikációs elem, banner) a
            megvásárolt termék teljes elhasználódásáig tartó folyamatot.
             •   A User Experience Design a UX elkészítési folyamata.
Usability alapfogalmak

   •   Design: Ez a usabilitinek azon része, amihez mindenki ért és mindenki hozzá tud
       akar tenni valamit. A design a funkciók és korábbi tervezésnek (drótvázaknak,
       prototípusoknak, kutatásoknak) a vizualizált eredménye. Nem öncélú, feladata,
       hogy elősegítse a konverziót. (Webes projekt esetében)
   •   Information architecture, ami webes feladatok esetében jobbára a drótvázakban
       (wireframes) érhető tetten. Az elérhető információk elrendezése, struktúrájának
       kialakítása a feladata. Leggyakoribb elemei:
        •   Content (Az oldal tartalma)
        •   Navigáció (Gombok, linkek, kötelező elemek, segédfeliratok)
Drótváz példa: (Fixed web - opening
page)
Drótváz példa: (Fixed web - opening
page)
Drótváz példa: (Mobile web)
Kapcsolat




            cyber.cheguevara@gmail.com

            attila_banki

            Subscribe on Facebook: www.facebook.com/attila.banki

            http://www.linkedin.com/in/attilabanki

More Related Content

Similar to Usability alapfogalmak

A felhasználónak mindig igaza van
A felhasználónak mindig igaza vanA felhasználónak mindig igaza van
A felhasználónak mindig igaza vanschmidihu
 
POZITEAM Bővített Műhely Tudásmegosztó felületek tapasztalatai
POZITEAM Bővített Műhely Tudásmegosztó felületek tapasztalatai POZITEAM Bővített Műhely Tudásmegosztó felületek tapasztalatai
POZITEAM Bővített Műhely Tudásmegosztó felületek tapasztalatai
POZITEAM
 
Mobile First | Hogyan tervezzünk mobilra?
Mobile First | Hogyan tervezzünk mobilra?Mobile First | Hogyan tervezzünk mobilra?
Mobile First | Hogyan tervezzünk mobilra?Dániel Góré
 
Mitol konnektivista egy képzés
Mitol konnektivista egy képzésMitol konnektivista egy képzés
Mitol konnektivista egy képzés
Zsolt Kulcsár
 
Young Enterprise Day 2014 – Open Touch a gyakorlatban
Young Enterprise Day 2014 – Open Touch a gyakorlatbanYoung Enterprise Day 2014 – Open Touch a gyakorlatban
Young Enterprise Day 2014 – Open Touch a gyakorlatban
Young BTS Kommunikációs rendszerek
 
Mi az a UX (és hogy kell megdizájnolni)?
Mi az a UX (és hogy kell megdizájnolni)?Mi az a UX (és hogy kell megdizájnolni)?
Mi az a UX (és hogy kell megdizájnolni)?
Zoltan Kollin
 
Polgár Péter Balázs: Használhatóság 1x1
Polgár Péter Balázs: Használhatóság 1x1Polgár Péter Balázs: Használhatóság 1x1
Polgár Péter Balázs: Használhatóság 1x1
MeetOFF
 
Ikt_slidecast_proba
Ikt_slidecast_probaIkt_slidecast_proba
Ikt_slidecast_probaBME
 
5th PaeLife Newsletter (Hungarian)
5th PaeLife Newsletter (Hungarian)5th PaeLife Newsletter (Hungarian)
5th PaeLife Newsletter (Hungarian)
Paelife Consortium
 
Tudáshálózatok
TudáshálózatokTudáshálózatok
Tudáshálózatok
BCE
 
Prezentáció vállalkozásoknak
Prezentáció vállalkozásoknakPrezentáció vállalkozásoknak
Prezentáció vállalkozásoknakMarlo-Net Kft
 
Web2.0
Web2.0Web2.0
Web2.0Ell92
 
A weblap tervezés alap lépései - kisvállalkozói képzés
A weblap tervezés alap lépései - kisvállalkozói képzésA weblap tervezés alap lépései - kisvállalkozói képzés
A weblap tervezés alap lépései - kisvállalkozói képzés
Softinvent
 
Tudásmegosztás a világhálón
Tudásmegosztás a világhálónTudásmegosztás a világhálón
Tudásmegosztás a világhálónszszptr
 
UX es tartalom - HVG Tartalommarketing konferencia
UX es tartalom - HVG Tartalommarketing konferenciaUX es tartalom - HVG Tartalommarketing konferencia
UX es tartalom - HVG Tartalommarketing konferencia
Norbert Boros
 
Tudásmenedzsment PoziTeamOHE Konferencia
Tudásmenedzsment PoziTeamOHE KonferenciaTudásmenedzsment PoziTeamOHE Konferencia
Tudásmenedzsment PoziTeamOHE Konferencia
Team Pozi
 
A jó projekthonlap?! - Lukács Gábor UX Designer előadása a Tempus Közalapítvá...
A jó projekthonlap?! - Lukács Gábor UX Designer előadása a Tempus Közalapítvá...A jó projekthonlap?! - Lukács Gábor UX Designer előadása a Tempus Közalapítvá...
A jó projekthonlap?! - Lukács Gábor UX Designer előadása a Tempus Közalapítvá...
dotindot Solutions
 
KKV-ok és önkormányzatok online kommunikációja Joomla! Open Source weblapokon
KKV-ok és önkormányzatok online kommunikációja Joomla!  Open Source weblapokonKKV-ok és önkormányzatok online kommunikációja Joomla!  Open Source weblapokon
KKV-ok és önkormányzatok online kommunikációja Joomla! Open Source weblapokon
Softinvent
 

Similar to Usability alapfogalmak (20)

A felhasználónak mindig igaza van
A felhasználónak mindig igaza vanA felhasználónak mindig igaza van
A felhasználónak mindig igaza van
 
POZITEAM Bővített Műhely Tudásmegosztó felületek tapasztalatai
POZITEAM Bővített Műhely Tudásmegosztó felületek tapasztalatai POZITEAM Bővített Műhely Tudásmegosztó felületek tapasztalatai
POZITEAM Bővített Műhely Tudásmegosztó felületek tapasztalatai
 
Mobile First | Hogyan tervezzünk mobilra?
Mobile First | Hogyan tervezzünk mobilra?Mobile First | Hogyan tervezzünk mobilra?
Mobile First | Hogyan tervezzünk mobilra?
 
Mitol konnektivista egy képzés
Mitol konnektivista egy képzésMitol konnektivista egy képzés
Mitol konnektivista egy képzés
 
Young Enterprise Day 2014 – Open Touch a gyakorlatban
Young Enterprise Day 2014 – Open Touch a gyakorlatbanYoung Enterprise Day 2014 – Open Touch a gyakorlatban
Young Enterprise Day 2014 – Open Touch a gyakorlatban
 
Mi az a UX (és hogy kell megdizájnolni)?
Mi az a UX (és hogy kell megdizájnolni)?Mi az a UX (és hogy kell megdizájnolni)?
Mi az a UX (és hogy kell megdizájnolni)?
 
A web 2.0.
A web 2.0.A web 2.0.
A web 2.0.
 
Polgár Péter Balázs: Használhatóság 1x1
Polgár Péter Balázs: Használhatóság 1x1Polgár Péter Balázs: Használhatóság 1x1
Polgár Péter Balázs: Használhatóság 1x1
 
Ikt_slidecast_proba
Ikt_slidecast_probaIkt_slidecast_proba
Ikt_slidecast_proba
 
5th PaeLife Newsletter (Hungarian)
5th PaeLife Newsletter (Hungarian)5th PaeLife Newsletter (Hungarian)
5th PaeLife Newsletter (Hungarian)
 
Tudáshálózatok
TudáshálózatokTudáshálózatok
Tudáshálózatok
 
Ceg
CegCeg
Ceg
 
Prezentáció vállalkozásoknak
Prezentáció vállalkozásoknakPrezentáció vállalkozásoknak
Prezentáció vállalkozásoknak
 
Web2.0
Web2.0Web2.0
Web2.0
 
A weblap tervezés alap lépései - kisvállalkozói képzés
A weblap tervezés alap lépései - kisvállalkozói képzésA weblap tervezés alap lépései - kisvállalkozói képzés
A weblap tervezés alap lépései - kisvállalkozói képzés
 
Tudásmegosztás a világhálón
Tudásmegosztás a világhálónTudásmegosztás a világhálón
Tudásmegosztás a világhálón
 
UX es tartalom - HVG Tartalommarketing konferencia
UX es tartalom - HVG Tartalommarketing konferenciaUX es tartalom - HVG Tartalommarketing konferencia
UX es tartalom - HVG Tartalommarketing konferencia
 
Tudásmenedzsment PoziTeamOHE Konferencia
Tudásmenedzsment PoziTeamOHE KonferenciaTudásmenedzsment PoziTeamOHE Konferencia
Tudásmenedzsment PoziTeamOHE Konferencia
 
A jó projekthonlap?! - Lukács Gábor UX Designer előadása a Tempus Közalapítvá...
A jó projekthonlap?! - Lukács Gábor UX Designer előadása a Tempus Közalapítvá...A jó projekthonlap?! - Lukács Gábor UX Designer előadása a Tempus Közalapítvá...
A jó projekthonlap?! - Lukács Gábor UX Designer előadása a Tempus Közalapítvá...
 
KKV-ok és önkormányzatok online kommunikációja Joomla! Open Source weblapokon
KKV-ok és önkormányzatok online kommunikációja Joomla!  Open Source weblapokonKKV-ok és önkormányzatok online kommunikációja Joomla!  Open Source weblapokon
KKV-ok és önkormányzatok online kommunikációja Joomla! Open Source weblapokon
 

Usability alapfogalmak

  • 1. Usability azaz About „használhatóság” alapfogalmak Attila BANKI www.digitallife.blog.hu cyber.cheguevra@gmail.com A reklámokhoz mindenki ért. De a webergonómiához nem.
  • 2. A prezi célja: Rövid áttekintést nyújt a usabilityről Mit nevezünk usabilitynek (használhatóságnak) és honnan ered Néhány szó az alapfogalmakról Néhány drótváz példa
  • 3. Usability alapfogalmak • A usability nem webmarketing alapfogalom • A usability egy bámilyen mesterséges objektum felhasználhatóságával és / vagy tanulhatóságával foglalkozik • Éppen ezért az objektum szinte bármilyen összetett, ember által használt képződmény lehet: • Akár agy bonyolult ábra (Eligazító térképek, menekülési útvonalak) • Egy szakkönyv (Struktúrája, tördelése) • Egy funkcionális építmény (Házak, műhelyek, bevásárló központok) • Ugyanígy lehetnek szoftverek, websiteok, mobil applikációk • Stb
  • 4. Usability alapfogalmak • A usability célja: • A lehető legmagasabb konverzió elérése • Vagyis egy webes projekt esetében a website céljának (vásárlás, regisztráció, kipróbálás stb.) elősegítése • A felhasználó (end user) számára: • Világos, egyértelmű, könnyen kezelhető útvonalak (User journey) felépítése • Tanulható, tipikus funkciók és folyamatok létrehozása • Barátságos, kezelhető, emberközpontú objektum (Website, applikáció stb.) megalkotása.
  • 5. Usability alapfogalmak • Mi a usability? • Annak mértéke vagy minősége, hogy end user, hogyan, milyen minőségben, mennyi idő alatt, milyen user experience elérésével megy végig egy teljes folyamaton. • Webes projekt esetén a hirdetéstől a termék megvásárlásán át az utógondozásig terjed. • A folyamatok megkönnyítése, az információ átadásának meggyorsítása, a user journey lerövidítése, megtisztítása, egyszerűsítése, a választások lehetősége eldöntésének megkönnyítése és a megfelelő funkciók (gombok etc.) helyének meghatározása a feladata.
  • 6. Usability alapfogalmak • Ember központú tervezés (Human Centered Design vagy webes területen és informatikában User-centered design) egy olyan design filozófia, mely az ember (esetünkben az end user) szükségleteit, korlátait, elvárásait, gondolkodását veszi alapul a tervezés során. • Felhasználói élmény (User Experience) egy rendkívül lényeges fogalom. Leírja, hogy az end user (Látogató) milyen tapasztalatokat szerez a folyamat során. • Ez a folyamat felöleli a kezdetektől (pld. Kommunikációs elem, banner) a megvásárolt termék teljes elhasználódásáig tartó folyamatot. • A User Experience Design a UX elkészítési folyamata.
  • 7. Usability alapfogalmak • Design: Ez a usabilitinek azon része, amihez mindenki ért és mindenki hozzá tud akar tenni valamit. A design a funkciók és korábbi tervezésnek (drótvázaknak, prototípusoknak, kutatásoknak) a vizualizált eredménye. Nem öncélú, feladata, hogy elősegítse a konverziót. (Webes projekt esetében) • Information architecture, ami webes feladatok esetében jobbára a drótvázakban (wireframes) érhető tetten. Az elérhető információk elrendezése, struktúrájának kialakítása a feladata. Leggyakoribb elemei: • Content (Az oldal tartalma) • Navigáció (Gombok, linkek, kötelező elemek, segédfeliratok)
  • 8. Drótváz példa: (Fixed web - opening page)
  • 9. Drótváz példa: (Fixed web - opening page)
  • 11. Kapcsolat cyber.cheguevara@gmail.com attila_banki Subscribe on Facebook: www.facebook.com/attila.banki http://www.linkedin.com/in/attilabanki