WEBFEJLESZTÉS.
WEBDESIGN.

EMBERARCÚ WEBOLDALAK.







Tudtad-e ...

... hogy ma már egész másról szól a webfejlesztés, mint akár 5 éve?



Biztosan észrevetted, hogy ma a menő weboldalak egész másképp néznek ki:

Bazi nagy betűk , hatalmas képek, és első látásra kevés, szellősen elhelyezett szöveg fogadja a látogatót.
No, meg ilyen diavetítésekkel próbálják odacsalogatni és ott tartani a tekintetedet ... :)

Miért?

A mai internetező nem olvas. Csak áttekinti a tartalmat. Legalábbis elsőre.
Ha nem ragadja meg, amit lát, azonnal továbbáll.

Ennyire ostobák és igénytelenek lettek az emberek?

Nem feltétlenül. Inkább máshol kell keresnünk a választ:

1. Rengeteg információ zúdul ránk a nap minden percében. Minden oldal, ráadásul minden ismerősünk is azzal szeretne népszerű lenni, hogy ő is megosztja azt, ami érdekes, szép, elgondolkodtató, sokkoló, felháborító, tragikus, stb.

Az online média kattintásokkal keresi a kenyerét, tehát mindent elkövet, hogy megszerezze a mienket is.

Az emberek pedig mit tehetnek? Megpróbálnak szelektálni...
2. Mozgás közben vagyunk. Tudtad?
Az internetes kereséseknek már több mint fele mobil eszközről érkezik!

Az emberek jellemzően már nem csak a gépeik előtt neteznek, hanem menet közben (utazás, tévézés, evés, beszélgetés...) közben. Nem csoda, hogy nincs ott a teljes figyelmük.

Elsősorban csak pásztáznak a szemükkel, és csak akkor fókuszálnak igazán, ha ráakadnak az őket érdeklő dolgokra. Vagy ha úgy van prezentálva a tartalom, hogy felkelti a figyelmüket.

Örüljünk ennek?


Tehát a feladat?

Először is: weboldalunk legyen reszponzív, azaz bármilyen eszközön tisztességesen jelenjen meg, és könnyen használhetó legyen. Kb igy:

kép Responsive_Web_Design_for_Desktop,_Notebook,_Tablet_and_Mobile_Phone Egy jó és egy rossz példa egymás mellett.

Például itt van két orvos-kereső oldal. Te melyiken keresnél szívesebben?

Nem reszponzív példa
Reszponzív példa

És nem csak a könnyebb kezelhetőség a kérdés!

A Google is bünteti a lemaradókat Mivel a mobilról érkező keresések száma már meghaladja a hagyományosakat, a Google úgy döntött, ideje kiszolgálni a mobil felhasználókat:
2015 tavaszátől úgy módosították a kereső algoritmusát, hogy a mobilos kereséseknél előrébb kerülnek a mobilbarát tartalmak.

Vagyis aki a webes tartalmával nem alkalmazkodik a változó világhoz, az lemarad...

A szöveg pedig legyen kevés, lényegre törő, és szellősen elhelyezett.
Viszont kellő érdeklődés esetén legyen lehetőség mélyebbre ásni.
Vagyis a további tartalom előcsalogatásának feltétele...


Ó, akkor tehát kíváncsivá kellene tenni a látogatót!

Milyen eszközeink vannak erre?

  • Első a jó tartalom!

    Ha ez hiányzik, hiába dizájnoljuk a semmit...
    Nagyon kiábrándító tud lenni, ha a gyönyörű kezdőképernyő unalmas tartalomban folytatódik.

  • Aztán a tálalás.

    Használjunk természetes nyelvet és rövid mondatokat.

    Ha megpróbálunk a látogató fejével gondolkodni, és a saját kérdéseit, gondolatait látja viszont a gombokon, linkeken, szinte nem is tud ellenállni a csábításnak, hogy megnézze, mi van ott :)

    A bővebb információt például tehetjük   felnyíló ablakokba...

    Ikonok használatával is segíthetjük a tömör információátadást, a könnyebb tájékozódást. Néha elég csak ennyit mondani:   

    Egyszóval: igyekezzünk nem megnehezíteni, hanem megkönnyíteni a látogató dolgát.

  • És nem utolsósorban: nagyon fontos, hogy szerethetővé, személyessé tegyük a tartalmunkat. Az egyedi képek, egy személyes hangvételű Rólunk blokk, vagy egy lelkesen vezetett Facebook oldal mind jó eszközök a látogatók megszólítására.



