Turinys
- Kas paskatino pertvarkyti?
- Koks buvo jūsų dizaino požiūris į projektą?
- Kaip sugalvojote nukreipimo puslapio koncepciją?
- Ką naudojote kurdami svetainę?
- 05. Koks buvo sudėtingiausias projekto aspektas?
„Social jukebox Rdio“ yra internetinė muzikos paslauga, kurioje vartotojai gali naudotis daugiau nei 20 milijonų dainų. Norint atsigaivinti, įmonės svetainės dizainas buvo minimaliai ir elegantiškai pakeistas, o naujame, dėmesį patraukiančiame nukreipimo puslapyje naudojami įvairūs albumo kūriniai. Kalbėjome su projekto „Geoff Koops“ vizualinio dizaino vadovu, „UX“ dizaineriu Mike'u Towberiu ir priekiniu inžinieriumi Jasonu Norrisu, kad sužinotume daugiau ...
Kas paskatino pertvarkyti?
Geoffas Koopsas: Visose „Rdio“ projektavimo ir inžinerijos pastangose nuolat norima sumažinti ir supaprastinti - pagerinti mūsų vartotojų patirtį, sumažinti priežiūros ir technines išlaidas, gražiai ir ekonomiškai bendrauti. Taigi, kai radome tinkamą šio pertvarkymo projekto laiko langą, tas pats požiūris buvo pateiktas ir svetainėje.
Atrodė, kad galime žymiai sumažinti ir supaprastinti savo internetinę rinkodarą: mažiau žodžių, mažiau puslapių, mažiau telefonų ir planšetinių kompiuterių su ekranais užrakinimo. Mažiau išsamus, viskas, išskyrus virtuvę, kriauklės aprašymas, mažiau įtikinėjimas apie produktą ir tiesesnis būdas.
Be to, Rdio.com tiesiog reikėjo atnaujinti. Ankstesnė svetainės versija buvo elegantiška ir gana efektyvi, ir ji mums puikiai tarnavo keletą metų, tačiau ji pradėjo rodyti savo amžių, nesijaučia nesinchronizuota su kai kuriais svarbiausiais interneto ir mobiliųjų produktų dizaino atnaujinimais, kurie buvo pristatomi. mėnesius ir vis dažniau.
Be pasenusios išvaizdos, svetainėje iš tikrųjų buvo tam tikra pasenusi informacija. Turinio buvo pakankamai, kad tai būtų našta, ypač liesai, daugiausia į produktą orientuotai dizaino komandai, kad visos kopijos ir produktų ekranai būtų atnaujinti. Norėjome iš dalies griežtai apriboti turinio kiekį, kad nebūtume užgriuvę daugybės turinio priežiūros.
Koks buvo jūsų dizaino požiūris į projektą?
GK: Mums radikaliai paprasta rinkodaros svetainė atlieka darbą viename puslapyje. Ir ne vienas milžiniškas ilgai slenkantis, 20 minučių perskaitytas puslapis. Atvirkščiai, vienas trumpas puslapis (su tam tikru slinkimu leidžiamas), kuriame pateikta reikalinga informacija. Mes tai laikėmės kaip praktinę gairę artėdami prie projekto. Tačiau mūsų požiūrio trumpumas nebuvo tik savavališkas tikslas.
„Rdio“ yra pati geriausia jos rinkodaros svetainė. Prisiregistruoti ir naudotis yra nemokama, ir mes manome, kad vartotojai bus patenkinti, kai pradės klausytis ir atrasti muziką. Mes aistringai tikime produktu. Taigi, priversti žmones praleisti daug laiko atsijungusiuose mūsų svetainės puslapiuose, žinoma, nėra mūsų tikslas - norime, kad žmonės praleistų laiką gaminyje.
Atsižvelgdami į tai, artėdami prie šio projekto norėjome supaprastinti pasiūlymą nukreipimo puslapyje. Pirmenybę teikėme greito, akivaizdaus įėjimo į programą lankytojams, kurie jau apsisprendė, sukūrimui - padėkite didelę „Facebook“ / el. Pašto registracijos parinktį priekyje ir centre - ir pašalinkite ne tokius svarbius raginimus veikti ir nebūtiną kopiją.
„Rdio“ yra pati geriausia jos rinkodaros svetainė. Mes aistringai tikime produktu
Pripažinę, kad atsiras žmonių, kuriems prieš priimant sprendimą reikia daugiau informacijos, glaustai paaiškinome savo prenumeratos parinktis ir porą „ramsčio“ funkcijų, tačiau paslėpėme ją tiesiai „žemiau matomos ribos“ puslapio apkrovoje, neatsižvelgiant į lankytojo naršyklę. lango dydis.
Tiesą sakant, mes pradėjome daugiau galvoti apie rinkodaros svetainės pertvarkymą, kaip tiesiog pertvarkyti pirmąjį produkto ekraną vartotojams, kurie dar nėra prisijungę, ir, žinoma, mes optimizavome tiems lankytojams, kurie niekada nebuvo prisijungę.
Norėjome, kad būtų atjungtų vartotojų ir naujų lankytojų svetainė, kuri jaustųsi priklausanti tai pačiai dizaino šeimai ir kurią sukūrė tos pačios rankos, kaip ir tos, kurios kūrė „Rdio“ programėlę, tuo tarpu nesiskolindami taip tiesiogiai iš produkto dizaino, kad suklaidintumėte lankytojus apie tai, kur buvo ribos.
Viskas, pora pagrindinių prioritetų įtvirtino mūsų tyrimus: nuolatinės prieigos prieigos suteikimas ir masiškas supaprastinimas mūsų žinutėmis.
Kaip sugalvojote nukreipimo puslapio koncepciją?
Žinojome, kad nukreipimo puslapis turi būti turtingas, bet ne ilgos, daug reikalaujančios ar net pernelyg įtraukiančios, nes nors ir norėjome patraukti dėmesį, nenorėjome išstumti iš vėžių savo naujų vartotojų.
„Rdio“ mes darome viską, kad išvengtume kelio ir leistume muzikai tapti žvaigžde, ir stengiamės, kad muzikos klausymo ir atradimo patirtis būtų kuo malonesnė ir elegantiškesnė. Vienas iš būdų, kaip mes stengiamės įvykdyti šiuos dalykus, yra labai pagarbus albumo kūrinių naudojimas, naudojant tai kaip pagrindinį ingredientą mūsų paletėje.
Nagrinėdami nukreipimo puslapio koncepcijas, mes ištyrėme galimybes, kurios buvo susijusios su įterptosios muzikos ar vaizdo įrašų grojimu, originalios fotografijos kūrimu arba esamos į muziką ir gyvenimo stilių fotografija. Nuotraukos ir vaizdo įrašai, vaizduojantys muzikos poveikį ar gyvenimo būdą, gali būti žadinantys ir netgi jaudinantys, tačiau taip pat rizikuoja jaustis šiek tiek manipuliuojančiais ir „reklaminiais“.
Galų gale mes pasirinkome koncepciją, kuri aiškiai parodė tą pagarbą albumo iliustracijai ir išdėstytus albumus kaip pagrindinį vizualinį elementą įvairiose puslapio būsenose. Mums vizualiai susiliejusi muzika ir žinia labiausiai atitiko produktą ir mūsų kultūrą „Rdio“.
Albumo iliustracija tampa raidėmis, įterptomis į keturis antraštės žodžius animacinėje atidarymo sekoje. Išsprendus puslapio būseną, daugiau pusiau permatomo Rdio mėlynos spalvos lauko sluoksnių yra daugiau albumo iliustracijų, leidžiančių žvilgtelėti ties išmuštomis žymos raidėmis („Muzika vystėsi. Žaisk ir atrask nemokamai“) į po žeme esančius meno kūrinius. - priekinis / foninis grojimas, linktelintis į nesibaigiantį muzikos srautą, kuris laukia „Rdio“ viduje.
Ką naudojote kurdami svetainę?
Jasonas Norrisas: „UX“ ir vizualinis dizainas dažniausiai įvyko „Illustrator“ ir „Photoshop“, o ekspromtu sukurtos lentos ar pieštuko eskizai visą laiką užfiksavo spontaniškas mintis. Judėjimo ir slinkimo prototipai buvo sukurti „After Effects“ ir „Keynote“.
Kalbant apie svetainės kūrimą, ankstesnė rinkodaros svetainė buvo atskira, statiška svetainė, kuri neleido mums dalytis stiliais ir funkcionalumo bitais, kuriuos sukūrėme „Rdio“ programai. Mūsų inžinieriai sukūrė naują nukreipimo puslapį naudodami tą patį komponentų „Javascript“ pagrindą, kurį naudojame kurdami „Rdio“ programą, sukurtą ant „Backbone.js“ sistemos.
Mes labai naudojome HTML5 drobės elementą, kad dinamiškai padarytume neryškų albumo viršelį ir tekstą „iškirptus“. Slinkimą valdo kai kurie tiksliai sureguliuoti, pritaikyti „Javascript“.
05. Koks buvo sudėtingiausias projekto aspektas?
Mike'as Towberis: Atsisakyti antrinės ir tretinės informacijos pakopų, pašalinti „šoninių durų“ įėjimus ir sumažinti veiksmus, kuriuos gali atlikti svetainės lankytojai, yra tikėjimo šuolis.
Žinoma, galite lengvai paleisti arba išbandyti kelis scenarijus, kad sumažintumėte netikėtumus, ir kartoti pagal tai, ko išmokote, tačiau supaprastindami mūsų svetainę, kad tam tikru metu visada reikėdavo atimti daug nervų, taip pat pakartoti originalo priminimus tikslus ir prioritetus, kad mes tiesiog to siektume.
Ką manote apie „Rdio“ pertvarkymą? Praneškite mums komentaruose.
