Käyttöliittymäaiheisessa blogissamme seuraamme digitaalisen suunnittelun trendejä ja muita graafisen alan oikkuja.

Suositut aiheet

Apple AR Augmented Reality Fun HCP Ideat Innovaatio Inspiraatio Konsepti Käyttöliittymä Käyttöliittymäsuunnittelu Meego Mobile OSX Software Tekniikka Teknologia Tuote UI valokuva Web Windows 8
Artikkelit aiheesta Innovaatio

Nokian GEM puhelinkonsepti

Hyvän konseptin määrittelee kenties se tunne, mitä kokee sen näkiessään. Osittain viehätystä, kiinnostusta ja ehkä aavistus myötähäpeääkin. Myötähäpeää tarvitaan mausteeksi, sillä kunnollinen konsepti viedään jonkin verran pidemmälle mitä terve järki sanoo. Jos konseptoidessa ajatellaan liian käytännönläheisesti, tartutaan liian helposti vain toteutettavissa oleviin ideoihin ja konseptoinnilta katoaa tarkoitus.

Kuin malliesimerkiksi käy seuraava Nokian puhelinkonsepti:

GEM -konseptipuhelimen pinta on yhtä kosketusnäyttöä ja käyttöliittymä sekä laitteen ulkoasu adaptoituu aina käyttötilanteen mukaan. Median jako-ominaisuudet sekä takapinnan käyttö kosketuspintana Playstation Vitan tyyliin ovat hauskoja yksityiskohtia. Visuaalisesti konsepti jättää tosin vähän parantamisen varaa; suurin osa käyttöliittymänäkymistä on aivan liian tukossa – kun kerrankin olisi näyttötilaa jota hyödyntää.

Lisää aiheesta Nokia Conversations sivustolla

Heitettävä pallokamera

Hauska konseptikamera joka yhdistää kaksi trendiä: suositut 360 asteen vapaasti käänneltävät panoraamat sekä kameran heittämisen.

Applen innovaatiot

Eiköhän jokainen teknologia-alaa seuraava ala olla jo kyllästynyt Applen tyyliin ilmoittaa jokainen uudistus omaksi innovaatiokseen. Kieli poskessa tehty video iOS5:sta näyttää nämä “innovaatiot” uudessa valossa. :)

Head-Coupled Perspective (HCP)

3d-näytöt joiden kanssa ei tarvitse käyttää erityisiä laseja ovat tekemässä tuloaan, mutta käyttämällä kekseliäästi olemassa olevaa tekniikkaa voidaan saada aikaiseksi todella vaikuttavia tuloksia. Head-Coupled Perspective (HCP) -tekniikka (olisiko se sitten suomennettuna Pään kanssa Paritettu Perspektiivi? :) käyttää kameraa havaitakseen pään sijainnin ja kulman laitteeseen nähden ja piirtää ruudulla näkyvän kuvan sen mukaan, luoden todella aidon vaikutelman kolmiulotteisuudesta. Tekniikka selviää parhaiten seuraavasta videosta jossa tekniikkaa demotaan iPadilla:

Tekniikka toimii varmasti mainiosti varsinkin tablet- tai mobiililaitteilla, jolloin laitetta tulee käänneltyä huomattavasti luontevammin kuin työpöytäkäytössä. Haittapuolia lienee tunnistuksen vaatima prosessointiteho, tunnistuksen mahdollinen viive ja virheet sekä rajoittuneisuus ainoastaan yhteen käyttäjään.

Lisää aiheesta Engadgetissa, sivuilla myös video jossa Google esittelee omassa I/O kehittäjätapahtumassaan vastaavaa demoa.

Joka tapauksessa kiinnostava tekniikka ja odotan mielenkiinnolla koska näkisimme sovelluksia joissa tämä tekniikka on todellisessa käytössä.

Flexbook

Näppärästi kokoon taittuva konsepti Fujitsun “Future Computing” kilpailusta.

Konseptin muoto taittuu käyttötarpeen mukaan joko tabletiksi tai pikkuläppäriksi ja mukaan otettaessa kokoon. Vaikuttaa ensinäkemältä vähän turhan korkealentoiselta konseptilta, mutta toisaalta taittuvat ja ultraohuet näytöt ovat pian tekemässä tuloaan todellisiksi tuotteiksi.

Aurasma – AR-sisältöä staattisen kuvan sijaan

Augmented Reality tuntuu olevan jo arkipäivää kaikenlaisissa karttasovelluksissa ja -konsepteissa, mutta tämä The New York Timesissa esitelty tekniikka on hieman poikkeava ja varsin mielenkiintoinen. Konseptisovellus tunnistaa kameran kautta kuvatun kohteen, hieman Google Gogglesin tapaan ja korvaa kohteen interaktiivisella sisällöllä. Demon perusteella varsinkin mainostajien uskoisi olevan todella innoissaan tekniikasta, mutta myös painetuille lehdille tämä antaisi mahdollisuuksia tehdä “vanhanaikaisesta” mediasta interaktiivisempaa korvaamalla staattisia kuvia videomateriaalilla. Samaa tekniikkaa käytetään jo Nintendon 3DS AR-peleissä, mutta tässä uutta on median tunnistaminen suoraan kuva-aiheesta.

Osalla demon käyttökohteista ei varsinaisesti ole viihdearvon lisäksi suurta arkielämään vaikuttavaa merkitystä, mutta myös käytännönläheisempiä ideoita tämä herättää. Esimerkiksi bussipysäkeillä olevaa AR-koodia kuvaamalla voisi saada mobiililaitteellaan näkyviin kyseisellä pysäkillä pysähtyvät seuraavat kulkuneuvot karttanäkymässä saapumisaikoineen. Miksi lisätä kalliita ja rikkoutuvia näyttöjä pysäkeille jos ihmisillä on mukanaan tekniikkaa jolla sama informaatio voitaisiin näyttää paremmin?

 

