Ero langallisen näytön ja prototyypin välisessä UI / UX-suunnittelukonseptissa

Termit "lankalanka" ja "prototyyppi" sekoittavat suunnittelijat aina riippumatta siitä, ovatko he kokeneita suunnittelijoita, mahdollisesti väärinkäsitysten tai muiden syiden vuoksi. Itse asiassa näiden kahden termin välinen ymmärrys on hyvin selkeä ja erilainen. Erottakaamme nyt nämä kaksi termiä.

Mikä on Sim-kortti?

Wefeframe on yksinkertainen mutta matalan tason malli, jossa on 3 matalan tason mallia:

1. Tarjoaa perustiedot

2. Piirrä rakenne ja asettelu

3. Käyttöliittymän näkymä ja kuvaus

Kun olet rakentanut johdon oikein, tämä on tuotteen perusrakenne. Kuten rakennuksen ulkoasu, se kuvaa yksityiskohdat selvästi ja tarkasti.

Kiinteän langan visuaaliset piirteet

Kiinteällä näytöllä on erittäin selvät visuaaliset rajoitukset. Suunnittelijoiden tulisi yleensä käyttää vain viivoja, laatikoita ja harmaita suorittamiseen (erilaiset harmaat tarkoittavat eri tasoja).

Yksinkertaiset vektorijohdot

Yksinkertaiset sinfoniat sisältävät kuvia, videoita ja tekstiä

Johdotuksen edut

Johdotus on nopeaa ja halpaa, varsinkin jos käytät prototyyppityökaluja, kuten UXPin, Mockplus, Balsamiq ja Axure. Tietysti sinun on käytettävä näitä työkaluja tehdäksesi se heti.

Palautteen saamiseksi on tärkeää verrata yksityiskohtaisia ​​ja yksityiskohtaisia ​​korkean resoluution johtoja. Miksi ei? Tämä johtuu siitä, että ihmiset korostavat enemmän ohjelmistojen suorituskykyä, tietoarkkitehtuuria, käyttökokemusta, käyttäjän vuorovaikutusaikatauluja ja käyttöä sen sijaan, että harkittaisivat näiden elementtien esteettisiä piirteitä. Tässä tapauksessa voit kuitenkin muuttaa sen tarvittaessa helposti, mutta sinun ei tarvitse määrittää koodausta ja graafista muokkausta.

Interaktiivinen sinfonia

Toisinaan suunnittelijat haluavat parantaa johtojen luotettavuutta lisätäkseen käyttöliittymän tärkeyttä tietyiltä osin ja osoittaakseen välittömän testauksen ja visuaalisten elementtien välisen yhteentoimivuuden logiikan. Näiden ongelmien ratkaisemiseksi oikein ohjelma käyttää interaktiivista sinfonia, joka tunnetaan myös nimellä painettu puhelinkehys.

Jos haluat luoda niin monimutkaisen johtimen, tarvitset UXPin, joka on työkalu johtojen asentamiseen ja prototyyppien määrittämiseen. Interaktiivisen prototyypin luominen voi olla paras esitys kehittyvälle tiimille ja asiakkaille. Kysyt: "Mitä tapahtuu, kun painan tätä painiketta?" Kun sinulla on ongelma, sinun on napsautettava ja osoitettava asiakkaille, kuinka olla vuorovaikutuksessa interaktiivisen prototyypin kanssa. Itse asiassa se on vaikuttava ja suora.

Osoita lanka varovasti

Jos sinun on annettava hänelle telfram, sinun on oltava varovainen kaverille, joka on ehdottoman arvoinen. Hän voi olla asiakkaasi, samoin kuin ei-tekninen johtajasi. Mutta hän ei tiedä, että lanka ja lopputuote saattavat tuntua olevan yhteydessä toisiinsa. Siksi hän ei ehkä ymmärrä heidän välistä sisäistä viestintää ja työskentelytapaa. Joten, sinun on esitettävä ja miten tehdä oikea päätös.

Tämä on Fernando Guillenin luoma sovelluksen käyttäjän työnkulku. Tietenkin, tämä on epäilemättä varhainen suunnitteluversio.

Lankakaappi on suunnittelun tärkein osa. Kun näet tämän kaavion, ymmärrät, että vie aikaa, jotta selitetään, miksi sitä kutsutaan sympramiksi ja miksi meidän pitäisi käyttää sinfoniaa. Tai ohitat vain tämän vaiheen.

