Kulcsszó archívum: menü

Ismét új navigáció kap a Google

Google új Navigáció

Nyár óta tart a Google nagy renoválása, több szolgáltatás bezárja kapuit, a megmaradók pedig új ruhát kaptak. Az újítások során sok pozitív, de ugyan úgy sok negatív megjegyzést is kapott az óriás, most ismét jön egy globális változás. A változás célja most a lehető leggyorsabb váltás a különböző alkalmazások között és cserébe eltűnik a felső sávban található szürkésfekete sáv.

iOS 5 felhasználói felület [PSD]

iOS 5

Nemrég megjelent az iOS 5, ami tulajdonképpen inkább egy felzárkóztató frissítés, hasonlóan a 4S-hez. Azonban abban biztosak lehetünk hogy hasznos funkciókkal bővült a rendszer (akadnak ismerős vonások a rivális mobil OS-től). Igaz a felhasználói felület dizájnja nem változott merőben, ám az a kis változás viszont állandóan az arcunkba köszön.

Az iOS népszerűségén felbuzdulva elkészült egy Photoshop dokumentum, ami a rendszer összes alapvető grafikai elemét tartalmazza, annak érdekében hogy a jövő alkalmazásai még szebbek és a rendszerhez illőek legyenek. Egy asztali gépen megnyitva a 4300 pixel széles, 3500 pixel magas képet, hatalmasnak tűnhetnek az egyes elemek, de ez van, ilyen minőségben kell dolgozni egy kiváló alkalmazás készítése közben.

Több mint 10 év után megújult a Google

Google

Nehéz elhinni, de a Google 1999 óta semmit sem változtatott keresőjének kinézetén. Apróbb változásokat leszámítva több mint 10 év alatt ugyan azt nézhettük. Azonban 2010-ben eljött a változás ideje.

A Google már közel 1 hónapja próbálkozik az új dizájnnal, amit a mai napon be is vezettek. Ha már a Google bekerült a szótárakba, ennek az események is figyelmet kell szentelnünk.

Készítettünk egy összehasonlító képet amin remekül látszanak a különbségek. A leg feltűnőbb, hogy a bosszantóan kontrasztosa aláhúzásos linkek kellemes kék színt kaptak és az aláhúzás is eltűnt. A kék színt azért maradt meg a linkekhez, mert az internet hajnala óta ez a szín jelképezi a linkeket egy szövegben.

A nagy változás, hogy az eddig külön gombbal elérhető oldalsó menü mostantól alapértelmezetten a bal oldalon lesz. Így sokkal könnyebben váltogathatunk a keresési eredmények típusai között és nem kell külön gombokat nyomogatni. Egyébként ezt az oldalsó menüt 2006-ban vezették be, 4 évre volt szükség, hogy teljes érvényűvé válhasson.

A találati listához hasonlóan a kezdőlap is teljesen átváltozott. Sokkal kellemesebb hatása van az új gomboknak és a nemrég bekerült billentyűzet is sokkal jobban passzol az új dizájnhoz, mint a korábbi változatban. A kezdőlapról több link is eltünt, amik persze nem fognak túl nagy problémát jelenteni.

Elvesztettünk valamit, de helyette kaptunk egy tisztább minimalista dizájnt, ami nem túlzsúfolt az időközben érkező újításoknak. A régi dizájn nagy hibája az volt, hogy a kezdetek óta nem változott, így az új elemek természetesen néha elütöttek az oldaltól.

Szép lettél Google.

iPad, iPad, iPad… iPad?

Apple iPad

Az április idén az iPad hónapja. Bejelentését követően mindenhol csak a negatívumokról hallottunk, és ott kritizálta ahol csak érte ezt a csodamasináját. Mondván: “Ugyan az, mint az iPhone, csak nagyobb a kijelzője”, “Nincs rajta Multitask”, “Még mindig nem kezeli a Flash-t”

A Negatív fogattatás ellenére, mikor elérkeztünk az első megvásárolható darabhoz, igen is szép számmal akadtak fanatikusok, akiknek muszáj beszerezniük egy ilyen kütyüt. A hatalmas érintőképernyő az Apple szoftveres háttere (Appstore) lehet annak az oka, hogy a cinikus megjegyzések ellenére mégis csak kipróbálják.

Ebben a hónapban lételemmé vált maga a szó: iPad. Minden oldalnak muszáj erről hírt közölnie, hiszen ez egy 9/10-es trend. És ha nem beszélsz róla, nem vagy trendi?

A rövid kis videó angol nyelvű, de elég, ha csak a képet nézzük, az is elég jól prezentálja a kütyü tulajdonságait. A megnőtt felületnek köszönhetően kevesebb a gond az almenük kiválasztásával, nagyobb méretben látványosabb effekteket lehet létrehozni (pl.: könyvolvasó).

iPad - Sakk

