Tīmekļa lietotnes mājas lapas izveidošana: piemēri, padomi un ieteikumi
Tīmeklis ir pilnībā pārsātināts ar lietotnēm, kas palīdz jums izveidot savienojumu ar sociālo tīklu, izveidot pārtikas preču sarakstus, pārvaldīt lielus projektus, izlemt, kurš pagatavos tēju, un katru citu trako uzdevumu, kuru jūs varat iedomāties.
Ar visu šo konkursu jūs varat pārliecināt apmeklētājus, ka jūsu lietotne ir sakāmā adata siena vidū? Šodien mēs apskatīsim dažus reālus piemērus, lai redzētu, vai mēs varam uzzināt, kuras stratēģijas atdarināt un kuras izvairīties.
Jūsu lietotnes mājas lapa ir ārkārtīgi svarīga
Jūs esat iztērējis daudz laika, naudas un pūļu, lai izveidotu tīmekļa lietojumprogrammu. Tas ir vismodernākais pasākums, kuru esat pārliecināts, ka piemeklēsit tāpat kā ugunsgrēku. Ir tikai viena nozveja, jums jāpārliecina cilvēki, lai tas to izmēģinātu.
Neatkarīgi no tā, cik laba ir jūsu tīmekļa lietotne, jums joprojām ir jābūt stabilai pārdošanas taktikai, kas galu galā pārliecina cilvēkus noklikšķināt uz pogas “reģistrēties”. Pat ja pakalpojums ir pilnīgi bezmaksas un piedāvā daudz funkciju, jums patiešām ir jāstrādā, lai uzvarētu šos reklāmguvumus.
Nekādā gadījumā neuzskatiet, ka tikai tāpēc, ka lietotājs ir nokļuvis jūsu mājas lapā, ka viņš patiesi interesējas par to, ko jūs piedāvājat, un tāpēc, lai dotos tālāk, viņam ir nepieciešams tikai neliels iespiešanās. Likmes ir tādas, ka viņi sekoja zināmai saitei tikai ar neskaidru priekšstatu par to, kur viņi nonāktu, un atrodas delikātā stadijā, kurā viņi, visticamāk, dažu sekunžu laikā pārcelsies uz citu vietni, ja jūs tos nevilksit.
Jūsu tīmekļa lietotnes mājaslapa ir viens no vērtīgākajiem mārketinga instrumentiem. Pretoties vēlmei vienkārši kaut ko ātri bruģēt un tā vietā pielikt visas pūles. Apskatīsim dažus piemērus, lai redzētu, ko mēs varam iemācīties.
Padoms: saglabājiet dizainu vienkāršu un ziņojumu spēcīgu
Mūsu pirmais piemērs ir jauns pakalpojums ar nosaukumu Kroud. Apskatīsim vietnes daļu virs pārsega.
Šajā lapā ir ļoti daudz, kas man patīk. Pirmkārt, tas ir ļoti vienkārši un mērķtiecīgi. Tas nepārspiež jūs ar tukšām pretenzijām par to, kā pakalpojums mainīs jūsu dzīvi, kā arī nepārspīlē par to, kāda ir vietne. Nav nekas sliktāks par lapu, kas sevi precīzi nenosaka. Ja es nevaru pateikt, ko jūsu lietotne dara piecu sekunžu laikā, es turpinu.
Krouds patiešām piesaista uzdevumu sarežģītu pakalpojumu saistīt skaidrā vēstījumā, kas vienlaikus kalpo arī kā spēcīgs aicinājums uz rīcību: “Izveidojiet interaktīvu FAQ lapu dažu sekunžu laikā.” Šī līnija ir viena no pirmajām lietām, ko es redzu, kad ielādēju lapu, un tā uzreiz parāda tieši to, ko vietne dara.
Lielā poga
Vēl viena lieta, ko mēs varam mācīties no Kroud, ir tā, ka lielas, drosmīgas pierakstīšanās pogas ir laba lieta! Šeit ir Kroud poga faktiskajā izmērā.
Šī poga ir milzīga un ļoti skaidra par to, kas notiek, kad to nospiežat: “Start a Kroud” ar sekundāro ziņojumu “Tas ir bez maksas!”. Ievērojiet, kā šī poga pievērš jūsu uzmanību ne tikai izmēram, bet arī krāsai. Tas ir tik daudz spilgtāks nekā otrs saturs, ka jūsu acis to nekavējoties pievērš.
Padoms. Ekrānuzņēmumi ir obligāti!
Jūsu tīmekļa lietotnes mājaslapai ir divi galvenie mērķi: izglītot cilvēkus par jūsu produktu un pārliecināt viņus to izmēģināt. Šie ir tie paši mērķi, kurus redzat mārketingā un reklāmā gandrīz no visiem planētas uzņēmumiem.
Iedomājieties žurnāla sludinājumu vai jaunas Corvette vietni. Kā, jūsuprāt, šī lapa izskatās? Ir miljons iespējamo dizainu, taču viena lieta, iespējams, nemainīsies: jūs redzētu automašīnu. Korvetēm ir laba dizaina mantojums, un viņi zina, ka labākais veids, kā parādīt savu jaunāko varoņdarbu, ir parādīt fotoattēlu visā krāšņumā. Kurš varētu būt pārliecināts, ka iegādājas sporta automašīnu, to pat neredzot? Tas būtu vēl jo vairāk tad, ja sporta automašīna nebūtu Corvette, bet tā vietā būtu kaut kas tāds, par kuru neviens vēl nebija dzirdējis.
Tas darbojas kā metafora jūsu tīmekļa lietotnes sākumlapai. Tīmekļa lietotņu ir ducis, un par tām neviens nekad nav dzirdējis. Ja vien jums nav kauns par savām sliktajām dizaina iemaņām, cilvēki vēlēsies precīzi uzzināt, kā pakalpojums izskatīsies, pirms viņi pierakstīsies.
Freckle ļaudis to labi zina un izvēlējās papildināt savu lapu ar piecu ekrānuzņēmumu masīvu.
Kaut arī dažas no tām ir pārklātas lielās daļās, viss attēls patiešām sniedz pienācīgu ieskatu pakalpojuma izskatā.
Funkcijas kā ekrānuzņēmumi
Pašreizējā tīmekļa lietotņu mājas lapas dizaina tendence ir parādīt savas mājas lapas funkcijas ar mazām ikonām. Šī ir lieliska ideja, kas patiešām palielina lapas estētisko vērtību un palīdz sadalīt lielus kopiju blokus. Šis ir piemērs no Ballpark rēķiniem.
Lai arī ikonas ir labākas nekā teksts, gadījumā, ja jums tiešām ir ciets interfeiss, es faktiski domāju, ka ekrānuzņēmumi var būt daudz spēcīgāks vizuālais elements. Ekrānuzņēmumi tieši sazinās ar jūsu pakalpojumu, savukārt vispārīgās ikonas sniedz tikai abstraktu attēlojumu tam, ko lietotāji var sagaidīt. Pārbaudiet, kā Freckle apspriež viņu funkcijas.
Uzziniet, kā šeit ietverto ziņojumapmaiņu pastiprina attēls ar to, kā tieši tas izskatīsies lietotnē? Šī ir tendence, ko pēdējā laikā redzu arvien vairāk un, manuprāt, tā ir laba, kas patiesi uzlabo iepriekšējās paaudzes tīmekļa lietotņu ikonu ideju.
Kā vēl viens piemērs: TodayPulse parāda horizontālo ekrānuzņēmumu joslā trīs galvenās funkcijas:
Peeve: nav ekrānuzņēmumu
Varētu domāt, ka ekrānuzņēmumi ir diezgan vienkārši un nevienam šis atgādinājums nav vajadzīgs, taču patiesība ir tāda, ka ir neskaitāmas tīmekļa lietotņu mājas lapas, kas nesniedz jums ne mazāko mājienu par to, kā lietotne patiesībā izskatās.
Pat ja šīs lapas ir diezgan pievilcīgas, piemēram, zemāk esošajā Wordfaire, izredzes izmēģināt to ir daudz mazākas tāpēc, ka neredzu priekšskatījumu.
Vecais sakāmvārds “attēls ir tūkstoš vārdu vērts” patiešām šajā jomā izrādās patiess. Vienkārši nav tā, ka es lasīšu septiņas teksta rindkopas Wordfaire mājas lapā. Vismaz piecus no tiem es tirgošu ekrānuzņēmumam bez otrās domas.
Padoms. Ļaujiet lietotājiem spēlēties, izmantojot tiešraidi
Koncepcija “izmēģiniet pirms pērkat” pastāv kopš pārdevēja rītausmas. Tā ir vienkārša koncepcija, kas pastāvēs tik ilgi, kamēr būs produkti. Saistības nepieredz, jo īpaši, ja ir iesaistīta nenoteiktība. Ļaujot lietotājam vispirms izmēģināt jūsu tīmekļa lietotni, tiek noņemta neskaidrība.
Ir ārkārtīgi svarīgi paturēt prātā, ka “izmēģini pirms pērc” attiecas pat uz bezmaksas pakalpojumiem! Tas šķiet mulsinoši, bet tas tiešām ir diezgan vienkārši. Pat bezmaksas pakalpojums patērē manu laiku - resurss, kuru uzskatu par diezgan vērtīgu un kurš netirgojas tikai par kaut ko. Reģistrējoties bezmaksas tīmekļa pakalpojumam, joprojām jūtaties kā saistības; tādu, kuru nevēlos izgatavot, ja vien neesmu patiešām pārliecināts, ka produkts man patiks.
Koncepcija ir vienkārša, izveidojiet veidu, kā lietotāji var aplidot un aplaupīt jūsu lietotnes riepas, neievadot tikai vienu informācijas daļu. Mēs to redzam Pen.io darbībā zemāk. Šī ir vēl viena lapa bez ekrānuzņēmumiem, bet to nedaudz uzlabo, iekļaujot saiti uz piemēru, lai jūs varētu redzēt, ko jūs saņemat no pakalpojuma.
Atkal ir lieliski, ka Pen.io to iekļauj, taču izpildījums ir spēcīgāks atpakaļ Kroudā, kur saiti uz eksāmena lapu pastiprina priekšskatījums.
Peeve: Ilgas ekskursijas
Dažas tīmekļa lietotnes jūs aizvedīs desmit minūšu ekskursijā, kas ļoti detalizēti izskaidro viņu pakalpojumu. Nekļūdieties man, informācija ir laba, un, ja es maksāju par pakalpojumu, es to gribu. Bet vai “produktu tūrei” tiešām vajadzētu būt tik darbietilpīgai?
Ja es noklikšķinu uz saites, kas saka “Iepazīstieties ar ekskursiju”, tas, ko es patiešām gribu darīt, ir redzēt lietotni. Tāds dzīvs piemērs kā mēs tikko apspriedām daudz spēcīgākā valodā nekā 2000 vārdi, kas izskaidro, kāds tas būs, kad jūs beidzot nonāksit līdz vietai, kur jums atļauts to reāli izmēģināt. Dažās vietnēs ir izveidots pat modificēts “viedais” dzīvs piemērs, kas sniedz jums informāciju par procesu. Tas ir lielisks veids, kā ļaut lietotājiem izmēģināt jūsu pakalpojumus, vienlaikus nodrošinot, ka viņi saņem punktu un redz to, ko vēlaties.
Atkal ne vienmēr ir slikti pārmācīt savas funkcijas, taču atcerieties, ka ir svarīgi ļaut lietotājiem vienkārši ieiet un redzēt, ko viņi domā.
Iekļaujiet video
Vēl viena ideja, kā parādīt savu tīmekļa lietotni darbībā, ir īss video tieši mājas lapā. Ja attēls ir tūkstoš vārdu vērts, tad viena minūte ar ātrumu 15-30 kadri sekundē ir nenovērtējama! Videoklips sasniedz to pašu mērķi kā piemērs un ekrānuzņēmumi, tikai tas ir dinamiskāks nekā ekrānuzņēmumi un strukturētāka pieredze nekā brīvas formas pārbaudes laukums.
Aviary dara labu darbu, parādot sava attēla redaktora noilgumu, izveidojot sarežģītas foto manipulācijas.
Viens no maniem iecienītākajiem tīmekļa lietotnes mājas lapas video ieviešanas veidiem ir Greplins. Šeit tiek parādīts video, kad ielādējat lapu, bet, ja pēc dažām sekundēm video neuzsācat, tas pārvēršas par ekrānuzņēmumu slaidrādi.
Peeve: Karikatūras, kurās nekad netiek rādīta lietotne
Kādu iemeslu dēļ šobrīd ir forši darīt vienu no šiem video kā jautru mazu multfilmu. Tā bieži ir lieliska ideja, bet problēma, kas man rodas, ir tā, ka pēc divām garlaicīgas mazu animācijas minūtēm man joprojām ir maz, lai nezinātu, kāda ir lietotne.
Turpmākie divi video no Minus un Summify ir labi piemēri tam. Piešķirts, ka viņi galu galā gandrīz parāda jums ilustrētu lietotnes versiju, taču tikai pašā beigās un pat tad tā ir maza, abstrakta palūrēšana.
Domu noslēgums: veiksmes recepte
Visi šajā rakstā sniegtie padomi ir vērsti uz diviem galvenajiem jūsu tīmekļa lietotnes mājas lapas mērķiem, par kuriem mēs jau runājām: izglītība un vilināšana. Vispirms noņemiet visu jucekli no sava dizaina un pielieciet to līdz vissvarīgākajiem elementiem, lai apmeklētājs bez uzmanības novēršanas varētu koncentrēties uz būtisko informāciju.
Ziņojumaprakstā treknrakstā norādiet, ko šī lietotne dara un kam tā paredzēta. Šodien mēs daudz neapspriedām šo pēdējo punktu, taču ir nopietns arguments, kas liek domāt, ka, iegūstot vairāk reklāmguvumu, skaidri identificējot savu mērķauditoriju. Piemērs: “MyCoolWebApp palīdz dizaineriem un izstrādātājiem organizēt klientu un projektu informāciju” ir labāks nekā “MyCoolWebApp organizē informāciju par klientiem un projektiem”. Noteikti norādiet arī uz visām svarīgajām funkcijām un to, kāpēc apmeklētājiem vajadzētu lietot lietotni.
Kad ziņojumapmaiņa ir sadalīta kvadrātā, ir pienācis laiks pievērsties produkta prezentēšanai auditorijai. Trīs lieliski veidi, kā to izdarīt, ir ekrānuzņēmumi (vairāki, ja varat to pagriezt), tiešie kontu konti un video ekskursijas (tādas, kas faktiski parāda produktu). Viņas mērķis ir samazināt nenoteiktību, kas saistīta ar jūsu produktu. Jo mazāka ir nenoteiktība, jo mazāk lietotāju vilcināsies reģistrēties.
Tas viss, protams, pieņem, ka jums ir kvalitatīvs produkts. Ja jūsu interfeiss ir klibs, tad ar visiem līdzekļiem paslēpiet to no sabiedrības un tā vietā pieturieties pie garlaicīgiem, gariem aprakstiem!