Blackerie minta oldal

Nézd meg ezt az egyszerű tartalmú minta-weboldalt, amiben pár "kötelező" elemmel próbálom demonstrálni, amiről itt beszéltem. A tartalom elég komolytalan, de ez szándékos. Próbállak rávenni, hogy végiggondold, hogy a te mondanivalód hogyan strukturálható úgy, hogy jól illeszkedjen egy hasonló tagolású weboldalhoz.

Ha olyan weboldalt szeretnél, amit magad is tudsz utólag szerkeszteni, és/vagy rendszeresen van friss tartalmad, akkor feltétlenül nézd meg ezt a másik, WordPress alapú demo oldalt is.

Meríthetsz ihletet ügyfeleim számára készült munkáimból is .

Nagy kihívás?

Szeretnéd, ha együtt gondolnánk át a tartalmadat?




Tyúklépések

Így hívnám ezt az általam készített szokás-fejlesztő webalkalmazást, ha magyarul lenne :)

Szóval, igen, készítek webalkalmazásokat is, de ennek részleteiről nehéz közérthetően beszélni :)
Inkább nézd meg, próbáld ki, aztán ha ötleted van, keress nyugodtan!

A Babysteps amúgy azoknak segít, akik szeretnének a szokásaikon változtatni.

Igazából simán használható magyarul is, ha nem zavar az angol kezelőfelület.

Hadd próbáljam ki!

Babysteps habits tracker

Minta oldal

Készítettem egy egyszerű tartalmú minta-weboldalt pár "kötelező" elemmel, hogy tovább demonstráljam, amiről itt beszélek.
Vicces és komoly is egyben!

Blackerie minta oldal

Rólunk

A Blackerie nem más, mint egy Fekete család!

  • Egyelőre főleg az anya (Anita) munkahelye és játszótere.

  • De ott van mellette a két kamasz (már-már felnőtt) fiú, akik inspirációt és rálátást biztosítanak a következő generációra. Nem rejtik véka alá a véleményüket, segítenek a tesztelésben és tőlük jönnek a leghasznosabb hibajelentések. Időnként a leglelkesebb tanítványok - máskor inkább lusták.
    Ja, és állandóan kérik az ebédet :)

  • És mindebből semmi nem lenne Black (a családfő) nyújtotta háttér nélkül!

Rólam

miss black

Fekete Anita vagyok, közgázos, tanári és némi webes múlttal.

    Épp csak nemrég csöppentem erre a területre, amikoris egy kétségbeesett jövőkeresés közepette belebotlottam a Harvard Bevezetés a Számítástudományba online kurzusába, ami aztán teljesen beszippantott, és azóta sem ereszt el :)

    Ha körülnéztél az oldalon, van már egy képed rólam. Ezt itt mind én csináltam - csinálom, lassacskán, a saját tempómban, ahogy az időm engedi.
    Kísérletezem, szeretem, ha új dolgok, új irányok születnek, és azt sem bánom, ha csak lassan forrnak ki.

    Imádok a színekkel és a szavakkal játszani, és programozni is szeretek. Azt tartom az igazi kihívásnak, hogy úgy jelenítsem meg az információt, hogy a látogatónak legyen kedve időt tölteni a weboldalon.

    A Googlenak is dolgozom, ilyen tesztelés-szerű háttérmunkát. Eközben weboldalak százait kell meglátogatnom (most már mobilon) és értékelnem. Ezalatt egész jó képem lett arról, mi a helyzet a magyar és a nemzetközi weben.
    Szóval egyszerre mindkét oldalt látom: azt is, hogy milyen weboldalakat szeretne látni a Google a top pozíciókban, és azt is, hogy milyeneket találnak a felhasználók :)

    Közben azért a tanár se halt ki belőlem. Tehát ha úgy gondolod, hogy nem készíttetni szeretnéd a weboldalad, hanem irányítás alatt saját magad csinálni, azt is lehet! Nem ördöngösség, és nem muszáj hozzá programozni, van sok könnyen használható cucc. Jöhetsz élőben vagy Skypon is.