Oppitunnit Mobile Web Design -ohjelmasta
Mobiilikehitys on kauhistusta, ja vuorovaikutteinen teollisuus on suuressa myllerryksessä, koska lukemattomat tabletit ja älypuhelimet tulevat markkinoille.
Mobiilisovelluksen kehittäminen saa suurimman osan huomiosta, kun taas mobiiliviihde nousee hieman hiljaa. Mutta mobiilisovellus etenee joka päivä, kun yhä useammat kehittäjät käynnistävät mobiilioptimoidut rajapinnat.
Suuri asia mobiiliverkossa on se, että se on pohjimmiltaan rakennettu kaikilla samoilla työkaluilla, joita käytetään perinteisessä web-suunnittelussa ja kehityksessä.
Tämä tekee siitä paljon helpommin kuin sovellusten kehittäminen. Monet käyttäjät haluavat myös käydä yrityksen verkkosivustolla matkalla ilman, että tarvitsisi välttämättä täydellistä sovellusta.
Mobiililaitteille optimoitujen sivustojen rakentaminen on niin samanlaista, mutta silti niin erilainen kuin suunnitella työpöydälle. Tietyillä tekijöillä on paljon merkittävämpi rooli. Esimerkiksi näytön koon vaihtelut, käyttäjien kiinnostusalueet ja käytettävyysongelmat ovat kriittisempiä kuin koskaan.
Nämä samat asiat ovat aina työpöydällä, mutta joskus on helpompi jättää huomiotta. Seuraavassa tarkastellaan joitakin oppitunteja opettamasta optimoinnista, joka tapahtuu mobiilisivustossa. Oppitunnit voivat suoraan ilmoittaa, miten suunnittelemme ja miten ajattelemme perinteistä web-suunnittelua ja verkkosivujen arkkitehtuuria.
Yksinkertaistettu navigointi mobiilisivustoilla
Yksi ensimmäisistä asioista, jotka käyvät ilmi, kun haetaan mobiilisivustoille, on navigoinnin äärimmäinen yksinkertaistaminen. Navigointi ei ole vain hyvin näkyvä ja keskeinen mobiilisivustolla, mutta se on myös usein leikattu huomattavasti keskittymään vain kriittisimpiin elementteihin.
Minusta on hämmästyttävää, kuinka huipputason navigointi voidaan keittää kahteen tai neljään eriin useimmilla mobiilisivustoilla. Tietenkin tunnen, että mobiilisivuston sisältö on melko usein optimoitu kohdeyleisölle. Esimerkiksi, Totuus Tabernaakkikirkko on kuusi vaihtoehtoa sen pääavigoinnissa, joista vain yksi on tehnyt navigoinnin mobiiliversio ; ja se, joka on tehnyt sen ("Yhteys") on koko kotisivun painopiste.
Sisällön, joka ei tehnyt sitä mobiiliversioon, on tietysti vielä täysin merkityksellinen. Matkapuhelinliittymän tarkoituksena on saada kiinni ihmisiä, jotka yrittävät löytää kirkon tai tarkistaa palveluaikoja tai vain ottaa yhteyttä heihin. Nämä ovat mobiilisurffin todennäköisimpiä tavoitteita. Ne, jotka kohtaavat täydellisen verkkosivuston pöytätietokoneelle, haluavat todennäköisesti sellaisia asioita, koska he haluavat tutkia kirkkoa nähdäkseen, onko se sellainen paikka, johon he haluavat vierailla.
Joten, mikä oppitunti on oppia? Eivätkö nämä kaksi rajapintaa kohdata täysin eri yleisöjä ja niillä on täysin erilaiset tavoitteet? Ehkä, mutta voimme oppia paljon matkaviestimen äärimmäisestä kohdasta. Huomaa, miten kaikki on toimista, joita voit tehdä? Kirkko on poistanut kaikki navigointielementit, jotka tuntuvat laatikoilta tarkistaakseen.
Yksi mielenkiintoinen elementti on "Tietoja" -valintamahdollisuus koko sivustolla. Mobiilisivusto voidaan optimoida liikkuville ihmisille, mutta ei ole syytä olettaa, etteivät he ole kiinnostuneita lukemasta kirkosta ja sen uskomuksista. Joku on voinut mainita kirkon ohi kulkemisen ja kehottaa sinua etsimään sitä puhelimeesi.
Joten tämän elementin navigointivaihtoehtoa olisi muutettava. Mitä jos sen sijaan se ilmoitti jotain, "Mitä sinun pitäisi tietää meistä"? Vaikka vähän pitkä, se heijastaa enemmän hyödyllistä asennetta. Yleinen "About" ämpäri tuntuu paikkana pitää kaikki tiedot, joita kukaan ei lue. "Kirkollisen oppaan opas" tuntuu paljon hyödylliseltä ja kohdennetummalta.
Mobiilirajapinnan yksinkertaisuus ja keskittyminen osoittavat, että kaikella on oltava tarkoitus ansaita rahaa verkkosivuilla. Jos sama koskee koko verkkosivustoa, olisimme vähemmän halukkaita täyttämään sen näennäisesti tärkeällä sisällöllä ja pyrkimällä varmistamaan, että kaikilla on selkeä tehtävä.
Tämä heijastaa hyvin tehtävälähtöistä mentaliteettia. Jokainen vaihtoehto haastaa käyttäjän ryhtymään aktiiviseen askelta. On kuin jokainen passiivinen vaihtoehto on puhdistettu ja vähennetty toimiviin kohteisiin mobiilisivustolla. Tämä johtaa meidät seuraaviin oppeihin: olla erittäin tehtävähoidossa.
Mobiilisivustot ovat tehtäväsuuntautuneita
Tarkastelemme tehtäväsuuntautunutta ajattelutapaa täysin uudelleen. Vaikka kotisivu on kauniisti suunniteltu, toimintapyyntö on paljon vähemmän ilmeistä. Sisältö on täynnä tietoja, jotka odottavat sinua päättävän olla kiinnostuneita.
Esimerkiksi tulevassa tapahtumassa korostettu suuri banneri epäonnistuu minulle jonkinlaiseen toimintaan; hyvin passiivinen. Tehtäväpohjaisella ajattelulla voisimme parantua merkittävästi "Lue lisää" -toiminnolla. Tämä voi olla niin yksinkertaista, että toiminnan kutsuminen on paljon näkyvämpää; esimerkiksi suuri painike kontrastisessa oranssissa. Lisäksi puhelua voidaan muuttaa "Opi lisää ja kirjaudu sisään."
Toinen esimerkki on tervetullut viesti. Arvostan tässä tarkoitetun tiedon tarkoitusta ja viestiä. Viesti osoittaa, että todellisia ihmisiä on verkkosivuston taakse, ja se yrittää tehdä sivun tuntuvan itsestään. Mutta jälleen, selvittäkäämme tämä tehtävä-suuntautuneella mentaliteetilla. Tällaisen johdannon loistava seuranta olisi selkeä kehotus toimia, joka rohkaisee kävijöitä ryhtymään seuraavaan vaiheeseen. Loppujen lopuksi vain ihmiset, jotka lukevat tätä, ovat tulokkaita. Nykyiset jäsenet ohittavat tämän ohitse tapahtumakalenteriin. Joten tarjoa konversiopiste käyttäjille, kuten "Kysy vaikeilta kysymyksiltä" tai "Mitä odottaa, kun vierailet."
Sen sijaan "Special guest" -ruutu on fantastinen. Se käsittelee avainkysymyksiä ja ajaa ihmisiä syvemmälle. Mietin vain, voisiko se olla näkyvämpi osa sivua. Jälleen jäsenet pääsevät siihen, mihin heidän täytyy mennä. joten keskittyminen niihin, jotka ovat uuteen verkkosivustolle ja kirkolle, menevät pitkälle mahdollisuuden maksimoimiseksi.
Tiedän, että olen todella pelaamassa tätä sivustoa ylöspäin, mutta se ei ole siksi, että en pidä siitä tai ajattelen, että se ei palvele sen toimintaa. Tavoitteenani on vain haastaa ajattelumme ja ennakoidut käsitykset siitä, millainen verkkosivusto pitäisi näyttää ja tehdä. Minä todella kiitän tätä kirkkoa kauniin ja toimivan verkkosivuston saamiseksi, mobiililaajennuksella käynnistää!
Mobiilisivustot dramaattisesti kutistavat sisältöä
Toinen ilmeinen oppitunti, joka liittyy navigointia alaspäin, on se, että mobiilisivustot vähentävät aina sisältöään. Paitsi vaihtoehtojen määrä vähenee verkkosivuston ydintoimintoihin ja tarkoitukseen, mutta kopio on myös huomattavasti vähentynyt.
Joissakin tapauksissa suurin osa kopiosta poistuu kokonaan! Tämä herättää kysymyksen, onko tämä sisältö tarpeellinen koko sivustolla, jos mobiiliversio toimii hyvin ilman sitä? Divi Aruba on erinomainen esimerkki tästä. Houkutteleva markkinointipuhe, jota kuvataan yliluonnollisesti, saattaa näyttää kotisivulta välttämättömältä elementtinä, mutta se on ollut mikro-mobiilisivustolla .
Mobiiliversiossa logo on sijoitettu saman kuvan päälle, mutta silti se antaa täsmälleen saman viestin: jos haluat mennä johonkin paikkaan, lue se. Miksi emme käytä tätä näkyvää paikkaa auttamaan ihmisiä haluamaasi toimintaan? Varmasti suunnittelijat tietävät, mikä on kriittisin tekijä asiakkaiden muokkaamiseksi asiakkaille. Aseta nämä tiedot työhön ja aja ihmisiä siellä näkyvällä toimintamuodolla fluffy markkinoinnin sijaan.
Kaikki hyvät jutut, ei kaatamista
Tämä johtaa meidät seuraavaan oppituntiin: menettää nukka. Seuraava esimerkki on myönteinen osoitus tästä. Travel Tex on Teksasin osavaltion matkailutietosivusto. Se on selkeä tarkoitus ja yleisö mielessä. Onneksi suunnittelijat ovat täysin omaksuneet fluffy-vähemmän ajattelutavan.
Ei vain mini-mobiilisivustolla keskittyä kokonaan käsillä olevaan aiheeseen ja tärkeimpiin toimiviin kohteisiin, mutta niin myös koko verkkosivusto! Mikä helpotus nähdä lähes nukkumaan ollenkaan. Mukaan lukien jotain hirveätä kuin Texasin historia olisi liian houkuttelevaa. Jos ihmiset halusivat historian oppitunteja, he eivät tule tälle sivustolle. Sinua on vaikea etsiä sisältöä, joka ei ole tämän verkkosivuston ainutlaatuisen tarkoituksen kannalta merkityksellinen.
Ota tavaksi kyseenalaistaa kaiken. Tämä on ainoa tapa todella kiehua verkkosivuilla alas sen kriittisiin elementteihin, mikä juuri tapahtuu hyvällä mobiilisivustolla. Vaaleita valintoja tehdään ja muuten arvokasta sisältöä leikataan verkkosivujen virtaviivaistamiseksi. Soita fluffi mitä se on ja nuke se!
Brändäys on kuningas mobiiliverkossa
Olen kaikki luovuudesta verkossa. Itse asiassa monet alan suurimmista muutoksista ovat johtuneet siitä, että kieltäytyminen pysytteleekin nykytilanteessa. Mutta on aika ja paikka kaikesta. Niin monet suunnittelijat käyttävät tehtävänsä tekosyynä vapauttaa luovat mehut, ei muuta kuin tehdä jotain luovaa. Tämä muuttaa sivuston muotoiluksi suunnittelijalle, ei asiakkaalle eikä heidän tarpeilleen. Tämä on yksi asia, mobiiliviihde varoittaa melko rohkeasti.
Brändäys on uskomattoman johdonmukainen mobiiliverkossa, ja yksi yhtenäisimmistä osista on logon sijoittaminen. Mobiilisivustoilla et löydä mitään hulluja logoja alareunassa kiinteillä alatunnisteilla. Toiminnallisuus on kuningas, ja logot näkyvät aina yläosassa. Voitteko kuvitella, että olet lyönyt mobiilisivustosi ja et näe logoa heti? Tämä on kuitenkin yleistä monissa verkkosivuilla.
Seuraavassa on muutamia verkkosivustoja, jotka ovat vähäisiä ja puutteellisia, ja niissä on runsaasti tuotemerkkejä, joita ei voi hukata.
Tässä oppitunnilla voi olla syvällinen vaikutus siihen, miten lähestyt työsi ja perusasiat, jonka olet esittänyt asiakkaillesi. Jokaiselle suunnittelijalle, joka luulee, että asiakkaan tarpeet ovat koko hankkeen tarkoitus, on toinen, joka haluaa näyttää maailmalle, kuinka luova ja alkuperäinen he ovat.
Kaikkien muiden verkkosivustojen tuottamiseen osallistuvien tahojen kanssa web-suunnittelija haluaa olla yksimielisiä palvelemassa asiakasta, auttamaan heitä liiketoiminnassa ja parantamaan lopputulosta. Jokaisella elementillä, jonka laitat mobiilisivustolle, pitää sen roolin ja sen tuoman edun. Sovella tätä ajattelutapaa kaikelle tekemillesi, ja pian löydät vahvan liittolainen asiakkaallesi.
Mitä enemmän käsittelemme asiakkaan tarpeita ja teemme kaikkemme, jotta voimme tuoda arvoa verkkosivuillemme, sitä enemmän näemme perustavanlaatuisen muutoksen työstämme. Menemme rakentamaan "hienoja juttuja" tarkastelemaan kaikkea asiakkaan näkökulmasta. Pitääkö tämä ominaisuus kasvattaa voittoa? Miten muotoa voidaan muuttaa liiketoiminnan parantamiseksi? Jos työsi sivutuote on enemmän rahaa asiakkaalle, niin löydät mahdollisuuden kaikkialla.
Sivustoja, joissa ei ole kipuja
Yksi mobiiliverkon suurimmista saavutuksista on pokerin täydellinen puute. Jotta olisi reilua, siellä on aika ja paikka trendeille verkossa. Itse olen omistautunut kirjojen koko osioille. Mutta mobiilisivustoilla olevien temppujen puute osoittaa, että näillä näennäisesti hienoilla ideoilla ei ole todellista tarkoitusta.
Kaikki mobiilisivustolla kulkevan sivuston on läpäistävä useita suodattimia. Sisältö on asianmukainen ja hyödyllinen? Sisältö on kriittinen ja toimiikö sen verkkosivuston ydintoiminto? Onko verkkosivusto helppo käyttää ja ymmärtää? Onko navigointi epätavanomaista? Jos näin on, onko se kriittinen sivuston toiminnalle? Vastaus voi olla kyllä, mutta useimmiten se on ratkaiseva ei.
Joitakin haasteita, jotka ovat huomattavasti poissa liikkuvasta kehityksestä, ovat roiskesuojat, epätavallinen navigointi, mielekkäitä animaatioita ja vuorovaikutteisuutta, rullan vierekkäisiä alueita, parittomia asetteluja ja kiinteän leveyden asetteluja. Matkaviestinverkon tehokkuus on hämmästyttävä.
johtopäätös
Kuten näette, meillä on lukuisia oppitunteja oppimasta mobiiliverkosta; erityisesti sen kykyä paljastaa sivuston tarpeettomia elementtejä. Kuten monissa asioissa elämässä, perspektiivinen muutos usein avaa silmämme sen todelliseen arvoon, jota olemme pitkään pitäneet itsestäänselvyytenä.
En ehdota, että olemme menettäneet näkyvyyden verkon tarkoituksesta. Pikemminkin ehdotan, että hyväksymme paljon strategisemman mentaliteetin.
Patrick McNeil on freelance-kirjailija, kehittäjä ja suunnittelija. Erityisesti hän rakastaa kirjoittaa web-suunnittelusta, kouluttaa ihmisiä web-kehityksestä ja rakentaa verkkosivustoja. Patrickin uusin kirjaprojekti on Suunnittimen verkkokäsikirja ; se sisältää monia aiheita tämän artikkelin mukaisesti. Saat lisätietoja siitä TheWebDesignersIdeaBook.com . Seuraa Patrickia Twitterissä @designmeltdown .
Tämä viesti toi DudaMobile, a mobiilisivustolla luominen yritys.
Mitä mobiilisuunnittelun piirteitä yrität kääntää työpöydälle? Näetkö yksinkertaisuuden ja nopeuden mobiiliverkossa itse?