Tantárgy adatlapja

Tárgy neve: Weblaptervezés és elemzés (webdizájn és ergonómia)
Tárgy kódja: BBLKM30800
Óraszám: N: 0/0/0, L: 0/10/0
Kreditérték: 3
Az oktatás nyelve: magyar
Követelmény típus: Gyakorlati jegy
Felelős kar: BTK
Felelős szervezeti egység: Kommunikáció- és Médiatudományi Intézet
Tárgyfelelős oktató: Dr. Kovács Ákos
Tárgyleírás:

A szeminárium célja: a hallgatókkal megismertetni a weblapokkal, portálokkal, blogokkal kapcsolatos alapfogalmakat, a portál, valamint mobil alkalmazás (appok: natív és progresszív webappok) tervezés és elemzés alapjait, módszereit (ergonómia, usability, webtipográfia, ux webdesign, reszponzivitás).

Emellett megvizsgáljuk a legújabb generációs webes, mobilos, közösségi média megoldásokat, platformokat is, hogy milyen szerepet játszanak az online tartalomfogyasztásban (pl. Google AMP, Facebook Instant Articles, Apple News, okosórák, okostévék, egyéb kütyük stb.), és a különféle böngészőket (Chrome, Firefox, Edge, Safari, Opera), keresőmotorokat (Google, Bing, Yahoo), hírgyűjtőket (Hírstart, Google news stb.).

Az elméleti ismeretek gyakorlását közös és egyéni weblap és mobil alkalmazás elemzéseken keresztül mélyítjük el. Minden hallgató kiselőadás (15-20 perc) és írásbeli beszámoló (min. 2 flekk, 1 flekk: 1500 karakter), valamint írásbeli zh formájában ad számot a gyakorlati órán ismertetett elméleti ismeretek alkalmazásáról. A hallgatók tartalmai megjelennek a Médiakapu portálon.

A szemináriumról a maximális hiányzás 3 óra lehet, a 4. hiányzást követően a hallgató adott tárgyból felvett félévét nem teljesítettnek tekintjük (szemináriumi jegye elégtelen lesz). Az óra teljes időtartamából (vagyis elejéről vagy végéről) elmulasztott minimum 15 perc hiányzásnak minősül.

Témák:

A weblapokkal és portálokkal kapcsolatos alapfogalmak.

A portálok, blogok típusai, jellemzői.

Webergonómia, weblaphasználhatóság (usability).

Steve Krug webergonómiai alapelvei.

Jakob Nielsen webergonómiája.

Webtipográfia, ui, ux webdesign.

Weblapelemzési szempontok.

A weblaptervezés alapjai, módszerei.

Új platformok, megoldások az online tartalomfogyasztásban.

Böngészők.

A 2–5 legfontosabb kötelező, illetve ajánlott irodalom (jegyzet, tankönyv) felsorolása bibliográfiai adatokkal (szerző, cím, kiadás adatai, (esetleg oldalak), ISBN):

Kötelező irodalom:

Bodoky Tamás, A hírportál, mint tömegmédium, Médiakutató, 2005 nyár.

Design Trends 2017.

https://www.behance.net/gallery/47810259/2017-Design-Trends-Guide

Gerényi Gábor: Internetes tartalomszolgáltatás, Elektromédia Kft. k., 2009., ISBN: 9789638824004., Tartalomtípusok (6-11), Használhatóság (80-87), Portálok (24-33), Felhasználói tartalmak (34- 45), Blogok (46-55)

Habók Lilla: Google AMP a mobilweb jövője? 2017. június 7.

https://www.hwsw.hu/hirek/57352/google-amp-instant-articles-mobilweb-gyorsasag-hirdetesek-szallashu.html

Krug, Steve, Ne törd a fejem! – Felhasználóbarát webdizájn, Budapest, HVG, 2008. 21-29, 41-49, 51-59, 61-81, 105-122, ISBN 9789639686533

Leiszter Attila (szerk.): Webergonómia Jakob Nielsen nyomán, Typotex, Bp., 2011. 23-32, 39-48, 58-62, 69-75, 89-96, 97-107, 132-135, 170-175, 183-196,

Pásztor Dávid: UX DESIGN. Hogyan tervezz felhasználóbarát és szerethető alkalmazásokat? UXstudio, 2016.

Ajánlott irodalom:

Bódi Zoltán: Infoszótár, Tinta könyvkiadó, Bp., 2010.

Click tracking vizsgálati oldal

https://www.useberry.com/click-tracking/

Év honlapja díjazottak 2016

http://www.mediainfo.hu/hirek/article.php?id=44258

Flat design: https://www.nngroup.com/articles/characteristics-minimalism/

http://webshark.hu/hirek/minimalista-webdesign-7-eleme/

