apeescape2.com
  • Galvenais
  • Inovācijas
  • Investori Un Finansējums
  • Mobilais Dizains
  • Projektēšanas Process
Ux Dizains

Design’s Driving Forces - vietnes pārveidošanas gadījumu izpēte

Kad ir vispiemērotākais laiks vietnes pārveidošanai?

Kurš gan nav saskāries ar vietni, kas izskatās novecojusi un pamesta? Tāpat kā sabrukušas kravas automašīnas apvalks, kas atstāts tuksnesī, daudzus gadus acīmredzami neskarts.



Vietnes tiek atjaunotas visu veidu iemeslu dēļ. Diemžēl daudzi uzņēmumi to neapzinās vietne ir jāpārveido un palikt aiz muguras, kad konkurenti iegūst konkurences priekšrocības, uzlabojot savu, tādējādi palielinot viņu reklāmguvumus.



Bieži pieļauta kļūda, ko uzņēmumi pieļauj, jau laicīgi neapsver, kas varētu notikt, ja viņu vietņu vajadzībām vajadzētu kļūt sarežģītākām, un līdz ar to nonāktu sarežģītā, potenciāli dārgā situācijā, kad nepieciešams to paplašināt. Turklāt bieži tiek atstāti novārtā tādi svarīgi faktori kā meklētājprogrammu optimizācija (SEO), SSL (kas ietekmē rangu un drošību) un draudzīgums mobilajām ierīcēm (kas ietekmē rangu un reklāmguvumus).

Jauni vietņu noformējumi bieži notiek tāpēc, ka līderi mainās augšpusē, kur tiek ieviests jauns zīmola virziens un uz kuģa nāk jauni zīmolu mārketinga cilvēki. Izvērtējot uzņēmuma vietni, viņi šausmās uzzina, ka tai ir drausmīgs UX, un atklāj, ka trūkst ievērojama daudzuma vēlamā satura. Nonākot pie secinājuma, tā ir vienkārši slikti sastādīta “brošūras vietne”, kas nenodrošina “zīmola balsi” vai reklāmguvumus, kurus uzņēmums meklē, ir vienprātība, ka tas ir gatavs pārmaiņām. Ir pienācis laiks atjaunot vietni.



Vietnes pārveidošanas gadījumu izpēte

Kad ir vispiemērotāk veikt vietnes pārveidošanu?

kapāt kredītkartes pilnīgu informāciju par 2018. gadu

Vietnes atjaunošana autobūves uzņēmumam

Ir svarīgi pieminēt, ka šī automobiļu vietnes pārprojektēšanas gadījumu izpēte nav oficiāla, pasūtīta pārprojektēšana. Man nav iekšējas informācijas par uzņēmumu, tā digitālo stratēģiju vai autobūves nozari kopumā. Es vienkārši izmantoju automobiļu nozari kā izmēģinājuma gadījumu vietnes pārveidošanas gadījumu izpētei.

Šajā gadījumu izpētē mēs iepazīstamies ar Horvātijas automobiļu zīmola vietnes pārveidošanas procesu, Rimac Cars . Rimac ir zīmols, kas sākās ar vienkāršu automašīnas koncepciju un kopš tā laika ir paplašinājies par lielu sastāvdaļu ražošanas uzņēmumu. Tāpat kā daudzi iesācēji, uzņēmums sāka ar ideju, kas galu galā pārtapa par kaut ko citu; šī paplašināšanās ietekmēja vietnes struktūru, un visa lietotāja uzmanība tika mainīta. Tirgus pieprasījums novirzīja uzņēmumu citā virzienā, tāpēc arī vietnei bija jāmaina uzmanība.



