A webdesign egyik legfntosabb kérdése : Áttervezés vs. átalakítás

HU | ENG

A Google továbbment

2011-08-04 13:19:00

Ma, ha gyors információra van szükség, szinte mindenkinek a Google jut eszébe. A Google titkos keresőalgoritmusa tényleg meggyőzte a világtot, igaz vannak riválisok de valljuk be,...
Tovább olvasom 

Twitter Facebook Myspace Iwiw Rss

Nyomtatott vs. on-line sajtó, haldokolnak az...

 A nyomtatott sajtótermékek olvasottsága rohamos csökkent az utóbbi években, ezzel együtt az online magazinok olvasottsága is elmarad a vártnál.... Összefoglalás a nyomtatott és online sajtó jelenlegi helyzetéről és kilátásairól.-Ságodi Anikó online marketing tanácsadó véleménye 

Jön a HTML 5

Az interneten megjelenő tartalom nyelve a HTML. Több szabvány is létezik (HTML 4.01 és változatai, vagy az XHTML 1.1), de pl. a HTML 4.01 szabvány 2000... Jön a HTML 5 

Hogyan lehet része marketing eredményeidnek egy...

Az esetek túlnyomó részében a Facebook marketing a számok játéka, ahol a legtöbb LIKE megszerzése a cél. Ilyen az emberi természet. Mindig többet... Marketing eredmények és a Facebook Like-ok 

A 10 legjobb flash weboldal 2011-ben

Az ebizma.com által összeállított listát mutatjuk be a 2011-es év legjobb Flash honlapjainak ítélt alkotásairól. A listát a képi megjelenés, a... A 10 legjobb flash weboldal 2011-ben 

Tarts lépést a Facebook fejlesztéseivel!

A Facebook állandóan változtat. Egyszerű felhasználóként talán csak annyi tűnik fel, hogy megjelent egy új menüpont, vagy egy funció nem úgy... Facebook alkalmazás fejlesztés 

Külső weboldalak kapcsolata a Facebookkal

A médiát követve napjában tucatszor is hallhatjuk, olvashatjuk, hogy "megtalál bennünket a Facebookon" vagy "csatlakozzon hozzánk a Facebookon", és az... Facebook kapcsolatok 

Hogyan válaszd ki webdesignered?

Rengeteg webdesigner közül választhatsz ma a piacon. De mi alapján találhatod meg a neked megfelelőt? Milyen a jó webdesign? 

Foursquare alapok

A Foursquare egy közösségi szolgáltatás, mely helymeghatározáson alapul. A szolgáltatás elérhető mindazok számára akiknek olyan telefonjuk van,... Foursquare alapok 

Milliók informatikai fejlesztésre, új honlapra

 Informatikai fejlesztésre kiírt pályázaton indulhatnak idén a kis- és középvállalkozások július 1-től. Összesen 10,8 milliárd forint áll... Pályázzon honlapra 

Facebook - felhasználói szemmel

"Nem oly rég óta vagyok Facebook felhasználó. Valójában főnöki utasításnak tettem eleget amikor regisztráltam. Nem is értettem mi ez a nagy... Egy Facebook felhasználó 

Nyílt forráskódú tartalomkezelők vagy...

 Manapság, ha egy induló vállalkozás vagy szervezet meg kíván jelenni a világhálón, számtalan lehetőség közül választhat. Ahhoz, hogy az... Webfejlesztés 

Közösségi média marketing - legyél naprakész!

Napjainkban a social networking (társadalmi hálózatok) az egyik legnépszerűbb kommunikációs mód sok ember, csoport, vállalkozás számára. Ez egy... Abfox a közösségi médiában 

Hogyan válnak cikkeink hatékony marketing...

Mialatt az online üzleti világ folyamatosan változik, és a webes marketing taktikák folyamatosan fejlődnek, a marketing cikkek használata még mindig... Keresőoptimalizálás egyszerűen 

A telefonom az életem

100 okostelefon tulajdonost kért meg  a ProsperMobile Insights, hogy jellemezze kapcsolatát a telefonjával.  Több mint a fele vallotta, a... A telefonom az életem 

10 példa gerilla marketing kampányra

 Miért működik a gerilla marketing? Azért, mert könnyen megérthető, könnyen alkalmazható és felháborítóan olcsó. Vallja ez Jay Conrad... Gerilla marketing 

Online marketing üzleti ebéd

Honlapkészítésre kiírt pályázatunk eredményét 2011. április 19-én, egy üzleti ebéd keretein belül hirdettük ki. Az Abfox Kft. és az Árindex... Honlapkészítés pályázat nyertesei 

