WEBFEJLESZTÉS.
WEBDESIGN.

EMBERARCÚ WEBOLDALAK.







Tudtad-e ...

... hogy ma már egész másról szól a webfejlesztés, mint akár 8-10 é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 ne 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.

Blackerie minta WP oldal

Továbbá 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?




Lépésről lépésre

Í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 oldalak

Készítettem két demó oldalt pár "kötelező" elemmel, hogy tovább demonstráljam, amiről itt beszélek. Viccesek és komolyak is egyben!

Az első egy egyszerű tartalmú html oldal.

Blackerie minta oldal

A másik WordPress alapú. Ha olyan weboldalt szeretnél, amit magad is tudsz utólag szerkeszteni, és/vagy rendszeresen van friss tartalmad, akkor ilyesmire lesz szükséged.

Blackerie minta WP 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 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.