Lai sasniegtu lielu, jāņem vērā daudz dažādu aspektu un leņķu mājas lapas dizaina risinājums . Neskatoties uz to, ka iepriekšējā Mājas lapu dizaineris var nebūt resursu vai pietiekami daudz laika UX izpēte , stiepļu rāmēšana , prototipu veidošana un lietotāju pārbaude , runājot par dizaina vispārējo kvalitāti, pat vismazākajiem agrīnajiem dizaina lēmumiem var būt būtiskas negatīvas sekas, un mazāk nekā optimālā vietnes kvalitāte galu galā novedīs pie tā, ka vietne tiek pārveidota pēc diviem vai trim gadiem. Rezultāts ir tāds, ka ilgtermiņā klienti par vietni maksā vairāk, nekā viņi saprot. Pareizi definētai satura stratēģijai un informācijas arhitektūrai ir izšķiroša nozīme jaunās tīmekļa vietnes dizainā.

Sākotnējā vietne pirms jaunā vietnes dizaina

Sākotnējā Rimac vietne šīs vietnes laikā pārveidoja gadījumu izpēti.

Veidojot lielas korporatīvās vietnes, ziņu portālus un citas satura bagātīgas vietnes, es esmu liels to ventilators atomu dizains , elastīga dizaina sistēma, kas paredzēta visu UI komponentu izveidei, kas projekta sākumā darbosies vairākos ekrānos un neparedzētās situācijās. Lai arī šis konkrētais gadījuma pētījums nav paredzēts lielam ziņu portālam, tas tomēr ievērojami atvieglos procesu, ja darbam tiks izveidota atomu dizaina elementu (rūpīgi pārdomātu un precīzi definētu dizaina komponentu kopa) dizaina bibliotēka. vēlāk.

Tikai pēc tam, kad vietnei ir atbilstoša satura stratēģija un informācijas arhitektūra vietā vajadzētu būt fokusam uz lietotāju pieredzi. Bez pienācīgas vietnes struktūras lietotāja pieredzes noformējumam nav potences. Iespējams, no pirmā acu uzmetiena vietne izskatās jauka un darbojas labi, taču, ja nav pietiekami daudz elastības, ir neizbēgami, ka kādā brīdī uzņēmumam būs jāapsver vietnes pārveidošana.

Kāpēc jāpārveido šī automobiļu uzņēmuma vietne?

Rimac Automobili paplašinās, un saskaņā ar oficiālajiem ierakstiem sauca jaunu konceptauto “Concept_One” jau tiek ražots. Šīs neizmantotās vietnes pārveidošanas laikā viņu vietne demonstrēja tikai vienu automašīnu - “C_Two”. Vizuālās šķirnes nebija - vietne tika izveidota no divām veidnēm, tāpēc katra lapa izskatījās ļoti līdzīga. Dizains bija vērsts uz lieliem, pievilcīgiem automašīnas attēliem bez daudz kā cita, lai to ilustrētu C_Two automašīnas kvalitāte - būtiska informācija, kas nepieciešama, lai vietnes apmeklētājus virzītu uz lēmumu iegādāties automašīnu.

Kā saka: 'Jūs nekad nesaņemat otro iespēju radīt pirmo iespaidu.' Ir ļoti svarīgi izmantot izcila dizaina ietekmi, lai efektīvi pārliecinātu apmeklētājus (kuri šajā gadījumā galvenokārt būtu augstas veiktspējas automašīnu entuziasti) iegādāties automašīnu, kuras cena ir gandrīz miljons (USD). Šādām augstas klases vietnēm jāatbilst neticami augstiem standartiem. Viņiem jāatspoguļo kvalitātes izjūta un harizma, kā arī jāpiedāvā augsts pārdošanas līmenis, kā arī pārliecinošs stils.

Lieliskam tīmekļa vietnes dizainam jāizceļas līdzīgu vietņu jūrā

Liela problēma autobūves nozarē ir tā, ka lielākā daļa vietņu šajā telpā mēdz izskatīties vienādi. Izņemot dažādas krāsu shēmas un varoņu attēlus, šķiet, ka viņi izmanto to pašu vietnes veidni.

Automobiļu uzņēmuma tīmekļa vietnes izveides lēmumu pamatā ir daudz faktoru, taču ir skaidri jānošķir 1 miljona dolāru un 25 000 dolāru liela automašīna un veids, kā tie tiek uzrādīti.

