Saturs
- Kas pamudināja pārveidot?
- Kāda bija jūsu dizaina pieeja projektam?
- Kā jūs izdomājāt galvenās lapas koncepciju?
- Ko jūs izmantojāt, lai izveidotu vietni?
- 05. Kāds bija vislielākais izaicinājums projektā?
Social jukebox Rdio ir tiešsaistes mūzikas pakalpojums, kura lietotāju rīcībā ir vairāk nekā 20 miljoni dziesmu. Nepieciešama atsvaidzināšana, uzņēmuma mājas lapas dizains tika minimāli un eleganti pārveidots, un jaunā, uzkrītošā galvenajā lapā tika izmantoti dažādi albuma noformējumi. Lai uzzinātu vairāk, mēs runājām ar projekta Geoff Koops vizuālo dizainu, UX dizaineru Mike Towber un priekšējā inženieri Jason Norris.
Kas pamudināja pārveidot?
Džefs Kops: Visā Rdio projektēšanas un inženiertehniskajā darbībā pastāvīgi vēlas samazināt un vienkāršot - uzlabot mūsu lietotāju pieredzi, samazināt uzturēšanas un tehniskās izmaksas, skaisti un ekonomiski sazināties. Tātad, kad mēs atradām īsto laika logu šim pārveidošanas projektam, šī pati pieeja tika parādīta arī vietnē.
Bija sajūta, ka mēs varētu dramatiski samazināt un vienkāršot mūsu tīmekļa mārketinga klātbūtni: mazāk vārdu, mazāk lapu, mazāk tālruņu un planšetdatoru ar ekrāniem bloķētu attēlu. Mazāk izsmeļošs, viss, izņemot virtuvi, izlietnes produkta apraksts, mazāk pārliecināšanas par produktu un tiešāks veids, kā to izdarīt.
Turklāt vietnei Rdio.com vienkārši vajadzēja atsvaidzināt. Iepriekšējā vietnes versija bija eleganta un diezgan efektīva, un tā mums bija labi kalpojusi pāris gadus, taču tā sāka parādīt savu vecumu, izjūtot sinhronizāciju ar dažiem nozīmīgākajiem tīmekļa un mobilo produktu dizaina atjauninājumiem, kas tika ieviesti. mēnešiem un arvien biežāk.
Papildus novecojušam izskatu un izjūtai vietne faktiski saturēja arī novecojušu informāciju. Tur bija pietiekami daudz satura, kas bija apgrūtinošs, īpaši liesai, galvenokārt uz produktu orientētai dizaineru komandai, lai saglabātu visu kopiju un produktu ekrānu aktualitāti. Mēs vēlējāmies daļēji stingri ierobežot satura daudzumu, lai mūs neaizkavētu daudz satura uzturēšanas.
Kāda bija jūsu dizaina pieeja projektam?
GK: Mums radikāli vienkārša mārketinga vietne veic darbu vienā lapā. Un neviena milzīga, ilgi ritinoša, 20 minūtes visu lasoša lapa. Drīzāk viena īsa lappuse (ar zināmu ritināšanu atļauta), kurā tika iegūta nepieciešamā informācija. Mēs to paturējām kā praktisku vadlīniju, tuvojoties projektam. Bet mūsu pieejas īsums nebija tikai patvaļīgs mērķis.
Rdio ir pati labākā mārketinga vietne. Reģistrēties un izmantot ir bez maksas, un mēs domājam, ka lietotāji būs priecīgi, kad viņi sāks klausīties un atklāt mūziku. Mēs kaislīgi ticam produktam. Tāpēc, protams, mūsu mērķis nav panākt, lai cilvēki pavadītu daudz laika mūsu vietnes atteiktajās lapās. Mēs vēlamies, lai cilvēki pavadītu laiku produktā.
Paturot to prātā, tuvojoties šim projektam, mēs vēlējāmies vienkāršot piedāvājumu galvenajā lapā. Mēs par prioritāti izvirzījām ātras, acīmredzamas ieejas vietas izveidi lietotnē apmeklētājiem, kuri jau bija apņēmušies - ievietot lielu Facebook / e-pasta reģistrēšanās opciju priekšā un centrā - un novērst mazāk svarīgus aicinājumus uz darbību un nebūtisku kopiju.
Rdio ir pati labākā mārketinga vietne. Mēs kaislīgi ticam produktam
Atzīstot, ka būs cilvēki, kuriem pirms lēmuma pieņemšanas ir vajadzīga vairāk informācijas, mēs sniedzām īsu paskaidrojumu par mūsu abonēšanas iespējām un pāris “pīlāra” funkcijām, taču slēpām to tieši “zem reizes” uz lapas slodzi neatkarīgi no apmeklētāja pārlūka loga izmērs.
Patiesībā mēs sākām vairāk domāt par mārketinga vietnes pārveidošanu, kā vienkārši pārveidot produkta pirmo ekrānu lietotājiem, kuri vēl nav pieteikušies, un, protams, mēs optimizējām tos apmeklētājus, kuri nekad nav pieteikušies.
Mēs vēlējāmies vietni, kas paredzēta lietotājiem, kuri nav reģistrējušies, un jauniem apmeklētājiem, kuri uzskata, ka tā pieder vienai un tai pašai dizaina saimei, un to izstrādāja tās pašas rokas, kuras izstrādāja lietotni Rdio, vienlaikus neaizņemoties tik tieši no izstrādājuma dizaina, lai apmulsinātu apmeklētājus. par to, kur bija robežas.
Izmantojot to visu, pāris pamatprioritātes nostiprināja mūsu izpēti: nodrošinot pastāvīgu piekļuvi reģistrācijai un ievērojami vienkāršojot ziņojumapmaiņu.
Kā jūs izdomājāt galvenās lapas koncepciju?
Mēs zinājām, ka galvenajai lapai ir jābūt bagātīgai pieredzei, taču tai nav jābūt ilgstošai, prasīgai vai pat pārāk aizraujošai pieredzei, jo, lai arī mēs vēlējāmies piesaistīt uzmanību, mēs nevēlējāmies izsist no sliedēm savus jaunos lietotājus.
Rdio mēs darām visu iespējamo, lai izkļūtu no ceļa un ļautu mūzikai kļūt par zvaigzni, un mēs cenšamies padarīt mūzikas klausīšanās un atklāšanas pieredzi pēc iespējas apburošāku un elegantāku. Viens veids, kā mēs cenšamies paveikt šīs lietas, ir ar lielu cieņu izturēties pret albuma mākslas darbu, izmantojot to kā galveno sastāvdaļu mūsu paletē.
Izpētot galvenās lapas koncepcijas, mēs aplūkojām iespējas, kas ietvēra iegultās mūzikas vai video atskaņošanu, oriģinālu fotogrāfiju izveidi vai esošo mūzikas un dzīvesveida fotogrāfiju ieviešanu. Fotoattēli un videoklipi, kas attēlo mūzikas ietekmi vai dzīvesveidu, var būt rosinoši un pat aizkustinoši, taču tie arī riskē justies nedaudz manipulējoši un "reklamējoši".
Galu galā mēs izvēlējāmies koncepciju, kas visprecīzāk parādīja, ka cieņa pret albuma mākslas darbu un izvietotie albumi ir galvenais vizuālais elements dažādos lapas stāvokļos. Mums mūzikas un vēstījuma vizuāla apvienošana visvairāk atbilda produktam un mūsu kultūrai Rdio.
Albuma noformējums kļūst par burtiem, kas iegremdēti četros virsraksta vārdos animācijas sākuma secībā. Un lapas atrisinātajā stāvoklī vairāk nekā puscaurspīdīga Rdio zilā lauka slānis ir ievietots vairāk albuma mākslas darbu, ļaujot ieskatīties tieši caur atslēgvārda izspiestajiem burtiem ("Mūzika attīstījās. Spēlē un atklāj bez maksas") līdz mākslas darbam zem tā. - priekšplāna / fona spēle, kas pamāj uz nebeidzamo mūzikas straumi, kas gaida Rdio iekšienē.
Ko jūs izmantojāt, lai izveidotu vietni?
Džeisons Noriss: UX un vizuālais noformējums notika galvenokārt Illustrator un Photoshop, izmantojot improvizētās tāfeles vai zīmuļu skices, kas visā garumā uztvēra spontānas domas. Kustības un ritināšanas prototipēšana tika veikta After Effects un Keynote.
Vietnes izveidošanas ziņā iepriekšējā mārketinga vietne bija bijusi atsevišķa, statiska vietne, kas neļāva mums dalīties ar Rdio lietotnei izstrādātajiem stiliem un funkcionalitātes bitiem. Mūsu inženieri izveidoja jauno galveno lapu, izmantojot to pašu komponentu bāzēto Javascript ietvaru, kuru izmantojam, lai izveidotu lietotni Rdio, kas ir veidota virs Backbone.js ietvara.
Mēs ļoti izmantojām HTML5 audekla elementu, lai dinamiski padarītu izplūdušo albuma noformējumu un tekstu “izgrieztus”. Ritināšanu kontrolē daži precīzi pielāgoti pielāgoti Javascript.
05. Kāds bija vislielākais izaicinājums projektā?
Maiks Tauvers: Sekundārā un terciārā informācijas līmeņa atlaišana, “sānu durvju” ieejas novēršana un darbības, ko vietnes apmeklētāji var veikt, samazināšana ir ticības lēciens.
Protams, jūs varat viegli sākt vai pārbaudīt vairākus scenārijus, lai mazinātu pārsteigumus, un atkārtot, pamatojoties uz to, ko uzzinājāt, bet vienkāršojot mūsu vietni, kas vienmēr vajadzēja daudz nervozēt, kā arī atkārtotus atgādinājumus par oriģinālu mērķus un prioritātes, lai mēs vienkārši to sasniegtu.
Ko jūs domājat par Rdio pārveidošanu? Informējiet mūs komentāros.