Minden idők top 20 YouTube videója és videó mémje

Hogy mi az a MÉM, és hogy mi az a "csillámfaszláma"? Nos, talán furcsa lehet egy hivatalos honlapon egy ilyen cikk, azonban ez mégis ide illik, hiszen nem... Minden idők top 20 YouTube videója és videó mémje 

Festőművész és kreatív igazgató egyben:...

Kecskemét Dóra az Abfox Kft. kreatív igazgatója, grafikai irányvonalának útmutatója. Az Abfox által készített valamennyi honlap magán viseli keze... Kecskeméti Dóra 

Milyen egy hatékony honlap?

Mennyibe kerül ma egy honlap, egy jó, egy hatékony honlap? A drágább jobb? Az olcsó honlap is ugyanannyira megfelel a célnak? Megéri-e befektetni egy... Hatékony honlapkészítés 

Miért fontos az oldalak betöltési sebessége?

 2011-ben még fontosabbá válik az oldalak betöltési ideje: Sok szakember sokkal jobban az úgynevezett off-page optimalizálásra támaszkodik, mint... Amikor az idő pénz 

Barack Obama politikai marketing útmutatója II.

  Ha az Internet nem lett volna, Barack Obama ma nem lenne elnök. Sőt, ha nem lett volna az Internet, jelölt sem lehetett volna belőle – mondta... Online marketing eszközök 

Barack Obama politikai marketing útmutatója I.

 Barack Obama megválasztása történelminek mondható és nem csak politikai értelemben – az a mód, ahogyan az Internetet kiaknázta, hogy... Obama kampány 

Alkalmazásfejlesztés - natív, vagy webes?

A alkalmazásfejlesztési utak elválnak az új típusú tabletek és okostelefonok képerny in. Az egyik vonal a natív alkalmazások ő vonala, a másik pedig... Natív és webes telefonos alkalmazás 

Flash tartalmak a weben

 A Flash-t 1996-ban a Macromedia cég vezette be és azóta is az internetes tartalmak szerves részét képezik a legváltozatosabb formában. A ma már... Flash elemek, animációk 

Natív és webes telefonos alkalmazások harca a...

Napjainkban folyik a tartalomszolgáltatók háborúja az okostelefonos információfogyasztók idejének megszerzése érdekében. Az egyik vonal a már... Telefonos alkalmazás 

E-kereskedelem

E-kereskedelem   Az e-commerce (e-kereskedelem) az üzleti tranzakcióknak minden olyan... Tovább  

Áttervezés vs. átalakítás

Ossza meg
|

"cimkék: Webdesign


Forrás: www.webdesignerdepot.com

Dátum: 2010-06-30



 

Közel 5 éve már, hogy az „áttervezni vs. átalakítani” vita elkezdődött. Sok dizájner még mindig úgy áll egy honlap megváltoztatásához, mint áttervezéshez  és ezért a saját elképzeléseik szerint készítik el azokat – csekély figyelmet fordítva a felhasználói igényekre.
 


Kérje_ajánlatunkat


Áttervezés vs. átalakítás

 

 

Tulajdonképpen sok tervező kissé össze van zavarodva azt illetően, hogy az egyes megközelítések, mely projektek alkalmazásánál megfelelő, sőt még azt illetően is, hogy egyáltalán mi is igazából a kettő között a különbség.


Amennyiben megértjük az áttervezés és átalakítás közötti különbséget, úgy ez boldogabb és online céljaikat jobban megvalósító ügyfeleket fog eredményezni.


Olykor az áttervezés, olykor pedig az átalakítás a megfelelő módszer. Ez attól függ, hogy az ügyfél jelenleg működő oldala mennyire szolgálja az ügyfél érdekeit, valamint attól, hogy mik az ügyfél céljai.


Olvasd tovább, hogy megtudhasd, milyen további különbségek vannak az áttervezés és átalakítás között, valamint, hogy megtudd miként döntheted el, hogy melyik megközelítés a megfelelő a Te jelenlegi és jövőbeli projektjeid számára.

 


Mi a különbség?


Egy website áttervezése és átalakítása közötti határvonal nem mindig válik el 100%-os tisztasággal. Azonban a legfontosabb tulajdonság amely megkülönbözteti őket, az az, hogy az áttervezés elsősorban az esztétikai változtatásokra helyezi  hangsúlyt, mint a színsémák, a grafika, a tipográfia, stb. Az átalakítás pedig inkább a célokra és a funkcionalitásra fókuszál.