prototyyppi

Prototyyppivaatimus on korkeampi kuin lanka / interaktiivinen puhelinkehys, sen on oltava interaktiivinen ja korkearesoluutioinen prototyyppi, joka on yhteensopiva loppukäyttäjän käyttöliittymän kanssa.

Prototyypin tarkoitus on selkeä: yksinkertaistaa käyttäjän ja käyttöliittymien vuorovaikutusta niin paljon kuin mahdollista. Kun painiketta painetaan, on suoritettava asianmukainen toimenpide ja asiaankuuluvat sivut ilmestyvät, jotta yritetään jäljitellä koko tuotekokemusta.

Prototyypin visuaaliset piirteet

Prototyypillä on tietenkin oltava tuotteen esteettiset piirteet ja sen on yritettävä sovittaa uusimpaan versioon. Pohjimmiltaan tämä on tuote, jota ei ole HTML / CSS / JS, eikä sinun tarvitse selata palvelinta ja tietokantaa.

Prototyypin etu

Miksi se on niin tärkeä? Käyttäjät käyttävät prototyyppiä yleensä tuotteiden testaamiseen. Prototyypin testaaminen voi säästää kustannuksia ja aikaa kehitystyön aikaisessa vaiheessa. Siten tuotteen arkkitehtuuri ei vähene kohtuuttoman vuorovaikutteisen rajapinnan takia. Joten prototyyppi on täydellinen saavutus suunnittelijoille ja kehittäjille tuotteen testaamiseksi.

Lisäksi tarjotaan käyttäjille prototyyppejä kerätäkseen palautetta, tutustuaksesi kaikkiin tuotteesi yksityiskohtiin ja inspiroidaksesi koko joukkuetta. Useimmat prototyyppityökalut voivat rakentaa prototyyppejä nopeasti ja tehokkaasti, mutta niitä ei tarvitse koodata.

Suunnitteluvirta

Kun ymmärrät suunnittelun ja langan ja prototyypin eron, olet käyttökokemuksen suunnittelun maailman eturintamassa.

Jos voit muuttaa tuotesuunnitelmasi yhtenäiseksi ja tehokkaaksi työnkulkuksi, tapahtuu uskomattomia käänteitä.

vinkkejä

Kun luot kehyskehystä, yritä käyttää muokattavia ja uudelleen käytettäviä elementtejä. Tässä tapauksessa jatkat elementtien tyhjentämistä prototyyppien suorittamiseksi yksinkertaisten johtojen perusteella.

Kun asennat johtoja, yritä kerätä ideoita ja ideoita tiimiltäsi ja asiakkailtasi ja yrittää heijastaa niitä sinfoniasuunnitteluun.

Käytä kätevintä työkalua.

UXPin

UXPin

UXPin on luonut yli 900 erilaista käyttöliittymäelementtiä, joten voit luoda johtoja ja prototyyppejä.

Proto.io

Proto.io

Proto.io on erittäin tehokas prototyyppityökalu, joka voi viedä prototyyppipohjaisen HTML / CSS-koodin ja kosketusnäytön interaktiivisen prototyypin, jolloin käyttäjät voivat testata sitä oikeilla laitteilla.

Balsamiq-

Balsamiq-

Suosittu, r on pitkäaikainen vain langallinen laite kiinteään puhelinkehykseen.

Moqups

Moqups

Tämä työkalu tukee suoraa puhelinkehyksen toteutusta verkossa.

Mockplus

Mockplus

Mockplus on kattava prototyyppityökalu nopeaa melua, nopeaa suunnittelua ja nopeaa katselua varten. Sen avulla voit luoda mobiililaitteita mobiililaitteille (Android ja iOS), työpöydälle (PC ja Mac) ja web-sovelluksille.

Aksu

Aksu

Tarvitsemmeko tämän työkalun enemmän käyttöönottoa suosituimpana langan laajennuksena ja prototyypin suunnittelutyökaluna? En usko.

Protoshare

Protoshare

Tämä työkalu voi myös luoda sim-kortteja ja prototyyppejä Internetiin.

InvisionApp

näkymä

Tämä työkalu auttaa sinua luomaan tarvitsemasi prototyypin, et piirrä mitään, mutta voit lisätä linkkejä eri näyttöjen väliin.

Alkuperäinen viesti: http://www.mockplus.com/blog/post/basic-uiux-design-concept-difference-between-wireframe-prototype