Gálffy Csaba: Androidon tovább fejlődnek a progresszív webappok.

https://www.hwsw.hu/hirek/56783/google-chrome-android-progressziv-pwa.html

Hogyan válassz digitális ügynökséget? https://blog.fps.hu/digitalis-ugynokseg-valasztasa/

Így tud egy teljes weboldalt lefényképezni

http://index.hu/tech/helpdeszka/2017/03/20/igy_tud_egy_teljes_weboldalt_lefenykepezni/

Juhász Valéria: A blog műfaji attribútuma. https://publicatio.bibl.u-szeged.hu/28699/

Klausz Melinda: Megosztok, tehát vagyok. Szakértői kérdések és válaszok a közösségi médiáról. Athenaeum Kiadó, 2017.

Kolozsi István: Reszponzívan jól. https://blog.fps.hu/reszponzivan-jol/

Magyar Responsive Web Design. https://blog.fps.hu/magyar-responsive-web-design/

Mit nézünk és mire emlékezünk? Tippek weblapépítéshez. In: HVG Extra Business, 2013/01, 113-114.

Mobil first design. https://uxstudioteam.com/ux-blog/mobile-first-design/?utm_source=Email&utm_medium=referral&utm_campaign=newsletter&utm_source=Leads&utm_campaign=c24a41815f-EMAIL_CAMPAIGN_2016_11_03&utm_medium=email&utm_term=0_f7fe89548e-c24a41815f-146200821

Nielsen, Jakob, Web-design, Budapest, Typotex Kft. Elektronikus Kiadó, 2002. ISBN 9789639548169

Rung András – Kiss Orhidea Edit: Felhasználóbarát honlapok – Webergonómia, Budapest, Gondolat kiadó, 2006. ISBN 9789639610354

UI, UIX: http://www.technokrata.hu/gizmo/2013/05/29/mi-is-az-a-felhasznaloi-elmeny/

Tervezés: http://uxstudio.hu/ux-blog/vazlatozasi-modszerek-hogyan-jutunk-el-otletektol-egy-kesz-designig-2/

Virágh Árpád: Milyenek a magyar politikusok honlapjai? Négy honlap vizsgálata a webhasználhatóság, a kommunikáció és a műfaj-meghatározás szempontjából. Médiakutató, 2013. nyár.

Zeldman, Jeffrey - Marcotte, Ethan: Szabványkövető webtervezés, Kiskapu Kft., 2011

Webdesign trendek melyek dominálni fognak 2017-ben

http://www.newconcept.hu/blog/webdesign-trendek-melyek-dominalni-fognak-2017-ben

Média, on-line média – szakportál ajánló

http://www.adweek.com/digital/essential-multimedia-tutorials-and/?red=kw

http://archive.org/web/web.php

Android (blog.hu)

http://androidportal.hu/

https://appleblog.blog.hu/

http://blog.fps.hu

DigitalHungary – Ahol a két világ találkozik. Az élet virtuális oldala!

https://www.dugwood.com/clickheat/index.html

https://muosz.hu/

http://www.google.hu/analytics/

http://www.hwsw.hu

http://index.hu/tech/

https://infogr.am/

http://internethotline.hu/

http://internet-map.net/

http://internet.lap.hu/

http://internetszemle.blogspot.hu/

http://ite.hu/

www.jtoolkit.com

https://www.journalism.co.uk/

http://keepvid.com/

http://kereses.blog.hu/2013/04/09/adatujsagiras_csinald_magad?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Kereso_Vilag+%28Keres%C5%91+Vil%C3%A1g%29&utm_content=Google+Reader

http://www.kozossegi-media.com/

Kreatív Online - Nyitó oldal (kreativ.hu)

http://learn.shayhowe.com/html-css/

http://lens.blogs.nytimes.com/

http://www.makusz.hu

A Makúsz Online Újságírás szekció (KatNet) Facebook oldala

http://mashable.com/

http://mashable.com/2011/02/26/digital-media-resources-4/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Mashable+%28Mashable%29#5YuNi9eTXqqc

http://media.lap.hu/

http://www.mediainfo.hu/

http://mediajogfigyelo.hu/index.php

http://www.mediakutato.hu

http://media.mandiner.hu/

Médiapédia - marketing és média tudástár (mediapedia.hu)

https://www.mediapiac.com/

http://mediatanacs.blog.hu/

http://media20.blog.hu/

http://mediastorm.com/

http://www.mediatortenet.hu/

http://mediatorveny.hu/

http://media-tudomany.hu/

http://www.mmonline.hu/

http://www.netkutatasok.hu/

http://netpedia.hu

https://newslab.withgoogle.com/

Audience Is Everything® (nielsen.com)

Nieman Reports

https://www.nngroup.com/articles/

http://www.oreilly.com/openbook/wemedia/book/index.html

