3D-mallit -otsikko, taustalla näkyy sininen teksti '3D-mallit'. Kuvan etualalla ovat AirPods-kuulokkeet niiden kotelossa sekä älypuhelin, jonka näytöllä näkyy minimalistinen käyttöliittymä

Esimerkkejä 3D-mallien upottamisesta verkkosivulle

Interaktiivinen 3D-malli antaa käyttäjille mahdollisuuden hallita näkymää itse, esimerkiksi pyörittää mallia ja zoomata eri kulmiin. Seuraavissa osioissa näytämme esimerkkejä siitä, miten tämä teknologia voi auttaa asiakasta verkkokaupassa tutkimaan tuotetta tarkemmin, näkemään sen yksityiskohdat ja saamaan selkeän käsityksen koosta ja muodosta ennen ostopäätöstä, mikä voi lisätä luottamusta ostamiseen.

Alla olevat AirPods- ja CMF by Nothing -esimerkit ovat epävirallisia konsepteja ja teknisiä demoja. Ne havainnollistavat käyttöliittymän toimintaa, eivätkä ole valmistajien virallisia esittelyjä tai asiakasreferenssejä.

Airpods Pro

Tämä AirPods-esimerkki on epävirallinen konsepti ja tekninen demo. Malli on pyöritettävissä, ja se aukeaa skrollatessa. Toimintoja voidaan mukauttaa asiakkaan tarpeiden mukaan, kuten avaaminen napsautuksella tai erillisellä painikkeella.

Tässä on toteutettu kahdella sormella pyöritys kosketusnäytöllä, jotta se ei häiritsisi skrollausta.

CMF by Nothing

Tämä CMF by Nothing -puhelimen esimerkki on epävirallinen konsepti ja tekninen demo. 3D-malli tarjoaa käyttäjälle mahdollisuuden pyörittää sitä vapaasti, jolloin puhelinta voidaan tarkastella eri kulmista ja yksityiskohdista. Tämä interaktiivinen ominaisuus antaa käyttäjälle paremman käsityksen laitteen muotoilusta ja rakenteesta.

Tässä on toteutettu yhdellä sormella pyöritys kosketusnäytöllä, mikä on kätevämpi, mutta se häiritsee skrollausta. Tätä on parempi käyttää esimerkiksi ponnahdusikkunassa, joka avaa mallin erilliseen näkymään.

Lisää toteutustapoja ja käyttökohteita on koottu interaktiivisen 3D-mallin oppaaseen.

Työpöytä

Tässä on 3D-malli modernista työpöydästä, jonka avulla käyttäjä voi tarkastella pöytää eri suunnista, nostaa ja laskea sen korkeutta, sekä vaihtaa sen väriä ja kokoa. Malli tarjoaa interaktiivisen tavan tutustua työpöydän ominaisuuksiin, jolloin asiakas saa realistisen käsityksen siitä, miten pöytä sopii erilaisiin työtiloihin. Pöydän koon hahmottamista helpottaa 3D-mallissa näkyvä kannettava tietokone ja ihmishahmo, jotka antavat selkeän mittakaavan ja tekevät tuotteesta konkreettisemman. Tämä esimerkki näyttää, miten tuotteenne voidaan esittää verkkosivulla vuorovaikutteisena ja intuitiivisena 3D-mallina.

Päätin tehdä tämän 3D-mallin, koska törmäsin verkkosivulla pöytiin, joiden koot olivat ilmoitettu numeroina, mutta minulla ei ollut aavistustakaan, minkä kokoinen pöytä oikeasti on ja millainen niistä sopisi juuri minun tarpeisiini. Pelkkien mittojen perusteella oli vaikea hahmottaa, miltä pöytä näyttäisi oikeassa mittakaavassa. Tämä 3D-malli auttaa ratkaisemaan ongelman tarjoamalla mahdollisuuden tarkastella pöytää eri suunnista, säätää sen korkeutta ja kokoa, ja vaihtaa väriä. Lisäksi mukana oleva kannettava tietokone ja ihmishahmo antavat selkeän vertailupisteen, mikä helpottaa koon ymmärtämistä ja auttaa tekemään paremmin informoituja päätöksiä.