Augstas klases automobiļu telpā Ferrari , Lamborghini , un Astons Martins ir pārāk vienkāršas, parasti korporatīvas vietnes, kas (manuprāt) patiesībā nepiedāvā lielisku lietotāja pieredzi.

Tipisks automobiļu tīmekļa dizaina izkārtojums

Vidējais patērētāju diapazons ( Volkswagen , Toyota , Peugeot un tā tālāk) ir ļoti līdzīga vietņu satura struktūra iepriekšminētajiem augstākās klases piemēriem. Lielākā atšķirība starp augstas klases un vidējas klases plaša patēriņa automobiļu zīmoliem ir cena - tāpēc varētu domāt, ka Rimac ar viņu augstākās klases automašīnām būs izcila vietne, lai atspoguļotu šo atšķirību un parādītu savu dārgo zīmolu.

uzziniet, kā kodēt c ++

Klientu cerības ir lielas, apmeklējot šīs īpaši dārgo automašīnu zīmolu vietnes; tās ir lielas finansiālas saistības, un, protams, viņi vēlas būt pārliecināti, ka viņi iegūst labāko automašīnu, ko var nopirkt par naudu.

Kāpēc Rimac ir labāks par Toyota? Aplūkojot viņu vietnes, nav daudz atšķirību starp šiem diviem ļoti atšķirīgajiem zīmoliem. Vai tam nevajadzētu būt skaidram no viņu vietnes kvalitātes?

Lamborghini pārveidotā vietne

Kāpēc augstas klases automašīnu uzņēmumiem ir līdzīga izskata, maigas vietnes?

Mērķauditorija augstas klases automašīnu pircējiem ar lielisku vietnes dizainu

Jebkurai vietnei ir jāņem vērā tās lietotāji. Kas ir šāda veida automašīnu mērķauditorija? Ko viņi meklē?

Rimac automašīnas maksā apmēram 850 000 USD, un tiks izgatavotas tikai dažas, kvalificējot tās etiķetei “ierobežots izdevums”. Lai gan mēs nevaram precīzi noteikt klienta veidu, kurš būtu ieinteresēts iegādāties šīs automašīnas, mēs varam pieņemt, ka lielākā daļa klientu būs no turīgās elites. Vai Rimac vietne ir mērķēta tieši uz šiem klientiem?

Informācijas arhitektūras analīze

Mūsu piemērā vietnē mēs redzējām pirmo navigācijas vienumu “Concept_One” (tajā laikā tas bija uzņēmuma vienīgais produkts). Kopš tā laika ir atjaunināta īstā vietne. Otrais navigācijas elements ir uzņēmuma evolūcija, kā automašīna tika ražota, bet trešais - uzņēmuma produkti un pakalpojumi. Ceturtais navigācijas elements ir cita uzņēmuma produkts ( Greyp elektriskie velosipēdi ). Pēdējie divi vienumi ir “prese”, kurā ir preses relīzes, un “emuārs”, no kuriem neviens nav īpaši noderīgs, jo lielākā daļa viņu ziņu tika publicētas sociālajos tīklos.

Cits jautājums bija tāds, ka karjeras saite tika paslēpta kā sekundārs, mazāk svarīgs navigācijas elements, un, ņemot vērā uzņēmuma milzīgo paplašināšanos, tas bija svarīgs jautājums. Ja lietotāju uzskatām par korporatīvo problēmu galveno uzmanību, redzēsim, ka lielākajā daļā uzņēmumu vietņu (tipiski izņēmumi ir korporatīvas / ārkārtīgi lielas vietnes) ir ļoti svarīgi, lai būtu redzama saite “karjera” vai AUD.

Vietnes pārveidošanas process

Mājaslapas varoņa attēls pirms un pēc