http://onlineujsag.lap.hu/

http://onlinejournalismblog.com/

Podcast.hu – a hazai podcastek epicentruma

http://portalkeszites.lap.hu/

https://schoolofdata.org/

https://sg.hu/

https://www.smartlook.com

http://startupdate.hu/

https://www.statista.com/

http://www.origo.hu/techbazis/index.html

http://technet.hir24.hu

http://www.technokrata.hu

http://www.ted.com/talks?sort=newest&topics%5B%5D=media

http://trendlabor.blog.hu/

http://www.useit.com/

Yahoo News: Latest and Breaking News, Headlines, Live Updates, and More

Yahoo Tech - Technology News and Reviews

http://www.theverge.com/

http://webisztan.blog.hu/

http://webdesign.lap.hu/

https://hu.wikipedia.org/wiki/Port%C3%A1l:Informatika

Azoknak az előírt szakmai kompetenciáknak, kompetenciaelemeknek (tudás, képesség stb., KKK 7. pont) a felsorolása, amelyek kialakításához a tantárgy jellemzően, érdemben hozzájárul:

a) tudása

b) képességei

Képes szakterületének új ismereteit hatékonyan feldolgozni.

Magabiztosan kezeli a nyomtatott és a digitális szakirodalmi forrásokat, a társadalomtudományi és médiakutatási adatbázisokat és a működtetésükre szolgáló eszközöket.

c) attitűdje

Elfogadja, hogy a kulturális jelenségek történetileg és társadalmilag meghatározottak és változóak.

Elfogadja a magyar és az európai identitás vallási és társadalmi, történeti és jelenkori sokszínűségét, és felvállalja ezen értékeket képviseletét.

Igénye van az Európán kívüli kultúrák megismerésére, nyitottan és elfogadóan viszonyul e kultúrákhoz.

Elfogadja és következetesen vállalja a társadalomtudományi gondolkodás sokszínűségét, és hitelesen képviseli szűkebb és tágabb környezetében ennek szemléleti alapjait.

Érzékeny és nyitott a legsúlyosabb társadalmi problémákra, szemléletét áthatja az elesettekkel és a kiszolgáltatokkal szembeni szakmai és emberi szolidaritás.

Elkötelezett a társadalmi egyenlőség, az élet minden területén érvényes demokratikus értékek, a jogállamiság és az európai értékközösség mellett és véleményét a megfelelő formában meg is tudja fogalmazni.

Nyitott a szakmai innováció minden formája iránt, befogadó, de nem gondolkodás nélkül elfogadó az elméleti, gyakorlati és módszertani újításokkal szemben.

Nyitott a kritikus önértékelésre, a szakmai továbbképzés különböző formáira, az értelmiségi világlátás önfejlesztő módszereire és törekszik önmaga fejlesztésére e területeken.

Képes kommunikációs készségek elsajátítására és ezek folyamatos fejlesztésére, önreflexióra e területen mutatott képességeivel kapcsolatban.

Öntudatosan és felelősen áll ki minden kooperációs formában a társadalom, szűkebb szakmai területe és munkahelye jogi, etikai és szakmai normáinak következetes végrehajtása és védelme érdekében.

Tudatosan képviseli azon módszereket, amelyekkel saját szakmájában dolgozik, és elfogadja más tudományágak eltérő módszertani sajátosságait.

Elfogadja és a gyakorlatban is megvalósítja az egészségmegőrző szemléletet és életvitelt.

d) autonómiája és felelőssége

A kommunikáció és médiatudomány szakmai közegeiben önálló és kezdeményező szerepet vállal az általa elfogadott társadalomfelfogás érvényesítésében.

Saját szakmai közegében olyan történetileg és politikailag koherens egyéni álláspontot alakít ki, amely segíti önmaga és környezete fejlődését, tudatosodását.

Egy szakmai munkaközösségbe kerülve képes az ottani szakmai elvárásoknak megfelelően összetett feladatok elvégzésére, illetve irányítására.

A szervezeti struktúrában elfoglalt helyének megfelelő önállósággal és felelősséggel szervezi munkáját és az irányítása alatt dolgozó munkatársak tevékenységét.

Szakmai és társadalmi fórumokon szuverén szereplőként jeleníti meg nézeteit, felelősen képviseli szakmáját, szervezetét és szakmai csoportját.

Önálló, konstruktív és asszertív az intézményen belüli és kívüli együttműködési formákban.

Felelősséget vállal az általa készített anyanyelvű és idegen nyelvű szakmai szövegekért, tudatában van azok lehetséges következményeinek.

 

 

 

 

A tárgy az alábbi képzéseken vehető fel

kommunikáció- és médiatudomány BALT-AKM alapképzés (BA/BSc/BProf) Levelező magyar 6 félév BTK
szechenyi-img-alt