A Fehér Ház honlapja jelentős átalkításon ment keresztül, amikor Obama elnök átvette a hivatalt. Screenshotok az iterasiarchive és a whitehouse.gov-ról.


Egy átalakítás során megállapítják, hogy mely részei működnek megfelelően a honlapnak, és melyek nem, majd ezek a gyenge és erős pontok körül folyik a munka. Egy áttervezés során pedig inkább a dizájn trendekre és a honlap külső megjelenésére koncentrálnak.


Sok dizájner úgy gondolja, hogy minden egyes honlaprevízió átalakítás kellene, hogy legyen, mintsem áttervezés. Az igazság azonban az, hogy mindkettőnek megvan a maga helye.


Az alábbiakban bemutatjuk mind az áttervezés, mind az átalakítás gyenge-, és erős pontjait, továbbá azt is, hogy miként döntheti el, hogy melyik a megfelelő az Ön projektjei számára.

 


Áttervezés


Mint már említettük az áttervezés a honlap esztétikai megjelenésére koncentrál. Egy áttervezés feltehetőleg a grafika, a színsémák, és a honlap más vizuális elemeinek a megváltoztatásából fog állni. Általában vagy kicsi vagy semmilyen figyelmet nem fordítanak a honlap struktúrájára és funkcionalitására. Többnyire a tartalamat sem változtatják meg.

 


Mikor alkalmazható az áttervezés?


Néha a honlap struktúrája pont olyan, amilyennek szánta. A felhasználói ekkor boldogak és az oldal is azt éri el, amit Ön kitűzött célul. Az egyetlen probléma az, hogy a honlap már 5 éve teljesen ugyan olyan. Amíg ez tökéletesen működik és eleget tesz annak aminek eleget kell tennie,  addig ez egy afféle „visszafajzás” és azon aggódhat, hogy ez hány új üzletbe fog kerülhet Önnek.


Ez az, az eset, amikor is egy áttervezés tökéletes. Nincs szükség az oldal funkcionalitásának, tartalmának vagy struktúrájának a megváltoztatására.  Csupán egy ráncfelvarrásra van szüksége az oldalnak, hogy újra frissnek és újszerűnek tűnjön.

 


Áttervezés során fontos dolgok...


Áttervezés során nem nagyon kellene hozzányúlni a honlapstruktúrához vagy a funkciókhoz.  Csupán a vizuális elemekkel foglalkozz és azzal, hogy miként tudnád azokat korszerűsíteni, tovább tökéletesíteni.


A legtöbb áttervezett honlap nagy hasonlóságot fog mutatni az eredeti oldallal, ha más nem a működését és a tartalmát illetően. Átrendezheted a tartalmakat, de célszerűbb szem előtt tartani a funkcionalitást, mint sem a vizuális látványt. Az új dizájn a honlap struktúráját ugyan olyannak hagyja meg, mint amilyen az áttervezés előtt volt.


Az áttervezést általában sokkal gyorsabban lehet kivitelezni, mint az átalakítást. Amennyiben az eredeti oldal CMS-re épült, úgy csak új témát vagy sablont szükséges létrehoznunk. Egy dolog amit érdemes fontolóra venni, ha a honlap nem CMS-re épült, hogy egy áttervezés során lehetőleg át kell rá váltani. Meglehet, hogy ez már közel esik az átalakítás fogalmához, azonban megéri az időt és erőfeszítést, ha az ügyfél korszerűsíti a honlapdizájnt a tényleges alapoknál.


Bizonyosodjon meg róla, hogy az ügyfelei készen állnak arra a hatásra, amit egy honlap áttervezése gyakorolni tud a honlap látogatóira. Szinte elkerülhetetlenül lesznek olyan régi látogatók, akik panaszkodni fognak az új dizjnra, és – remélhetőleg - számos olyan látogató is lesz akinek tetszik az új dizájn. Az az ügyfél, akinek még soha nem tervezték át a honlapját, meglepődhet, amikor panaszkodnak az új honlapot illetően, ha erre előzőleg nem készítik fel.


Nem árt észben tartani, hogy az áttervezések legtöbbször ösztön vezérelt folyamatok, amelyek alapvetően az Ön dizájneri megérzéseitől függnek, és nem pedig a kézzel fogható adatoktól. Mivel a funkcionalitást nem vesszük figyelmebe, jobban lehet a megérzésekre támaszkodni, mint sem az átalakításra.

 


Átalakítás