Sākotnēji tā mērķis bija radīt tumšāku, jaudīgāku automašīnas versiju. Es atradu dažus Jēdziens_viens automašīna tiešsaistē un ar nelielu “Photoshop burvību” izveidoja pirmo varoņa attēlu mājaslapai. Nākamā ideja bija animācija, kas lēnām atklāj automašīnu, vispirms fonu, pēc tam automašīnas kontūru, kam seko pilnībā renderēts attēls.

javascript konvertēt datumu uz laika zīmogu

Pārveidotās vietnes sākumlapas attēls

Mājas lapas dizains

Sākumlapas koncepcija bija noteikt divas galvenās vizuālās zonas: augšējā navigācija un automašīnas varoņa attēls. Tieši tā. Lai padarītu to minimālistisku, tomēr uzkrītošu, tika noņemts viss nevajadzīgais. Ātri skatoties, visas svarīgās lietas ir redzamas - viss pārējais tika pārvietots uz vietnes apakšlapām.

Mājas lapas dizains kā daļa no vietnes atjaunošanas

Pārveidotās vietnes sākumlapa.

Satura stratēģija un dizains

Šādiem vietņu atjaunošanas projektiem ir svarīgi izstrādāt arī saturu, ne tikai vietnes struktūru un vizuālo estētiku. Tā kā šī ir neizmantota vietnes pārveidošana, tā piedāvā lielāku brīvību eksperimentēt, kā arī estētisku elastību, kur ir pilna iespēja pašiem pieņemt lēmumus par dizainu.

Process ir vienkāršs:

  1. Sagatavojiet pamattekstu, kas parādīsies vietnē.
  2. Izmantojot ikonas vai interaktīvas animācijas, sazinieties ar dažiem dizaina elementiem, piemēram, uzmanību piesaistošām detaļām par paātrinājumu, zirgspēku un maksimālo ātrumu.

To darot, lietotāja saskarnē papildu vārdi nav vajadzīgi, un uzmanība tiek pievērsta vietnēm, kas ir svarīgākas vietnes apmeklētājiem.

Tīmekļa vietnes navigācijas pārveidošana

Vietnes navigācijas struktūra tagad ir pārkārtota, pamatojoties uz svarīguma hierarhiju. Mums ir Transportlīdzekļi kā pirmo navigācijas izvēlnes izvēlni, kas piešķir dizaina elastību, jo tas ļauj uzņēmumam nākotnē pievienot vairāk automašīnu modeļu.

Nodrošināt tūlītēju piekļuvi sekundārajam Produkti no mājas lapas, tika nolemts, ka efektivitātes labad tā vietā, lai izveidotu citu produktu sarakstu lapu (citā tīmekļa vietnē) Produkti un tā apakškategorijas varētu iekļaut sākumlapā kā nolaižamo apgabalu un iekļaut navigācijā. Zemāk redzamais dizains parāda dažādus produktus, kas mājas lapā tiek parādīti kā ikonas, kad apmeklētāji noklikšķina Produkti navigācijā. 3D produkta apmetumiem, kas apzīmē otro līmeni zem Produkti , Es ieteiktu Three.js, WebGL, Canvas un Greensock, jo tie ir labi zināmi, standartizēti rīki.

Jaunais vietnes dizaina piemērs

Vietnes pārveidošanas sekundārās lapas

Atšķirībā no Mājas lapa , sekundārās lapas, piemēram, Par un apkalpošana lapās tiek izmantots cits režģis, kas ir vairāk veidots ar Z zīmējumu. Atšķirīgā režģa izkārtojuma nolūks ir nodrošināt apmeklētājiem interesantāku un dinamiskāku vidi, vienlaikus skenējot šīs lapas.

Centrālā ideja joprojām ir vizuālais minimālisms ar pēc iespējas mazāk teksta. Cilvēki nenāk uz šāda veida automobiļu vietnēm, lai lasītu daudz teksta, bet lai ātri un vizuāli iegūtu informāciju. Tā domāja lielo, trekno fontu lappušu nosaukumi un dažādu fontu stilu izmantošana.