Amiben igazán újítani tud, az a többjátékos alkalmazások. Már létezik egy speciális sakk program, aminek a megvásárlásakor kapunk egy bábu készletet is. Szinte már látom magam előtt, ahogy társas helyett egy iPad-dal fognak szórakozni a kisgyerekek. Akkor sem lennék meglepve, ha készítenének hozzá egy “üvegező” alkalmazást, hogy akár befolyásolni is lehessen majd a végeredményt.

Ami a Flash futtatást illeti, az Adobe lassan erre is talál megoldást. Emlékszünk, az Apple az Adobe-re hivatkozott, mikor a Flash portolásáról volt szó, közben kiderült, hogy a valódi indok az, hogy az Apple nem biztosít megfelelő hardver hozzáférést a Flash futtatásához. Az Adobe olyan plugin fejlesztését végzi, amivel egy asztali Flash projekt egyszerűen exportálható egy iPad-on is futó alkalmazássá. Ezek szerint, a jövőben – ha nem is közvetlen – de találkozhatunk majd Flash alkalmazásokkal iPad-on is.

Youtube belevág a HTML5-be

A HTML5-el kapcsán eddig csak ígérgetéseket kaptunk, meg persze megnézhettünk néhány minta oldalt, de komolyabb támogatót nem láttunk. A Youtube megtette az első lépést a mindennapi böngészés új szintje felé: Mostantól lehetőségünk van a Youtube videóinak lejátszására flash plugin nélkül a HTML5 beépített hang és videó lejátszójának köszönhetően. Jelenleg még nem kell HTML5 támogató böngésző a videózáshoz, de bárki nyugodtan kipróbálhatja és ha nem tetszik neki visszaválthat a hagyományos módszerre. A HTML5-re váltást a YouTube TestTube oldalán teheted meg. (Persze ha Chrome, Safari, vagy IE (ChromeFrame beépülővel) böngészővel próbálkozol.)

Ez volt a friss HTML5 videó néző (Chrome alatt) és itt pedig a régi Flash lejátszó, lehet összehasonlítani.

Sajnos nem minden videónál megy még a funkció, a reklámokkal vagy felirattal ellátott videók még mindig a hagyományos flash alapú lejátszóval jönnek be. A probléma oka az, hogy nem lehet a videó fölé rakni elemeket. Továbbá a HTML5-ös lejátszónál kicsit kockásabb a kép, de ez is még a jövő zenéje.

Lehet, hogy semmi különbséget nem lehet felfedezni a flash vagy HTML5 lejátszó között (max akkor, ha jobbklikkelünk és nem jön elő a flash menüje). Ez részben jó, hiszen különösebb változás nélkül akár már plugin nélkül is nézhetünk videókat, ennyi az extra. Nagy megtörést fog jelenteni az Adobe Flash-nak, ha a Youtube a jövőben teljesen átáll a HTML5-féle videó lejátszóra. Ideje lenne megdönteni a Flash hosszú évek óta tartó monopóliumát.

Az alsó menü trendi

Akinek van FaceBook-ja, az már biztos találkozott azzal a bűvös alsó menüvel. Ez a menü tényleg mindent gyorsabbá tesz, ráadásul akárhova görgetjük az egeret, biztos, hogy egy helyben fog maradni. A menü  persze nagyon praktikus lehet (ki hogy használja ki) hiszen mindig kézközelben van, kis helyet foglal el és a tartalmat sem takarja ki. (És persze Divatos trendi, divatos.)

Ezen a képen alul, az a kis szürke sáv, na az az alsó menü (bottom bar).  A FaceBook esetében van egy kis chat rész, friss események és az alkalmazások ikonjai. Egyre több oldalon raknak ki hasonlót, a Youtube már több mint fél éve és nemrégiben a Netlog.hu-n is (aminek mellesleg elég rossz az üzletpolitikája, de ez már egy másik bejegyzés lenne).

A LÉNYEG:

Hogy te is trendi lehess, odaadom neked azt a nagyon kis kódot, amivel a saját oldalad aljára kirakhatsz egy ugyan ilyen menüt. Persze még formázni kell, keretet adni neki, igazítani, de ezek már apróságok. (A menü lehet bárhol, az oldalad elején, vagy a végén, de mindig alul fog megjelenni.)

1
2
3
<div style="bottom: 0px; position: fixed; z-index: 10000;">
Alsó menü mindenkinek.
</div>

Segítség, hogy mi mire való:
bottom: 0px; – Ez rakja az egész menü a lap aljára. (bottom = alul)
position: fixed; -  Ez teszi lehetővé, hogy mindig látható legyen a menü, még ha görgetjük az oldalt akkor is.
z-index: 10000; – Például ha flash van az oldalon és ez nincs hozzáadva a menühöz, akkor a flash a menü fölé kerül, azt meg ugye nem szeretnénk.

Érted vagyunk

Érdekes cikket vagy hírt olvastál? Láttál egy jó grafikát? Sajtóközleménnyel házalsz? Szeretnél velünk megosztani egy vendég cikket?
Most elküldheted nekünk és mi leközöljük a WebRagacson!

Beküldés
Kapcsolat

Reklám