Az átalakítás során - az áttervezéssel összehasonlítva - sokkal nagyobb figyelem tevődik a felhasználói élményre és a usabilityre (használhatóságra). Az átalakítás során jellegzetesen struktúrális és funkcionális változtatások történnek , a dizájnváltozásokon felül.


Jóval több időt lesz szükséges fordítani az átalakítás tény-kereső részére. Kitalálni, hogy mi fog működni az oldalon és mi nem, legalább olyan fontos – ha nem fontosabb -, mint leszögezni, hogy miként nézzen majd ki az elkészült honlap, és milyen tulajdonságokat kell még hozzá adni.


Sok esetben z átalakítás magába foglal egy adag áttervezést is. Az ügyfél esetlegesen az oldal külsejét is korszerűsíteni szeretné, hamár egyszer pénzt költ arra, ahogyan az működik. Fogadd el, hogy sok ügyfél nagyobb figyelmet fordít az oldal vizuális vonatkozásaira, mint a funkcionálisakra. A te dolgod, mint dizájner, hogy rájöjj, hogy milyen nem dizájnnal kapcsolatos összetevők vannak és milyenek nincsenek a jelenleg működő oldalukon.

 


Mikor alkalmazható az átalakítás?


Amikor alapvető problémák vannak a honlap működésével, legyen szó tényleges kódolási kérdésről, vagy csak egy szegényes kivitelezésről. akkor egy áttervezés aligha végez megfelelő munkát az ügyfél számára. Ez az a helyzet amikor átalakításra van szükség.


Az átalakítás akkor is hasznos lehet, ha az ügyfél készül beszállni egy új üzleti vállalkozásba. Amennyiben például egy online áruházat szeretne létrehozni, úgy valószínűleg nem lesz  számára elegendő néhány bevásárlókocsis szoftvert alkalmaznia. Ahhoz, hogy a felhasználókat online vásárlásra csábítsuk, ezeknek a honlap nyitóoldalait, valamint más területeit valószínűleg meg kell változtatni, esetleg bizonyos részeket kevésbé hangsúlyossá kell tenni vagy  teljesen meg kell szűntetni.

A kérdésre, hogy mikor kell pontosan az ügyfélnek átalakítania a weboldalát a válasz az, hogy amilyen gyakran csak igény van rá. Rendszeresen ellenőrizni kell, hogy mi az ami működik a honlapon, és mi az ami nem, így szükség esetén korrigálni lehet a problémákat. Még ha céljainkat nem is értük el teljesen, a honlap - funkciók, a honlap - stuktúra, a tartalom, és a dizájn állandó felülviszgálásával közelebb hozhatjuk hozzá ügyfeleinket. Hangsúlyozd ki az ügyfeleidnek, hogy az átalakítást a honlap rendszeres karbantartásának részeként kell használni, és nem csupán egy néhány évente megismétlődő műveletként.

Miután az átalakítás során a funkciókhoz is hozzá kell nyúlni , célszerű azt az ügyfél gyengébb szezonjában végrehajtani. Az utolsó dolog, amit kívánsz magadnak, az egy üzemzavar a nyári bevásárló szezon ideje alatt – illetve abban az időszakban, amely az ügyfeled számára a legfontosabb. Szinte elkerülhetetlenek az üzemzavarok egy új honlapnál, és csupán reménykedhetsz benne, hogy a próba üzem során ezekre fény derül. Néha azonban ezek csak akkor kerülnek a felszínre, amikor már üzembe helyeztük az új honlapot. Amennyiben az ügyfél a csúcs-szezonja ideje alatt szeretne nekivágni az átalakításnak, kíséreld meg meggyőzni őt arról, hogy halassza azt át addig, amíg túlvan rajta. Ha ezt megtagadja, fontold újra a projekt elvállalását.
 


Az átalakítási folyamat


Az átalakítást egy igen csak mélyreható felfedező fázissal kell megkezdeni. Beszéld meg az ügyfeleddel, hogy véleménye szerint mi az ami megfelelően működik, és mi az a mi nem. Továbbá Te magad is alaposan fedezd fel a honlapot, hogy ezáltal neked is legyen arról elképzelésed mi az, amit meg kell tartani és mi az, amit nem.