Ir svarīgi atzīmēt, ka šāda veida “uzņēmuma brošūras” vietnes pārveidošana atšķiras no pakalpojuma pārveidošanas. Vietne “uzņēmuma brošūra” vairāk attiecas uz produktu mārketingu. Uz pakalpojumu orientētu vietņu pārveidošana ir vairāk vērsta uz klikšķu pārvēršanu reklāmguvumos un iespējamo peļņu.

Vietnes pārveidošanas procesa piemērs

Jaunas vietnes vietnes pārveidošanas lapas

kas ir s corp un c corp

Pārveidotā vietne

Vietnes pārveidošanas gadījuma izpēte: Par lapas piemēru

Secinājums

Ir vairāki citi dizaina emuāra raksti, kuros ieteikts, kāpēc tā ir laba ideja dizaineri iesaistīties blakus neizmantotos dizaina projektos. Ja vēlaties izstrādāt patiešām foršu projektu, izvēlieties ideju - tā var būt vietne, lietotne, uzņēmuma SaaS produkts - un atrisiniet tā dizaina problēmu.

Dribls ir pilns ar nepieprasītiem konceptuāliem pārveidošanas projektiem, kur digitālie dizaineri ir iespēja parādīt savas dizaina karbonādes. Papildus tam, ka jums tiek piedāvāts foršs dizains, kas piedāvā radošu risinājumu pasaulei, darbs pie “faktiskas” produkta problēmas potenciālajiem uzņēmumiem un klientiem parādīs jūsu domas, procesu un zināšanas.

Manā gadījumā tas bija lielisks vingrinājums, pievēršoties augstas klases automobiļu vietnei, jo ir īpaši svarīgi, lai šīs nozares vietņu dizains atbilstu izcili augstiem standartiem.

Tomēr jāpievērš uzmanība: pirms ienirt un sākt veidot, ir ieteicams būt perspektīvam un apsvērt, kā jebkurai vietnei būs jāizskatās pēc trim gadiem ne tikai no dizaina estētikas, bet arī no satura viedokļa, funkcija un struktūra. Ir ļoti svarīgi, lai iebūvētā elastība būtu nopietns dizaina apsvērums. Ja vietne vai apakšlapas darbojas un ir pielāgojamas, ir vieglāk, efektīvāk un daudz mazāk sāpīgi veikt nelielus pielāgojumus, lai tie atbilstu nākotnes prasībām.

Dažreiz ir ļoti grūti pārliecināt potenciālu klientu veikt vietnes atjaunošanu. Bieži vien klienti nelabprāt apņemas rīkoties resursu, līdzekļu vai laika trūkuma dēļ. Neskatoties uz to, nevēlama vietnes pārveidošana ir lielisks veids, kā pasaulei parādīt savas vietnes pārveidošanas procesu. Un kas zina? Pilnīgi iespējams, ka jūsu vietnes pārveidošana varētu atstāt pietiekamu iespaidu uz nevēlamu klientu, lai viņi to varētu izgaismot “īstam” projektam, kur kā papildu bonuss dizaineram tiek maksāts!

• • •

Papildu lasījums ApeeScape dizaina emuārā:

  • Vietņu pārveidošanas pamati - gadījumu izpēte
  • UX patiesā IA: B2B pārprojektēšanas gadījumu izpēte
  • Izņemot IKEA no kastes un pārveidojot to 1,6 miljardiem lietotāju
  • Pārveidosim Facebook: 10 iedvesmas, lai jūs sāktu darbu
  • Kā jāprojektē CrunchBase

Izpratne par pamatiem

Kas ir vietnes pārveidošana?

Katra vietnes pārveidošana ir atšķirīga, taču pamatmērķi ir labāka lietotāja ērtība, palielināta klātbūtne tiešsaistē un augstāks reklāmguvumu līmenis. Tipiska vietnes atjaunošana atjauninās grafiku un saskarni, kā arī atsvaidzinās izkārtojumu, saturu un SEO.

Cik bieži jums vajadzētu pārveidot vietni?

