20 Krāšņi e-komercijas piemēri veikti pareizi
E-komercijas vietnes ir ļoti aizņemtas un pārpildītas.
Šodien mēs pārbaudīsim daudz tiešsaistes veikalu, kas pārkāpj šo tendenci, būdami gan funkcionāli, gan pievilcīgi. Katrā no zemāk minētajiem piemēriem ir unikāla mācība, kā iemācīt mums par labu e-komercijas dizainu. Sāksim!
Pirmkārt, problēma
Pirms mēs varam novērtēt vietnes, kas ir labi izstrādātas, mums ir jāpārdomā, kas ir nepareizi tradicionālajā e-komercijas formātā. Kāds gudrs indivīds reiz atzīmēja, ka kamielis ir zirgs, kuru izstrādājusi komiteja. Šis gudrais jests noteikti attiecas uz e-komercijas vietnēm. Interneta veikalos ar lieliem nosaukumiem ir pārāk daudz ieguldījumu, jo pārāk daudz cilvēku noved pie labiem nodomiem un lieliskām ideju idejām, kuras nekad nav pienācīgi integrētas savā starpā.
Iepriekš minētais ekrānuzņēmums ir tikai neliela daļa no Kmart.com mājas lapas. Kā redzat, tas ir vilciena vraks. Brauciet pa vietni un redzēsit, ka kopumā uzņemtā lapa ir vēl sliktāka. Tāpat kā Kmart.com, daudzas e-komercijas vietnes cieš no milzīgas jucekļa. Par jūsu uzmanību konkurē tik daudz, ka galīgais rezultāts ir acis, kas atlec no vienas vietas uz otru, bez reāla mērķa vai fokusa.
Tagad, risinājums
Padziļināti apskatīsim dažas vietnes, kurās tas notika pareizi. Apskatot katru no zemāk esošajām vietnēm, salīdziniet interfeisu ar Kmart interfeisu, lai redzētu, cik efektīvs var būt tīrs un vienkāršs izkārtojums.
Xtreme Mac
Xtreme Mac ir visoriģinālākā un novatoriskākā iepirkšanās pieredze, ar kuru es saskāros, meklējot (Icon Dock zemāk bija tuvu sekundei). Jums tiek parādīts vienkāršs produktu kadru režģis ar spilgtiem, krāsainiem apgāšanās efektiem. Noklikšķinot uz objekta, tā vietā, lai tiktu novirzīts uz speciālu lapu, viss režģis mainīgi mainās, lai atlasītā šūna varētu izvērsties astoņas reizes, salīdzinot ar parasto izmēru. Pēc tam jums tiek parādīts lielāks produktu klāsts, īss apraksts un iespēja vai nu uzzināt vairāk, vai iegādāties tūlīt. Noklikšķiniet uz cita vienuma, un dinamiskais izkārtojums atkal mainās, lai raksturotu šo vienumu.
Es atklāju, ka Xtreme Mac saskarne ir skaista un ar to viss ir jautri spēlēt. E-komercijas dizaina svētais grāls ir tas, ka jūsu apmeklētāji ne tikai tiek pārsteigti par jūsu vietnes dizainu, bet arī patiesi izbauda iepirkšanās pieredzi. Jo vairāk viņi izbauda jūsu vietni, jo vairāk laika tam pavada. Kas viņiem teorētiski rada lielāku varbūtību kaut ko iegādāties (jebkuras e-komercijas vietnes galvenais mērķis!).
Ikona Dock
Tieši pie sikspārņa var redzēt, ka Icon Dock ir skaista vietne, kas pilna ar visaugstākajām ilustrācijām. Mana iecienītākā lieta par ikonu dokstaciju tomēr ir tas, kā viņi ir rīkojušies ar iepirkumu groziem. Dažās vietnēs ir diezgan grūti apskatīt un rediģēt groza saturu, taču Icon Dock piedāvā vizuālu ikonu “doku”, kas paliek jums blakus, iepērkoties. Kad vēlaties tam kaut ko pievienot, jūs vienkārši velciet ikonu uz doku, lai to nomestu. Tad, ja vēlaties kaut ko noņemt no dokstacijas, vienkārši nospiediet mazo “x” uz ikonas.
Tas ir izstrādāts tādā intuitīvā veidā, ka jums tiešām nav vajadzīgas nekādas instrukcijas. Tas darbojas tieši tā, kā jūs gaidījāt. Tiem, kas to nesaņem uzreiz, joprojām pastāv vecā iespēja noklikšķināt uz pogas “pievienot grozam”. Šī ir svarīga iezīme. Izstrādājot unikāli interaktīvu saskarni, vienmēr domājiet par to, vai jums joprojām vajadzētu iekļaut tradicionālo veidu tiem, kas, iespējams, nesaprot jūsu iedomāto jauno ideju. Tas ļauj jums izsekot interaktīvajam ceļam, vienlaikus saglabājot lietojamību.
Nike
Atvainojiet, Flash ienīst, bet šī vietne man ļoti patīk. Nedaudz piekrītu, katras lapas ielādes laiks ir diezgan kaitinošs. Tomēr kopējā vietne ir iespaidīgs vizuāls cienasts. Tāpat kā Kmart, viņi ir ieguvuši ļoti daudz pārdošanai paredzētu priekšmetu (varbūt ne tik daudz, bet arguments joprojām ir derīgs), taču tā vietā, lai pārblīvētu mājas lapu ar neatbilstīgiem piedāvātajiem priekšmetiem, Nike visu šajā lapā ir integrējis vizuāli bezšuvju veidā. Viņi vienā lapā ir ieguvuši vairāk nekā desmit unikālas sadaļas, tomēr tā izskatās pilnīgi saliedēta. Apskatīsim dažas lietas, ko viņi ir paveikuši, lai to paveiktu.
Pirmais, ko viņi ir paveikuši, lai mazinātu jucekli, ir diezgan vienkārši. Tā vietā, lai krautu izlases veida reklāmkarogus, piemēram, Kmart, viens otram reklamē dažādus vienumus, Nike ir viens primārais reklāmkarogs, kas rotē starp trim ziņojumiem. Tas, protams, nav revolucionāri, bet tas ir kaut kas pārāk maz, ko dizaineri apsver, saskaroties ar lapas ielādi līdz malai ar saturu. Iepriekš iebūvētas bibliotēkas, piemēram, jQuery, padara šāda veida rotējošu saturu par tīru nieci un var padarīt citādi statisku lapu dzīvu smalkā, nekaitinošā veidā.
Nākamais, ko Nike ir izdarījis, lai mazinātu jucekli, ir visas sadaļas zem galvenā reklāmkaroga likt uz nepārtrauktas fona krāsas, lai izvairītos no tā, ka “iekrīt” izskats, kas jums rodas ar Kmart dizaina preču kastēm. Tas liek visai lapai izskatīties tā, it kā to būtu vienlaicīgi uzbūvējuši vieni un tie paši dizaineri, nevis vecu dizainu, kas laika gaitā jūs arvien vairāk un vairāk neatbilstošu vienumu piesprauž. Tas viss ir saistīts ar sinerģijas ļaudīm.
Dyson
Nodarbība, ko mēs varam mācīties no Dyson, ir tāda, ka jūs varat padarīt iepirkšanos vakuumā justies kā iepirkšanās par Mercedes. Neatkarīgi no tā, ko jūs pārdodat, ja vēlaties, lai tas izskatās augstvērtīgs, gūstiet iedvesmu no vietnēm, kurās tiek pārdotas luksusa automašīnas, jahtas vai kas cits, kas maksā vairāk, nekā jūs gada laikā ražojat. Melno un pelēko fonu patiešām papildina baltas un / vai zilas krāsas izšļakstījumi, kas patiešām izlec no lapas ar kontrastu. Tas, kas patiesībā nozog šovu, ir produkta fotogrāfija (bez šaubām, tikpat daudz Photoshop kā faktiskais foto), kas patiešām atspoguļo pievilcīgā produkta dizaina būtību. Ievērojiet arī pagriežamo reklāmkarogu, tāpat kā Nike piemērā. Jūs to redzēsiet atkal un atkal visos zemāk redzamajos piemēros laba iemesla dēļ. Tas ir tikai lielisks veids, kā nelielu daudzumu satura ievietot nelielā telpā bez jebkādas vizuālas jucekļa.
SkinBox
Skinbox padara iepirkšanos forumu ādās neticami vienkāršu. Mājas lapu lielākoties veido viena liela sadaļa, kurā parādītas viņu tēmas. Loģiskās kategorijas (gaiši, profesionāli profesionāļi utt.) Ļauj viegli atrast meklēto ādas tipu. Katru kategoriju ādas tiek parādītas lielā režģī ar iespēju iegādāties tagad vai informāciju par ādu. Pēdējais variants ir svarīgs. E-komercijas vietnes pārāk bieži aizpilda lapu ar garlaicīgu informāciju par produktu, kā rezultātā teksts ar smagu izkārtojumu mēģina pārdot kaut ko, kas patiešām ir saistīts ar vizuālo pievilcību (vismaz šajā gadījumā). Ja jūs pārdodat preces dizainu, apsveriet funkcionalitātes specifikācijas ievietošanu aiz pogas “vairāk informācijas”, lai lietotāji, kuri vēlas šo informāciju, varētu to viegli atrast, un lietotāji, kas tikai pārlūko, to nenovirza.
DropBags
Es godīgi nezinu, ko šī vietne pārdod. Sadaļa “Kā lietot” saka kaut ko par maisa ievietošanu spainī, tā piepildīšanu ar augiem un ledu un maisīšanu, bet es nespēju iedomāties, kāpēc es kādreiz gribētu iesaldēt augu dzīvi. Viņi varētu vēlēties, lai es domāju, ka tā ir zinātniska, bet es esmu diezgan pārliecināts, ka tā ir raganība.
Lieta ir tā, ka tas ir bailīgs produkts. Viņi pārdod maisu, kuru jūs ievietojat spainī. Liels darījums, vai ne? Tomēr viņi ir padarījuši vietni ap trako kausa maisu tik pievilcīgu, ka es biju gandrīz pārliecināts, ka man tāds ir vajadzīgs. Kā tīmekļa dizainers ne vienmēr varat nolaist Nike kontu. Dažreiz jūs saņemat klientu, kurš vēlas pārdot “daudzfunkcionālu ieguves komplektu”, kas būtībā ir pārāk dārga kausa starplika. Šajos apstākļos jums jāpieliek tikpat daudz pūļu un radošuma, cik jūs darītu, strādājot pie jebkura liela vārda klienta. Padariet iepirkšanās pieredzi pēc iespējas vienkāršāku un saprotamāku, un vide, kas atrodas ap produktu, padara aicinošu un pievilcīgu.
IKEA
Ikea iegūst balvu par interaktīvāko iepirkšanās pieredzi. Kad pa pastu tiek saņemts Ikea katalogs, sievai un man patīk pasēdēt kopā un kopā to pārlapot, lai radītu dizaina idejas un redzētu, kādus izcilus jaunos produktus viņi ir nākuši klajā. Tas ir patīkami, jo Ikea pieredze ir rūpīgi veidota tā, ka kataloga pārlūkošana ir gluži kā pastaiga pa viņu izstāžu zāli. Tā vietā, lai tos pasniegtu ar atsevišķiem priekšmetiem, jūs redzat visas telpas pielāgotu fotogrāfiju, kas pilnībā sastāv no Ikea izstrādājumiem. Tie sniedz noderīgu sadalījumu par to, cik maksā katra prece, kā arī izmaksas, kas saistītas ar visas telpas iegādi kā komplektu. Tas palīdz normāliem cilvēkiem, kuri neko daudz nezina par interjera dizainu, radīt skaistas istabas.
Nesen Ikea ir nodevusi šo pieredzi viņu tiešsaistes veikalā. Tas, ko jūs saņemat, ir līdzīga pieredzei, piemēram, pārlūkošanai katalogā, tikai daudz interaktīvāka un dinamiskāka. Jūs varat noklikšķināt uz ikonām blakus noteiktiem izstrādājumiem, lai tuvāk apskatītu vai apskatītu slēptās funkcijas, mainītu skatus, lai skatītos apkārt istabai, vai arī izlaistu istabas skatu un apskatītu vienkāršu produktu režģi. Tāpat kā daži no citiem iepriekšminētajiem piemēriem, Ikea fotografē iepirkšanās pieredzi, kas ir ne tikai patīkama, bet arī pat uzskatāma par jautru. Ja veidojat e-komercijas vietni, padomājiet par to, kā jūs varētu uzlabot pieredzi, pievienojot kaut ko mazliet interaktīvāku nekā vidējais tiešsaistes veikals.
Pagraba zaglis
Cellar Thief ir tikai lielisks radoša tīmekļa dizaina piemērs. Lai izveidotu pārsteidzoši pievilcīgu tiešsaistes veikalu, dizaineri sajauca pašreizējās tīmekļa dizaina tendences ar bagātīgām faktūrām un spilgtām vīna nozares krāsām. Ņemiet vērā, ka viņi patiešām pārdod tikai trīs atsevišķus vīnus, kas ir mazāks produktu komplekts nekā jums, visticamāk, ir jūsu projektos, taču no šī piemēra vēl ir daudz ko mācīties.
Pirmkārt, ne tikai pārdošanā esošos vīnus, bet lapā ir arī virkne sekundāra satura, piemēram, vīna padomi, emuāru plūsma utt. -izlīdzināts teksts. Tas ir strukturēts tā, ka pirmais, ko redzat (paskatoties uz lapu no kreisās uz labo pusi), ir primārais saturs: pārdodamais produkts. Tikai pēc dažām sekundēm apskatot lapu, jūs pamanāt sekundāro saturu. Šajā konkrētajā lapā tas nebūtu taisnība, ja šis saturs tiktu ievietots kreisajā pusē. Šī sekundārā satura izlīdzināšana pa kreisi var dot tam nepelnītu primāro stāvokli vizuālajā hierarhijā. Vienmēr mēģiniet iedomāties kārtību, kādā apmeklētājs redzēs objektus lapā un atbilstoši strukturēs jūsu saturu.
Pēdējā lieta par informācijas organizāciju. Pārbaudiet, cik daudz satura tas ir saistīts ar katru atsevišķo vīnu. Tagad iedomājieties, kāda būtu šī lapa, ja dizainers nebūtu domājis sadalīt šo informāciju cilnēs. Tāpat kā rotējošais satura reklāmkarogs, par kuru mēs runājām iepriekš, cilnes nodrošina stilīgu un efektīvu veidu, kā smieklīgu satura daudzumu ievietot nelielā, lietotājam draudzīgā telpā. Projektējot drukātos materiālus, es pastāvīgi lūdzu savus klientus apgriezt viņu nepieciešamo informāciju telpisko ierobežojumu dēļ. Turpretī tīmekļa dizains sniedz jums tik daudz brīvības, lai nodrošinātu bagātīgu informāciju, ko jūsu klients vēlas, ierobežotā veidā, kas nepieciešams labam dizainam.
Pievilcīgākas e-komercijas vietnes
Šeit ir vēl virkne dizaineru piemēru, kuri pārvarēja pārblīvēto, neveiklo e-komercijas aizspriedumu, koncentrējoties gan uz estētisko pievilcību, gan uz funkcionalitāti. Apstājieties pie katra piemēra un meklējiet lietas, kuras mēs minējām iepriekš. Ir daudz dažādu izklaides, taču vienkāršu iepirkšanās iespēju, pārsteidzošu fotogrāfiju / mākslas darbu un radoša satura organizāciju, lai iedvesmotu jūs e-komercijas varenībā.
Mazuļu kvazārs
Ooga zona
ShoeGuru
Madsen velosipēdi
i / denti / tee
Abercrombie & Fitch
Sukre
DNS11
MacStylez
Viens + Tikai
Divpadsmit dienvidu virzienā
Sony
Secinājums
Tagad, kad esam apskatījuši, ko es uzskatu par nepareizu un pareizu e-komercijas vietnes noformēšanas veidu, es gribētu dzirdēt jūsu domas. Pastāstiet mums, kas jūs iepriecina par iepirkšanos tiešsaistē, un to, kas jums patīk vai ienīst, par iepriekšminētajiem piemēriem.
Lai iegūtu vēl vairāk e-komercijas iedvesmas, apskatiet Cart Frenzy, galerijas veltītu tiešsaistes veikala dizainu.