Epäsymmetria käyttöliittymissä

Olen usein törmännyt kaukosäätimiin jotka ovat ärsyttävän symmetrisiä. Otat laitteen käteen hämärässä huoneessa ja ihmettelet että ovatko laitteen patterit taas loppuneet kun nappeja painelemalla ei tapahdu mitään. Huomaat että laite onkin väärin päin kädessä ja osoittaa viihdelaitteen sijaan omaa napaasi.

Pieni epäsymmetria tai tunnistettava muoto laitteessa auttaakin käyttöä huomattavasti. Oma N900 puhelinkin on vähän turhan symmetrinen ja käytännössä osaankin ottaa sen oikein päin taskusta lähinnä laitteessa yleensä kiinni olevan kuulokepiuhan ansiosta. Takapuolen omasta mielestäni esteettisesti kamalan näköinen kameran linssin suojus auttaa asiassa myös vähän tunnistettavana muotona.

Yhä useamman matkapuhelinvalmistajan katalogista löytyy täysin toisista valmistajista eroamattomat universaalit muodot: symmetrinen, pyöreäkulmainen ja takakanneltaan sileä laite. iPad -tabletti kärsii samasta syndroomasta, mutta laite sentään osaa kääntää käyttöliittymänsä aina oikein päin, oli laite miten päin tahansa. Symmetrisessä puhelimessakin samaa voisi hyödyntää, tosin silloin laitteessa pitäisi olla mikrofoni ja kaiutin molemmissa päissä puhelintoimintoja varten.

Symmetria on tietysti luonnollinen designvalinta helpon valmistettavuuden ja ihmissilmää miellyttävän muodon vuoksi. Mielenkiintoista onkin kuinka ihminen on niin perso symmetrialle vaikka sitä löytyy luonnosta suhteellisen vähän – ehkä juuri siksi.

Nykyisten matkapuhelinten visuaalisista käyttöliittymistä kuitenkin pistää silmään Windows Phone 7:n käyttöliittymä, tai ainakin kotinäkymä. Eikä mielestäni positiivisessä mielessä, sillä käyttöliittymän visuaaliset elementit ovat kummasti epätasapainossa. Näytön toisessa laidassa on pitkä musta palkki josta saa avattua ohjelmamenun ja palkin vuoksi kaikki muu materiaali ei keskity ruudun keskelle, vaan on ikään kuin laidassa vinksahtaneena ja saa koko näkymän “kaatumaan”. Omasta mielestäni aika outo designvalinta, etenkin kun laitteen fyysiset painikkeet ovat yleensä kuitenkin symmetrisesti sijoiteltu, kuten oheisessa Samsungin laitteessa. Microsoftin näkemys vuoden 2010 käyttöliittymästä on muutenkin vähän epäinspiroiva, väritön ja kaksiulotteinen.

Lisätty todellisuus (Augmented Reality/AR)

Augmented Reality, eli suomalaisittain “lisätty todellisuus” on tekniikka, jolla digitaalinen sisältö lisätään käyttäjän näkymään todellisuudesta. Alla oleva QPC:n konseptivideo näyttää mielenkiintoisen näkymän lähitulevaisuuden karttapalvelusta jossa lisättyä todellisuutta hyödynnetään. Palvelun avulla pystyy esimerkiksi tarkistamaan hotellin huonetilanteen jo ulkopuolelta.

Periaatteessa koko tekniikassa on kyse vain jo olemassa olevan teknologian käytöstä yhtenä toimivana palveluna. Palvelun kaupallistamiseen tarvittava tekniikka on vakiintunut jo lähes jokaiseen matkapuhelimeen – periaatteessa kamera, kompassi ja paikannustekniikka (GPS) riittää. Ohjelmistopuoli onkin sitten se haastavampi vaihe, kuinka saada palvelu toimimaan helposti, luotettavasti ja siten että siitä on käyttäjälle todellista hyötyä? Ei ole vaikea kuitenkaan uskoa että Google ja muut karttapalveluiden tarjoajat alkavat tarjoamaan yllä esitetyn videon kaltaisia palveluita lähitulevaisuudessa. Yksinkertaisimmillaan voisit matkapuhelimen avulla katsoa lähialueen Google Mapsin listauksia.

Osataan sitä todellisuutta vääristää Suomessakin, sillä VTT ja Aller Media ovat julkaisseet maailman ensimmäisen AR-tekniikkaa hyödyntävän satukirjan:

Sovelluksena kirjan toteutus on todella yksinkertainen, mutta graafinen esitys erittäin mainio! Toimintaperiaate on yksinkertainen: kamera tunnistaa graafisen merkin ja osaa esittää kolmiulotteista grafiikkaa ruudulla kääntäen grafiikkaa merkin sijainnin mukaan.

Samantapainen ohjelma löytyy Nokian N900 puhelimellekin, mutta valitettavasti en saanut sitä toimimaan.
Demovideo YouTubessa

Jonkun pitäisi standardoida tekniikkaa, sillä olisi erittäin kätevää jos merkit olisivat yleismaailmallisia QR-coden tai viivakoodien tapaan. Periaatteessa riittäisi että kameran tunnistaessa merkin, ohjelma lataisi siihen sidotun 3d-mallin halutusta osoitteesta.

Piki Digital small logo Piki Digital 2003 - 2014