Lai saglabātu aktualitāti un konkurētspēju, vietne ir jāatjaunina ik pēc diviem līdz trim gadiem. Vietnes pārveidošanas process nav kaut kas viegli uztverams. Jo pārdomātāka ir pārprojektēšana, jo ilgāk paliek uzturēšanās spēks.

Kāpēc vietnes atjaunināšana ir svarīga?

Jauns uzņēmuma dizains ir izšķirošs, ja bizness vēlas saglabāt atbilstību un konkurētspēju. Ir svarīgi pārliecināties, ka vietne izskatās mūsdienīga un atjaunināta, paliek droša, efektīva un aktuāla; ka tā saturs ir svaigs, SEO ir maksimāli palielināts un tiek uzraudzīta analīze.

Kāpēc vietnes dizains ir svarīgs?

Saskaņā ar pētījumiem gandrīz 75% apmeklētāju vērtē biznesu pēc tā dizaina. Lielisks vietnes dizains ņem vērā estētiku, lietotāja interfeisu, saturu un metadatus. Tas atbalsta mārketinga stratēģiju, palielina zīmola atpazīstamību, piesaista apmeklētājus un palīdz tos pārveidot par lietotājiem.

Atomu dizains un skice - rokasgrāmata darbplūsmas uzlabošanai

Rīki Un Konsultācijas

Atomu dizains un skice - rokasgrāmata darbplūsmas uzlabošanai
Daļēji uzraudzīta attēlu klasifikācija ar datiem bez etiķetēm

Daļēji uzraudzīta attēlu klasifikācija ar datiem bez etiķetēm

Datu Zinātne Un Datu Bāzes

Populārākas Posts
Kā darbojas C ++: Izpratne par kompilāciju
Kā darbojas C ++: Izpratne par kompilāciju
Kā veidot un uzturēt attālu kultūru
Kā veidot un uzturēt attālu kultūru
Biznesa kārtības dzinēju veidošana ar drooliem - spēks MVU cilvēkiem
Biznesa kārtības dzinēju veidošana ar drooliem - spēks MVU cilvēkiem
Kas zināja, ka Adobe CC var izmantot stiepļu rāmju izgatavošanai?
Kas zināja, ka Adobe CC var izmantot stiepļu rāmju izgatavošanai?
Efektīva inženiera laika pārvaldības noslēpumi
Efektīva inženiera laika pārvaldības noslēpumi
 
Konsekvence ir atslēga - kā izveidot Figma dizaina sistēmu
Konsekvence ir atslēga - kā izveidot Figma dizaina sistēmu
ApeeScape izmanto augstākā līmeņa līderību, lai palīdzētu vēl vairāk vadīt talantu ekonomiku
ApeeScape izmanto augstākā līmeņa līderību, lai palīdzētu vēl vairāk vadīt talantu ekonomiku
Kā ir attīstījies starptautiskais naudas pārvedumu tirgus?
Kā ir attīstījies starptautiskais naudas pārvedumu tirgus?
Produktu vadītāji pret projektu vadītājiem: izpratne par līdzībām un atšķirībām
Produktu vadītāji pret projektu vadītājiem: izpratne par līdzībām un atšķirībām
Uzrakstiet svarīgus testus: vispirms rīkojieties ar vissarežģītāko kodu
Uzrakstiet svarīgus testus: vispirms rīkojieties ar vissarežģītāko kodu
Populārākas Posts
  • c ++ galvenes un cpp faila piemērs
  • kā iemācīties c programmēšanas valodu
  • procesa ietvars, ko izmanto, lai vadītu darbu ar sarežģītiem produktiem sarežģītās vidēs, ir pazīstams kā
  • fintech ietekme uz bankām
  • kas notiek 11. nodaļā bankrots
  • kas ir informācijas arhitektūra?
Kategorijas
Produkta Dzīves Cikls Produktu Cilvēki Un Komandas Ux Dizains Tehnoloģija Kpi Un Analytics Veikls Cits Padomi Un Rīki Dzīvesveids Tīmekļa Priekšgals

© 2021 | Visas Tiesības Aizsargātas

apeescape2.com