Miten lopettaminen pettää parantamaan UX: ää
Tarinankeräys on tuntemattomasta tiedosta. Mutta suunnittelijat eivät ole tarinankertojia, ja niiden suunnittelun kohteet on aina oltava selkeitä käyttäjälle. Piirtämällä pieniä spoilereita käyttöliittymäsuunnitelmiimme ja hämmentämällä yllätyksiä suunnittelemme paljon parempia käyttäjäkokemuksia.
Pop-viisauden fanit ovat usein väittäneet, että niitä on vain kaksi erillistä tonttia koko länsimaisessa kulttuurissa: henkilö menee matkalle ja vierailija tulee kaupunkiin.
Lyhyt liuku kirjahyllystäsi hylkää säännön - ellet salli metaforisia matkoja, joissa kaikki sopii - mutta taajuus, jolla ajatus toistuu, ja sen mielekkyys, puhuu tuntemattoman keskitetysti Länsi-Euroopassa ideoita kerronnasta.
Molemmissa tiloissa ihminen otetaan käyttöön jotain uutta ja odottamatonta, ainoa muunnelma on se näkökulma, josta kerronta puhuu; molemmissa tapauksissa tarina kaari on tuntematon tullut tunnettu . Kun Clint Eastwood ratsastaa murskattu kaupunki 1800-luvulla Idaho, uteliaisuus hänen identiteettinsä on se, mikä ajaa meidän sitoutumista. Kun luemme Tolkienin Lord of the Rings trilogian, emme ole koskaan epäilemättä, että Frodo lopulta tekee sen Mt Doomille, kiinnostus on mitä tapahtuu matkan varrella.
Avain tarinanhakuun on se, että tuntematon ja tuntematon tuntuu.
Suunnittelijat eivät ole tarinoita
Lukuisat suunnittelijat ovat viitannut itseään tarinaajiin, mutta tämä on yksinkertaisesti kitsch tapa viitata viestintään. Kertoa tarina, meidän on edistettävä tuntematonta valmistautuessaan suuriin paljastuksiin, ja suurin este tästä lähestymistavasta on se, että verkkokokemukset - ja haluaisin väittää useimmat kohtaamiset suunnittelusta - ovat epälineaarisia ja avoimia.
Suunnittelu on itse asiassa paljon lähempänä runoutta. Runot ovat tyypillisesti purenta-kokoisia paloja, ja niissä tutkitaan teemoja, jotka ovat avoimia tulkkauksille.
Kaikkein rakentaa tarina, suunnittelijan tehtävänä on selventää mahdollisimman räikeästi.
Spoilerien käyttö mikrointeraktioissa
Mikä on mielenkiintoisin elementti Jawsissa ? Onko Brody väittänyt pormestarin kanssa? Onko Quint kertoo Indianapolin tarinaa? Onko Hooperin tapaus Ellen Brody (kyllä todella, lue kirja!)? Ei. Se on musiikkia. Heti kun härkä alkaa soittaa selloa, jonka tiedämme tulevan, sen saapuminen kirjaimellisesti mainitaan. [Muuten, Jaws on mielenkiintoinen esimerkki elokuvasta, jossa sekä vierailija (hain) tulee kaupunkiin, ja sitten mies menee matkalle (merelle).
Voimme luoda sitoutumista muotoiluun jatkuvasti pudottamalla spoilerit, viitaten siihen, mitä on tulossa, omalla soolomusiikilla. Tätä varten käytämme mikrointeraktioita - yksinkertaisia UI-komponentteja, joissa on liipaisin ja palautetta. Mikro-vuorovaikutuksen takaisinkytkentäosa on paikka, johon spoileri voidaan sijoittaa.
Se toimii esikatselemalla tietoja, jotka lineaarisella kokemuksella otetaan käyttöön myöhemmässä vaiheessa. Avain on tuoda tietoja eteenpäin.
pikkukuvat
Aloitetaan jotain tuttua: klassinen esimerkki tiedon tuottamisesta eteenpäin on pienoiskuva. Pienoiskuva on esikatselu suuremmasta elementistä, visuaalisesta oppimisesta siihen, mitä odottaa linkin toisessa päässä.
Jacky Winter on lahjakkuusvirasto taiteilijoille, kuvittajille ja animaattoreille. Monipuolisella lahjakkuusalueella paras tapa selata työtä on perinteiset pikkukuvat.
Pikkukuvien ei tarvitse olla perinteisiä. Alexandre Nacache on taiteellinen johtaja ja vuorovaikutteinen suunnittelija, jonka sivusto käyttää projektielementtien esikatseluja, eikä minimaalisen muotoilun jäljennöksiä.
bao on italialainen ravintola, jossa on kolme paikkaa Lontoossa. Heidän sijainninsa kuvat näyttävät pienoiskuvina, mikä viittaa paitsi ravintolaan, mutta mahdolliseen kokemukseen.
Päivä ulos on Glasgow-pohjainen design-studio. Sivustojen pikkukuvat muodostavat tärkeän osan taiteen suunnasta ja luo oman brändin esteettisen.
5 minuutin lukeminen
Paluupäivänä ainoa tapa tietää, kuinka kauan tällainen artikkelin lukeminen kestää, oli tarkistaa aika, lukea artikkeli ja tarkistaa aika uudelleen.
Hyväksynnän perusteella yksi viime vuosien menestyneimmistä käyttöliittymän elementeistä on hyödyllinen pieni indikaattori, joka kertoo, kuinka kauan artikkeli tulee lukemaan. Suosittuja sivustoja, kuten Medium, ei ole silmäseurantaa tai käsittelyn nopeus lasketaan, "5 minuutin lukea" arvio perustuu sanan määrä-125 sanaa on odotetaan luettavaksi 30 sekunnissa tai sen ulkopuolella. Mutta tämäkin yleistynyt tieto on riittävää, jotta käyttäjät voivat tehdä perusteltuja päätöksiä sitoumuksestaan sivustoon, tuotteeseen tai tuotteeseen.
Monotoni Australian Design Radio on rikki vain vastakkaisen punaisen, jota käytetään hover-tiloissa. Ainoa elementti, joka käyttää punaista ilman vuorovaikutusta? Toistopaikka, jossa on sijainti ja kokonaispituus.
mammuttipetäjä on Kaliforniassa toimiva riskipääomayhtiö. Profiilit teknologiayrityksistä omistaa aloitussivunsa. Jokaisessa profiilissa on numeroitu sijainti ja liukusäätimen animoitu ajastin kiinnittää huomiota tarkalleen missä olet prosessissa.
Vimeo sisältää joitain parhaita videoita verkossa. He olisivat voineet näyttää kaikki haluamansa tiedot - tuottaja, aihe, otsikko - kun heiluttavat pikkukuviaan. He valitsivat keston.
Cinelli on Italian hienoimpia pyörämerkkejä. Niiden tuotteiden liukusäätimellä on numerot "seuraava" ja "edellinen" -painikkeet. Nuolet yksin riittivät mielekkääksi, mutta suunnittelijat toivat tiedot eteenpäin yksinkertaisella lisäyksellä painikkeisiin.
Kelpoisuustiedot
Yksi yksinkertaisimmista keinoista rajapinnan parantamiseksi on saada tietoja mielekkäästä kontekstista. Avain tähän ei ole toimittaa liikaa tietoa, vain yksinkertainen yhteenveto, joka voidaan lukea yhdellä silmäyksellä.
Ohje Scout on asiakaspalvelu SaaS. Niiden hallintapaneeli näyttää keskeisiä tietoja, kuten kokonaiskeskusteluja, mikä olisi merkityksetön ilman lisättävää nuolta ja prosenttiosuutta, joka osoittaa, onko kyseessä parannus tai takaisku.
Varaaminen lipusta Lyonista Bordeauxon tehdään helpommin milloin Trainline näyttää matkan viivan alapuolella olevan palkin, jotta saadaan visuaalinen ilmaisu sekä kestosta että muutosten määrästä.
Kartat ja vakuutta
Kun ennakoimme matkoja, varsinkin matkaa tuntemattomaan, usein kartoitetaan kokemus kartan kanssa. Todellisessa maailmassa kartta on hyvin kuin kohteen pienoiskuva. Käyttöliittymäsuunnittelussa käytettävät kartat selventävät tietorakenteita.
Tarrat ovat yksi monimutkaisimmista tietorakennearkkitehtuurista, koska ne pyrkivät kohti ammattikieltä, usein yrityskohtaista jargonia. Lisäämällä jargon-free microcopy esikatselee kohde käyttäjille ja auttaa heitä löytämään tie oikeille tiedoille.
Ristikko on suorituskyvyn hallinta SaaS, mutta niiden tuotteet ovat erittäin yrityskeskeisiä. He ratkaisevat tämän ongelman ilmoittamalla kunkin tuotteen avainominaisuuden valikossa.
Thriva auttaa sinua seuraamaan terveystasi verikokeilla, joita voit ottaa kotona. Heillä on kolme tuotetasoa, jotka selkeästi selitetään valikossaan.
Rahoitustoimet ovat teknisesti monimutkaisia. pleedi tarjoaa erilaisia API-tuotteita kehittäjille. Niiden valikossa ei selitetä jokaisen tuotteen avainominaisuutta, vaan esikatselee kahta mahdollista ratkaisua tuoteyhdistelmien perusteella.
Avain tehokas UI-suunnittelu on Spoilers
Tarinoiden kertominen on tehokkaan suunnittelun vastakkainasettelu, koska tarinoita luonteeltaan tunkeutuu kokemattomaan elementteihin. Suunnittelu, sen sijaan, pyrkii poistamaan tuntematon selvittämällä.
Kun tuomme tietoja eteenpäin suunnittelussa, me yleensä teemme niin yksinkertaisella tavalla. Yksittäinen hyvin valittu data voi selkiyttää koko prosessin. Mikroyhteistyö on ihanteellinen tapa sijoittaa nämä spoilerit, jotka antavat käyttäjille mahdollisuuden luoda omia kokemuksiaan ja tietävät aina täsmällisesti, missä ne ovat laajassa yhteydessä.
Ilmaisemalla enemmän kuin lineaarinen tarina tekisimme käyttäjille paljon tehokkaammin ja suunnitellaksemme kokemuksia, jotka ovat kestäviä ja hauskoja käyttää.