hasznalhatosag.lap.hu
Tartalom:
Reszponzív webdesign
UX Segédletek
Jól használható webes tartalom kialakítása
Felhasználóbarát navigáció
E-mail és hírlevél usability
Flash & CSS usability
Felhasználóbarát webgrafika
Reszponzív webdesign
Mi az a reszponzív webdesign?Ingyenes online kurzus (tipp)12 nélkülözhetetlen eszköz reszponzív webdizájnhozA 25 legjobb responsive design eszközUX Segédanyagok, szoftverek
25 hasznos UX segédletHogyan végezz UX auditot, usability tanácsadást? (tipp)UX tervezésnél használatos dokumentumtípusok30 kihagyhatatlan UX eszközHasznos usability eszközök webdesignerek számáraUX Design ToolsReszponzív weboldaltervezést segítő eszközökUXPin (tipp)UX szoftver összehasonlításTartalmi használhatóság
A jól megírt weboldalSzöveg olvashatóságot tesztelő segédeszköz (tipp)Hogyan olvasnak az emberek weblapokat?About Us: Hogyan mutasd be a céged?A tökéletes "Rólunk" oldal titkaiWriting for the Web (cikkek angolul)Nem mindegy, mi az oldalad webcímeEzek a szavak hatnak a webenNavigációs használhatóság
A mágikus F betűA "webmorzsákról" (breadcrumbs)Így segítsük a tájékozódást weboldalunkonJotForm - online űrlaptervezőMár nem használjuk a "vissza" gombotNavigáció (Usable Web)Ilyen gombokat használj a honlapodon9 hasznos tipp webhelyed szerkezeti felépítéséhezInteraktivitási használhatóság
Amit a sikeres hírlevél készítéshez tudni érdemesÍgy programozz le hírlevelet - e-mail marketing a gyakorlatban (tipp)10 jó ötlet hírlevél feliratkozási panel készítéséhezA hatékony hírlevél feliratkozási folyamat 7 lépése E-mail hírlevél (NNgroup)Hatékony form dizájn kialakításaHogyan tervezzünk regisztrációs folyamatot?Űrlapok (Merges)A hatékony webes űrlapok 8+1 pontjaÍgy készíts tökéletes "Kapcsolat" oldalt weboldaladraThe New Rules of Form DesignTypeformTechnológiai használhatóság
Designes's guideFelhasználóbarát Flash tartalomfejlesztésGoogle Accelerated Mobile Pages ProjectHow to create flexible sites quickly using standards like CSS and XHTML?5 lépés az akadálymentes PDF-hezWord-dokumentumok akadálymentesítéseLegyen használható az url-ünk!Schema.org - szabványos meta tag-ek kialakításaWeboldal betöltési sebesség teszt és összehasonlításWeboldal sebesség tesztelése4 ingyenes oldal sebesség mérő eszközGrafikai használhatóság
A 10 legnépszerűbb weboldalon használt szín elemzéseA keret használata (WDG)Design (Web Style Guide)Felhasználóbarát flash tartalomFlat design vagy material design?Grafikai használhatóság Linkek vizuális megjelenítéseTipográfiai irányelvek a jobb felhasználói élményértOldalak struktúrája, küllemeSzínek, fotók, képek a weboldalonTipográfia a webenA Gutenberg elvA minimalista webdesign alapjaiOlvashatóbb és kényelmesebben használható szövegek készítése UX Color ToolUsability (használhatóság) fogalma
Használhatósággal kapcsolatos meghatározások (tipp)Usability meghatározás a WikipediánUX vagy UI - mi a különbség?Usability meghatározás (Webopedia.com)Usability (UX) oktatás, képzés, tanfolyam, előadás
UX design tanfolyam - Grafikus Akadémia10 népszerű UX/UI kurzus52 weeks of UXMásoddiplomás onlinemarketing képzésOnline Marketing AkadémiaSämling Kft.XLabs UX képzésekUX/UI Design tanfolyam - BudapestUX Design tanfolyam - Grafikus AkadémiaWireframe tervezés kezdő UX dizájnereknekUX mobilon, mobil usability
Ergománia - Mobilalkalmazások tervezése UX szempontok szerint20 Beautiful Mobile User Interface For Your InspirationMobil usability
Igy legyen mobilbarát a honlapod: útmutató lépésről lépésre (tipp)Online teszt: mennyire mobilbarát a weboldalad?Bünteti a Google a nem mobilbarát oldalakatIngyenes UX kurzus mobil fejlesztőknekMobilbarát honlap gyorstesztTanácsok, irányelvek a mobilbarát UX fejlesztéshez Webergonómia cikkek, blogok, tanulmányok magyarul
Ergománia - UX, Service design blog10 plusz 1 tipp valid html-oldalak készítéséhez8 terület, ahol fejlesztened kell a weboldalad használhatóságátAmilyen a mosdó, olyan a törülköző, avagy...Bakos Szabolcs blogjaErgománia - UX, webergonómia, Service design blogDBN webdesign blogGépélmény blogTapasztalatok szemkamerával - mire jó az eye-tracking?Így készítsünk ronda weboldalakat...Így (ne) készítsen webáruházatIkonvakság és stabilitásigényErgománia - UX, Service design blogJUEX - JUzer EXpirienszKezdő UX-esek kiskátéjaLinképítés: tippek, tanácsok, tudnivalókMiért fontos weboldalunk használhatósága?Milyen jogszabályok írják elő, hogy egy honlap akadálymentes legyen?O.M.A. blog - webergonómia rovatSzakdolgozatok, értekezések, elemzések (tipp)Németh Orsi blogja akadálymentességről (is)10 tipp, amivel drasztikusan javíthatod a felhasználói élménytTrendek és tendenciák a képernyőolvasó szoftverek világábanUsability postok a WebisztánonUsability rémálomUserGravityWebergonómia - az alapok összefoglalása 6 részbenWeboldaltervezés - hagyományos és innovatív módszerek I.Usertesztelés, avagy egy kvalitatív kutató kalandjai a UX-kutatásbanÚj törvény készül a közszférabeli szervezetek honlapjainak és mobilalkalmazásainak akadálymentesítésérőlDesigner jövőkép, avagy hová tart a UI design?Webergonómia cikkek, blogok, tanulmányok (angol)
Appcues blogAskTog (Bruce Tognazzini)ClickZDark UX: Dirty Tricks and Tactics Introducing: U.S. Web Design Standards (tipp)ItrainOnline.orgJournal of Usability StudiesNielsen Norman GroupPeterme.com ( Peter Merholz)See-how-support.comShorewalker.com (D. Walker)Thoughts about user interface design and strategyUI vs UX: what’s the difference? University of Minnesota DuluthUsability firstUsability.govUsabilla blogUsable webUser experience videosUser Interface EngineeringUX BoothUX for the masses (tipp)Usability-vel foglalkozó cégek
37 signals5-second-testAdvanced Common Sense HomeCarnationKETSHNetrixNielsen Norman GroupNRC systemconceptsSzinapszis Egészségügyi Kft.TestbirdsFacebook oldalak
TechnetSE HungaryeOldal.hu a weblapkészítőVatera.huT-Mobile HungaryLG MagyarországVodafone HungaryTelenor HungarySamsung MagyarországMicrosoft Office MagyarországUX szakemberek, webergonómia szakértők
The International Association of Accessibility Professionals (IAAP)Bartha GizellaHerendy CsillaNémeth ÁdámPásztor DávidSzántai Károly (tipp)Usability szervezetek, események
Szervezetek, események
UXPA - User Experience Professional Association (tipp)The Usability Training Centre (UK)World Usability DayUX AwardsKonferenciák, workshopok
UXPA Conference 2019EuroIA UXPA Conference Usability Week Usability tesztelés módszerei
The UX Audit: A Beginner’s GuideGazeHawk - Eyetracking servicesMódszerek honlap használhatóság teszteléséreReal EyesUsability.govUsability methodsHotJarUserTesting.comWebergonómia könyvek, usability könyvajánló
(Szinte) kötelező olvasmányok UX-eseknek (tipp)Jakob Nielsen: Web-ergonómiaCost-Justifying UsabilityUX Design BooksJ. Nielsen: Homepage UsabilityNielsen: Designing Web UsabilityPractical Guide to Usability TestingS. Krug: Don't Make Me ThinkArticulating Design Decisions Web Navigation: Designing the User ExperienceNielsen: The Practice of Simplicity Forms that work: Designing web forms for usabilityLeiszter Attila: WebergonómiaUX DesignWeblap-akadálymentesítés
Elméleti háttér
AccessAbilityA weboldal akadálymentesség 4 fő alapelve (tipp)Hogyan használják a webet a fogyatékkal élőkHa csak 10 dolgot tudsz az akadálymentes honlap készítésről.....Akadálymentes honlapkészítés: néhány alapelvA Weblabor cikkei weblap akadálymentesség témakörben (tipp)Web Akadálymentesítési Útmutató 2.0 (WCAG 2.0)Paramedia (hazai) (tipp)W3C (hazai)A gyakorlat: cégek, amelyek akadálymentesítenek
Abfox Kft.Edelényi Zsolt Hostonic OnlinePatroNetSzántai KárolyWebaimCikkek, írások, tippek web akadálymentesítés témában
Bevezetés az akadálymentes weblapfejlesztésbeAz INPUT mezők akadálymentesítése10 ingyenes képernyőolvasóTyphography: AccessibilityAkadálymentességet segítő lehetőségek...még több web-akadálymentesítés
Meghatározás:
Mit is jelent a usability? Nincs rá egyetlen jó magyar szó: hívjuk használhatóságnak, webergonómiának is. A weboldalak ergonomikus, felhasználóbarát tervezésének módszereit, eljárásait bemutató linkgyűjtemény, amely hangsúlyt fektet az akadálymentes honlapok készítésének módszertanára, a megvalósult jó példák némelyikének bemutatására is.