18 Jó weboldalak konyhai tervezése (Facelift)
Ha a tartalom király, a designnak a királynőnek kell lennie. A webhely sikerének halálos döntő eleme, mivel eldönti, hogyan kell strukturálni és megjeleníteni a tartalmat, és a rossz design egyszerűen tönkreteszi a felhasználói élményt, így a webhely forgalma.
Gyakran webes tervezőnknek kereskedelmi játékot kell játszanunk, miközben egy webhelyet tervezünk. Mi vagyunk a kereskedelem szépségét a funkcionalitás, vagy a funkcionalitás az olvashatóság, mivel lehetetlen olyan design, hogy tetszik mindenki minden szempontból.
Tehát melyik design jobb? A webes tervezők szeretik ezt a kérdést, és néhányan még kihívtak magukat arra, hogy jobban játszhassanak a kereskedési játékban a híres helyek, például a Facebook és a YouTube újratervezésével, és ezáltal potenciális terveket alkossanak ebben a bemutatóban. Jobb, vagy rosszabb, ha a felhasználó úgy dönt, élvezze!
Hivatalos statisztikája szerint a Facebook több mint 500 millió aktív felhasználót szolgált, 700 milliárd percet költött rá. Ilyen statisztikák esetében valóban stresszes lesz egy weboldal elkészítése. Ugyanez lehet az oka annak is, hogy sok tervező megkérdőjelezte magát a Facebook újratervezésében. Nézzük meg az alábbi tervezők nagyszerű kísérleteit:
Koncepciótervezés: Barton Smith
“A Facebook Facelift egy saját kezdeményezésű projekt a Facebook formájának és funkcionalitásának kihívására. Az egyszerűsített, strukturált és lineáris interfész érthetőbb, növeli a felhasználói élményt és a tartalom felszívódását.”
Főoldal. (Képforrás: Barton Smith)
Fotók oldal. (Képforrás: Barton Smith)
Események oldal. (Képforrás: Barton Smith)
Kapcsolatok oldal. (Képforrás: Barton Smith)
Értesítések oldal. (Képforrás: Barton Smith)
Koncepciótervezés: Információ Építészek
Ez az innovatív design 2006 decemberétől született, és később a korszerű tervezési szabványokhoz igazodik, annak érdekében, hogy tisztességes összehasonlításban részesüljenek a Facebook jelenlegi designjával. Az elképzelés az volt, hogy hozzon létre egy leveles alkalmazást, melynek felülete rugalmas, 3 oszlopos elrendezést tartalmaz, amely egyértelműen elválasztja a szűrőt, az információáramot és a reakciót, és amelyek egyértelműen meg vannak magyarázva a hozzászólásukban.
Főoldal. (Image Source: Information Architects)
Koncepciótervezés: Justin Dauer
“Az egyik elsődleges célom az volt, hogy a felületet több webes alkalmazás-előadás felé mozgassam. A Facebook-on naponta 175 millió ember jelentkezik be; az ilyen használathoz kapcsolódó minden ismétlődő feladat elősegíti ezt a megközelítési módot. Amikor ezt az újratervezést csomagoltam, elindult a Twitter új app-szerű felhasználói felület, és egy pillanatra adtam Stuart Smalley-szerű érvényesítést.”
Főoldal. (Image Source: pseudoroom design)
Koncepciótervezés: Knoll Peter
Peter Knoll nagyon elegáns kialakítása. A grafika jelentősen javult, hogy az egész webhely vonzó és ígéretes legyen. A kezelőfelület sokkal tisztább, szép, jól olvasható tipográfia.
Főoldal. (Képforrás: Peter Knoll)
Koncepciótervezés: AndasoloARTS
Az AndasoloARTS által végrehajtott Facebook variáció, még eladható! A színséma meglehetősen hasonlít Peter Knoll tervezéséhez, de összességében másképp. Ismét egy nagyon elegáns design minimalizmus szem előtt tartva.
Főoldal. (Képforrás: AndasoloARTS)
Koncepció kialakítása By: Jonaska
Az AndasoloARTS Facebook dizájnja ihlette dizájnja is nagyon egyedi! Szeretem a státuszmegosztás és a keresőmező megvalósítását, ami valóban egy jól megtervezett változat.
Főoldal. (Képforrás: Jonaska)
Koncepciótervezés: Czarny-Design
Mit szólnál egy szexi kialakításhoz, lekerekített sarkokkal? Egy teljesen egyedülálló design-megközelítés a Facebook-hoz, kissé megváltozott színsémával, elfogadhatja?
Főoldal. (Képforrás: Czarny-Design)
Az én helyem
Amint a szociális hálózatok behemótja, a Myspace-t végső soron a fő versenytársa, a Facebook vette át. Most már My_____-ként viselkedik, és ez a vezető társadalmi szórakoztató célpont lesz, amely magában foglalja a zene, a filmek, a hírességek, a televízió és a játékok, akiket a rajongók szenvedélye táplál. Az alábbi minták megpróbálták a régi Myspace-t, de még mindig nagyszerű, ha megnézzük, hogy mit tervez a Myspace-nek..
Koncepciótervezés: Rafael Oliveira
“Mi van, ha a Myspace alapértelmezés szerint világosabb, definiáltabb és gyönyörűebb felületet tartalmaz, de mégis lehetősége van a személyre szabására, de érthetőbb módon? Ez az a kérdés, amit magam indítottam el, amikor ezt elkezdtem, és hűvös projekt lett. A vizuális formatervezés mellett javaslom néhány használhatósági fejlesztést, amelyek a webhelyen már meglévő tartalmakon alapulnak, és megnézik a webhelytérképüket.”
Főoldal. (Képforrás: Rafael Oliveira)
Csatornák menü. (Képforrás: Rafael Oliveira)
Fotók oldal. (Képforrás: Rafael Oliveira)
Egyedi profiloldal. (Képforrás: Rafael Oliveira)
Előadó oldal. (Képforrás: Rafael Oliveira)
Művész oldal - Testreszabott. (Képforrás: Rafael Oliveira)
Videók Csatorna oldal. (Képforrás: Rafael Oliveira)
A világ több mint 1 milliárd keresési kérésének feldolgozása a Google a Föld leghíresebb honlapja. Ez az úgynevezett királyság, amely megpróbálja uralni az internetet olyan felhasználóbarát termékek építésével, mint az Android, a Gmail és az Analytics. Mivel a Google-nak rengeteg csúcsminőségű tervezője dolgozik a weblaptervezésén, minden újratervezési kísérlet közvetlen kihívást jelent a tervezők számára. Érdekes.
Koncepciótervezés: Craig Reville
“Mivel a Google úgy döntött, hogy egy kicsit újrafogalmazza a dolgokat, azt hittem, megyek, hogyan szeretném látni és használni a Google-t. Az ikonokon vagy a logón nem mentem el vadon, elsősorban azért, mert az ikontervezők jobban tudtak dolgozni, és szeretem ezt a logót. Bármilyen és minden visszajelzés értékelhető.”
Főoldal. (Képforrás: Craig Reville)
Keresési eredmény oldal. (Képforrás: Craig Reville)
Keresési eredményoldal - 2. koncepció. (Képforrás: Craig Reville)
Képkereső eredmény oldal. (Képforrás: Craig Reville)
Koncepció kialakítása By: FloxDesign
Egy kicsit olyan, mint Bing, de inkább epikusan. Tisztelettel szeretném, ha ezt a végső félelmetes tervezést szeretném elérni a Google főoldalára.
Főoldal. (Képforrás: FloxDesign)
Youtube
A (z) 3. hely a globális és a 4. helyen az Egyesült Államok webhelyforgalmában, a YouTube egy olyan webhely, ahol videókat fedezhet fel, nézhet, feltölthet és megoszthat. A legtöbb tartalmat az egyének töltötték fel, de a híres médiák, mint a CBS, a BBC, a Vevo és a Hulu, a YouTube partnerségi program részeként saját videókat szolgáltattak. Megpróbál-e újratervezni egy olyan webhelyet, amelyet naponta több mint 2 milliárd alkalommal tekint meg? Tették.
Koncepciótervezés: Michele Byrne
Egy sima újratervezés, amely jobban hangsúlyozza a videó megtekintését és megosztását. Egyedi megközelítést alkalmaznak erre a kialakításra, bár a felhasználói felület egy kicsit hasonlít a Vimeo-hoz. Nagyszerű kísérlet.
Főoldal. (Képforrás: Michele Byrne)
Videó oldal. (Képforrás: Michele Byrne)
Felhasználói oldal. (Képforrás: Michele Byrne)
Videó információ. (Képforrás: Michele Byrne)
Ajánlott videó. (Képforrás: Michele Byrne)
Koncepció kialakítása By: Josh Collie
“Az évek során az egyik legnagyobb tapadásom a YouTube-on az volt, hogy képtelen voltam más videókat keresni, miközben videót nézett, és nem olvastam megjegyzéseket anélkül, hogy a videó a képernyő tetején görgetett volna. Az alábbi tervezés megkísérli megoldani ezt a problémát, ha három külön görgethető oszlopot tartalmaz, beleértve a keresést, a videót és a megjegyzéseket.”
Főoldal. (Képforrás: Josh Collie)
Felhasználói oldal. (Képforrás: Josh Collie)
Koncepciótervezés: Thadeu Morgado
A YouTube főoldalának újratervezési kísérlete. A stílus meglehetősen azonos, kivéve, hogy a teljes elrendezést átalakították, és egy nagy, sima csúszkával egészül ki, hogy nagyobb hangsúlyt fektessen a kiemelt videókra.
Főoldal. (Képforrás: Thadeu Morgado)
amazon
Az Amazon 1995-ben vált online, és most vált a multinacionális e-kereskedelmi vállalatnak, amely a legnagyobb választékot kínálja a könyvek, magazinok, zene, DVD-k, elektronikus, számítógépes, szoftveres, cipő, szinte mindent! Mivel ilyen hatalmas üzletük van, világszerte a tervezők kihívást jelentenek a tervezés javítására, hogy még szépebbé és természetesen felhasználóbarátvá tegyék..
Koncepciótervezés: Trevor Cleveland
“Három egyedi koncepciót akartam felfedezni az Amazon honlapjának újratervezéséhez a hajtás felett. Az Amazon az egyik vezető online bevásárlási hely, de a folyadék honlapja kisebb méretű méretekre van beállítva, így a webhely nagyon újszerű, nagyobb felbontású számítógépeken néz ki. Tehát három ötletet akartam bemutatni az Amazon felgyorsításához.”
Első koncepció - Főoldal. (Képforrás: Trevor Cleveland)
Első koncepció - menü. (Képforrás: Trevor Cleveland)
Második koncepció - Főoldal. (Képforrás: Trevor Cleveland)
Második koncepció - menü. (Képforrás: Trevor Cleveland)
Harmadik koncepció - Főoldal. (Képforrás: Trevor Cleveland)
Harmadik koncepció - menü. (Képforrás: Trevor Cleveland)
Koncepciótervezés: Maurice Kindermann
Nincs újratervezési kísérlet, ha nincs probléma a jelenlegi tervben, Maurice Kindermann Amazon designja a legjobb példa erre az esetre. Az Amazonas jelenlegi dizájnja miatt elkeseredett Maurice újratervezte az oldalt, hogy megoldja a három konkrét kérdést: a túlterhelt képernyőfelbontás, a töredezett vásárlási opció és az elárasztott tartalom.
Főoldal. (Képforrás: Maurice Kindermann)
IMDb
Az IMDb (internetes filmadatbázis) a legnagyobb, legjobb, leginkább díjnyertes filmoldal a bolygón, az online filmekkel, televíziós műsorokkal, színészekkel, termelési személyzet személyzettel, videojátékokkal és kitalált karakterekkel kapcsolatos információs adatbázis. vizuális szórakoztató média. A webes tervezők számára nagy kihívást jelent a webhely újratervezése oly módon, hogy az információt hatékonyan mutatja.
Koncepciótervezés: Vladimir Kudinov
“Miért nincs az aktuális IMDB-tervezés? Túlterhelt. Nagy mennyiségű strukturálatlan információ. Míg az ilyen oldalak legtöbb felhasználója főként a képekre, videókra és többre fordítja a figyelmet.
Tehát tiszta és elegáns kialakítású voltam. Itt a felhasználó kap egy képernyőt, amelyen a filmről van információ: fényképek, színészek, pótkocsik, történet és sok más. Nem kell csavarni, forgatni, olvasni. Mindössze annyit kell tennünk, hogy megnézzük a képernyőn.”
Film oldal. (Képforrás: Vladimir Kudinov)
Menü. (Képforrás: Vladimir Kudinov)
Játékos pop-up összetevő. (Képforrás: Vladimir Kudinov)
Top panel. (Képforrás: Vladimir Kudinov)
Koncepciótervezés: Rob Hendricks
“Nem nehéz megérteni, hogy az aktuális IMDB webhely annyira zavaros. Az a tény, hogy van egy csomó tartalom. A megfelelő információ architektúra kulcsfontosságú volt ennek megváltoztatásában.”
Főoldal. (Képforrás: Rob Atomic)
Négyszögben
A Foursquare használatával a felhasználók megoszthatják jelenlegi helyüket “bejelentkezés” okostelefonalkalmazáson vagy SMS-en keresztül, a helyszínekre vonatkozó könyvjelzők, valamint a közeli helyekről szóló javaslatok elhagyása. A helyi kereskedők a Foursquare-t is használják ügyfeleik megtartására és megtartására. A Foursquare újratervezése nagyon nehéz feladat, mivel ez egy teljesen egyedülálló szolgáltatás, így több tanulmányra van szükség.
Koncepciótervezés: Clay Parker Jones
Clay Parker Jones úgy véli, hogy a térkép egy igazán remek kiegészítő a Foursquare felhasználói oldalához, mivel a szolgáltatás a helyszínről szól. A térképre kattintva összecsukható az információs statisztika, amely 4 különböző nézettel elérhető. Az oldal további bővítményei a hírcsatornák, a tetszések, a tippek és a javaslatok, amelyek nagyon hasonlítanak egy szokásos szociális hálózati oldalra!
Felhasználói oldal. (Képforrás: exitcreative)
Visszaverődés
Nem számít a tervezési szempontból, minden felhasználó időbe telik az új kialakításhoz. A kérdés, mint felhasználó, szeretné megváltoztatni a fenti tervek bármelyikét, vagy jó az aktuális tervvel? Gondolja, hogy ezek a megoldások megoldják a felhasználói élmény problémáját? Úgy gondolom, hogy ezek a tervek úgy készülnek, hogy megkapják az Ön véleményét, ezért ne habozzon megosztani, mit gondolsz róluk, minden vélemény számít!