Az egyik legfontosabb feladat a felfedezés fázisában, annak megállapítása, hogy milyen célból is van szükség az átalakításra. A honlap megváltoztatásával az ügyfélnek világos célja kell, hogy legyen, továbbá konkrétan meg is kell tudnia fogalmazni azt, hogy mit szeretne az elkészült változattal elérni. Folyamatosan tegyél fel kérdéseket az ügyfelednek, mindaddig, amíg nem válik egyértelművé, hogy mik is a legfőbb céljai.
Az átalakítás folyamata valahol a teljesen új honlap - készítése és az áttervezés között helyezkedik el. Az oldal néhány elemét létrehozhatod majd más részek összepakolásával, valamint újra alkalmazásával. Az, hogy miből, mennyire lesz szükséged, döntően az egyes projektek függvényében változik.

Az A/B tesztet sűrűbben kellene alkalmazni az átalakítás során. Tesztelni nem csak az új opciókat szükséges, hanem az új opciókat a meglévő jellemzők ellenében is. Meg kell győződj róla, hogy amit csinálsz az funkcionális fejlődést jelent a meglévő oldal számára, és nem csupán egy csinosabb dizájnt.



Átalakítás során fontos dolgok…



Csak úgy, mint az áttervezésnél, úgy az átalakítás során is van néhány olyan fontos dolog, amit érdemes megfontolni mielőtt belevágnánk a projektbe. Mindenek előtt bizonyosodj meg róla, hogy egyértelműen tisztában vagy a céljaiddal, és csak az után eszközölj bármilyen konkrét változtatást. E nélkül nem lesz mire fókuszálnod a projektben, és így fennáll a veszélye, hogy egy egyszerű áttervezésbe torkol az egész folyamat.

Nem lesz minden átalakítás egy hatalmas projekt. Néhány esetben csupán kisebb változtatásokra lesz szükség az oldal működését és kinézetét illetően. Más alkalmakkor viszont lehetséges, hogy az alapoktól kell kezdened az egészet. Átalakítás során ügyelj arra, hogy nem végzel el szükségtelen feladatokat is: a cél, hogy lecseréld, ami nem működik és meghagyd, ami igen. Amennyiben a jelenlegi honlap 90%-a úgy ahogy van jól működik, figyelj arra, hogy Te csak a fennálló 10%-ot alakítod át.

Meg akarsz majd győződni arról, hogy a honlap, amit átalakítasz, rendelkezik egy olyan biztos alappal, amire tudsz majd építeni. Ez azt jelenti, hogy a kódolás jól-strukturált és a szabványoknak megfelelő, valamint, hogy egy megfelelő CMS-re épült, amely képes kezelni az oldal méretét és forgalmát. Ha ezek közül bármely tényező is hiányzik, akkor élj az átalakítás folyamatával, hogy orvosold az esetlegesen felmerülő háttér problémákat. A későbbi átalakítások és áttervezések során ez kifizetődő lesz, mégpedig az alacsonyabb költségek formájában.

Tartsd észben, hogy az átalakítás konkrét adatokon alapszik arra vonatkozóan, hogy mi az, ami működik a jelenlegi oldalon és mi az, ami nem. Míg az átalakítás egyes részein az ösztöneid kapnak fontos szerepet, addig más területeken ugyan olyan fontos lehet a használhatósági (usability) mintából-, és az ügyfeledtől származó információ, amely a működő és a nem működő részekről informál. Erről ne feledkezz meg.

 


Végül néhány megfontolandó dolgok



A projekt felfedező fázisánál a Te feladatod, hogy mint dizájner, megállapítsd, az ügyfelednek mire van szüksége: áttervezésre vagy átalakításra.

Az ügyfelek sokszor nem lesznek tisztában az átalakítás fogalmával, de őszintén szólva, nincs okod arra, hogy „kiműveld” őket e téren. Viszont neked tisztában kell lenned azzal, hogy milyen típusú projektbe készülsz beszállni.

Amennyiben a funkciók, a struktúra vagy a tartalom tekintetében alapvető változások szükségesek, úgy átalakítással van dolgod. Másrészt, viszont ha az ügyfeled csupán egy frissebb megjelenést szeretne, úgy feltehetőleg áttervezéssel találkoztál. Ismétlem, a Te dolgod, hogy dizájnerként fel tudd ismerni, a kettő közül melyiket igényli az ügyfeled.

Emlékezz, hogy akár áttervezést, akár átalakítást végzel, mindig tárold el az eredeti oldalt, valamint ugyan csak rendszeresen tárold a részfolyamatokat a projekt során, így ha szükséges vissza tudsz lépni a korábbi folyamatokhoz.
 

Ossza meg
|

Értékelje a cikket 1-től 5-ig:

4.2


A vitorlázás hivatalos magyar oldala