Hei hei materiaalisuunnittelu

Harkitsetko seuraavan projektisi materiaalisuunnittelua? Ole hyvä ja ajatelkaa uudelleen.

Paul Klee (1921) “Kristalligradaatio”

Ennen kuin luet…

Jos luulet olevan liian herkkä lukemaan kriittisen ajattelun avulla kirjoitettua tekstiä, ota huomioon, jos aiot jättää kommentin. Kommentteja oli niin paljon, että ne ovat vain tuotteita omituisesta, ehdollisesta yhteydestä tähän ”työkaluun”, jonka seurauksena kirjoittajat kirjoittivat merkityksetöntä tekstiä emotionaalisesti ohjatulla reaktiolla. Muista, että mikään työkalu ei ole täydellinen, ja heidän kritisointi vain auttaa heitä parantamaan maailmaa ja tulemaan paremmasta paikasta. Lisäksi muista ainakin, että tämä on mielipideartikkeli (toisin kuin monet muut verkossa), johon sinulla on kaikki oikeudet olla eri mieltä.

Suunnitteluohjeet, kuten Material Design (MDG jäljempänä), ovat yrittäneet saavuttaa, oli ensin palvella sen luojaa; niin sanoa Google, joille MDG on luotu ja mille. Sitten, ja näin ollen, sen oli tarkoitus luoda eräänlainen verkkokirjallisuus WWW: n loppukäyttäjille. Tämä verkkokirjallisuus tarkoittaa periaatteessa käyttötapojen luomista ihmisille, jotka kuluttavat päivittäistä perustietoa ja kulkevat tällä välin eri alustoilla kuluttamatta ja tuottamatta jatkuvasti tietoja.

World Wide Web on jättiläinen viidakko. Kaikki on vain melutekijä äärettömässä kosmossa, aivan kuten luonnossakin.

Ensin puretaan, miksi materiaalisuunnittelu ei sovellu hyvin useimpiin sovelluksiin, ainakaan loppuvuodelle 2000-luvulle.

Väärä säätiö

MDG: tä ei ole rakennettu niin paljon perusteellisella suunnittelutiedolla, joka kestää vuosisatojen ajan (Gestalt, Vitrivius jne.). Se rakennettiin pelkästään suhteessa todelliseen maailmaan, joten nimellä… Se, mitä he pitivät ja yrittivät toistaa, olivat materiaalin, lähinnä paperin, tosielämän ilmiöt, jotka olivat lukutaito-aineita (luulen).

Tämä on ennenaikainen, matala ja väitetysti virheellinen lähestymistapa verkon suunnitteluun. Miksi? Tärkein syy on se, että tiedon käsitys eroaa paljon paperista (näytöstä) näytölle (ei paperille) eikä vain näiden kahden jättiläiskonseptin välillä; mutta myös erilaisia ​​konteksteja kussakin näissä piirissä.

Ensinnäkin ”paperilla” ja “musteella”; mitä viitatte? Tarkoitatko sanomalehteä tai aikakauslehteä, romaania, tietosanakirjaa vai kuvakirjaa, lastenkirjaa, sarjakuvaa, julistetta, merkkiä tai mitä? Kaikilla näillä alueilla on niiden toteuttamiseen yksilöllisesti erottuvat suunnitteluperiaatteet, joita ei voida edes vaihtaa keskenään. Joten miten voit ottaa sen kokonaan ja soveltaa täysin erilaiseen?

Ja verkko itsessään on jättiläinen valtakunta, joka on hyvin erillinen.

Shade Porn

MUI: llä on tämä paperikomponentti, joka on kaikkialla. Mikään muu ratkaisu, jota en ole nähnyt, visuaalinen tieto on asuttu asettamaan asiat yhtä paljon päällekkäin. Tarkoitan, ettet leikkaa sanomalehtipaloja ja pinoa niitä päällekkäin lukeessasi sunnuntaiaamuna?

Tarkista tämä Google Cloud Platformista, joka käyttää MDG: tä:

Yritä ymmärtää ilman syytä luotu virtuaalinen 3D-tila, mutta sekaannus, jonka aiheet yrittävät houkutella käyttäjien huomioita simuloimalla harhautetun etäisyyden katsojien silmiin ...

En tiedä sinua, mutta en halua verkkosivun näkyvän kuten useat ihmiset yrittävät myydä minulle erilaisia ​​asioita samanaikaisesti basaarilla.

Käyttäjällä on yksi huomio milloin tahansa, ja se noudattaa parhaiten mitä tahansa tietovälinettä, jonka kanssa hän väliaikaisesti toimii.

Toinen esimerkki on tämä todella mielenkiintoinen, mutta outo. Löydätkö illuusion tästä kuvasta?

Sovelluspalkki (ylhäällä) näkyy pääkääressä, mutta ei navigoinnissa; joka näyttää yhtä korkealta kuin kääre. Joten miten se on mahdollista todellisessa maailmassa?

Voit takertua tähän etkä koskaan pääse minnekään, aivan kuten MDG: ssä

Syy, että halusin jakaa tätä erityistä tietoa, on se, että se ylittää tosiasiallisesti tämän esimerkin kattavuuden. Paperikomponentin käyttö MDG: ssä ja siten MUI: ssä on yleistä, ja kaikkien annettujen sävyjen takia suunnittelijoiden ja kehittäjien on todennäköisesti vastattava sellaisiin ongelmiin, jotka heidän on ratkaistava, jos he päättävät hyväksyä MDG: n.

Ihmisen ja koneen vuorovaikutus

MDG: t tehtiin ensisijaisesti (mutta ei yksinomaan) mobiililaitteille (etenkin Android-sovelluksille Play Kaupassa). Mobiili ei tarkoita vain ”pienempiä näyttöjä”. Se tarkoittaa myös vuorovaikutusta sormen ja hiiren kanssa. Sormi on paljon suurempi kuin hiiri, ja sillä on erilainen herkkyys ja toiminnot, jotka toimivat laitteessa ja sen näytössä. Lisäksi se tarkoittaa, että mobiililaitteen yhdellä näytöllä suoritettavat toiminnot ovat paljon rajattuja kuin työpöydällä kokoon liittyvien ongelmien vuoksi. Siellä on vain niin paljon yksityiskohtia, että MDG ja MUI käsittelevät hyvää tapaa, mutta nämä eivät välttämättä vastaa useimpien sovellusten tarpeita ja asiayhteyttä erittäin hyvin.

Jos kehität sovellusta ensisijaisesti Androidille tai yleensä mobiililaitteille, ja sinulla ei ole paljon suunnitteluresursseja; voit ehdottomasti hyötyä vuosituhattavoitteen hyväksymisestä. Siitä huolimatta on erittäin suositeltavaa varmistaa, ettet ota kaikkea sellaisena kuin se on myönnetty ja että räätälöit sen omien tarpeidesi mukaan. Siitä huolimatta tämä voi viedä enemmän aikaa kuin omien, kaikkien muiden inspiroimien ohjeiden luominen ...

Ylivoimaiset palautteen indikaattorit

Minun on ensin myönnettävä, että tämä on ollut hyvä tapa ilmoittaa käyttäjille siitä, missä he koskettavat tiettyä kosketusnäyttölaitetta, koska sormenäyttö on helposti mitattavissa. Se on myös ollut tarpeen; koska käyttäjät eivät saa heti tietää, mihin he koskettavat.

Mutta Jumalani, tämä voi helposti olla ylivoimaista:

Haluatko selviää tästä yli 10 sekunnin ajan, puhumattakaan siitä, että käytät sitä pitkään?

Koska MDG: t kehitettiin loppukäyttäjille mobiililaitteilla (lähinnä Android-sovelluksille), käytön taajuuden katsottiin olevan melko matala (sovellusta kohden). Siten he tekivät paljon vuorovaikutuksesta visuaalisesti melko resonanssisia (kuten kun kosketat / napsautat, ympyrän animaatio osoittaa, missä napsautat). Tämä johtuu siitä, että käyttäjät, jotka eivät oikein tiedä mobiilisovelluksen dynamiikkaa, voisivat helposti ymmärtää vuorovaikutuksensa välittömällä palautteella. Joten vaikka he käyttävät erilaisia ​​sovelluksia, koko kokemus on johdonmukainen.

Siitä huolimatta, nämä vuorovaikutukset voivat helposti olla ylivoimaisia ​​niille käyttäjille, jotka käyttävät dataintensiivistä sovellusta lyhyen käytön jälkeen, häiritsemällä heitä siitä, mitä he haluavat tehdä. Sohvilla istuvien ihmisten tottumuksissa, jotka käyttävät tiettyä sovellusta kerran kerrallaan puhelimessa, on paljon eroja - vs. - ihmisillä, jotka käyttävät raskasta, dataa ladattua työpöytäsovellusta johdonmukaisesti vaatimuksena, että heidän päivittäisestä työstään, josta he saavat palkkaa.

Joten siellä on niin paljon eroja, jotka on otettava huomioon suunnitellessaan ensisijaisesti pöytätietokoneita tai mobiileja ja korkeita vs. matalaa käyttöä.

Huono määrä datasta peräisin olevia komponentteja

Mikä on datasta peräisin oleva komponentti? Se on eräänlainen komponentti, joka on ensisijaisesti suunniteltu ja rakennettu joko: tietyn tietosisällön näyttämiseen, syöttämiseen tai mukauttamiseen itse sen sijaan, että keskitytään sen muotoon. Esimerkiksi laatikko on ei-tiedonlähteinen komponentti, vaikka se voi sisältää joitain. Taulukko, lomake tai jopa syöte ovat hyviä esimerkkejä datasta peräisin olevista komponenteista. Voit nähdä hyviä esimerkkejä kaikista näistä komponenteista, jos napsautat annettuja linkkejä nähdäksesi myös kirjastot, joihin ne kuuluvat.

Lomakkeet ovat ehkä aikakautemme eniten käytettyjä komponentteja, ja siksi niitä on vaikea suunnitella ja rakentaa johdonmukaisesti. MUI-kirjastossa ei ole edes sitä käsittelevää komponenttia (Siinä on vain perussisääntulokomponentit). Esimerkki on otettu Ant.designista hyväksi

Unohdettua ankkuria ei edes mainita

Tämä osa lisätään artikkelin julkaisemisen jälkeen (25. tammikuuta 2018)

MDG: ssä on 4 (neljä) eri osaa, jotka on omistettu painikkeille.

Yhdestä HTML-historian perusteellisimmista elementeistä ei kuitenkaan ole tietoa: ankkuri:

Minusta henkilökohtaisesti tämä on hyvin surullista. Ankkurit saavat aikaan linkit, joiden avulla voimme selata WWW: tä ilman, että meidän tarvitse sitoutua mihinkään. Ne ovat perustana verkon yhteentoimivuudelle. Voit napsauttaa linkkiä artikkelista toiseen ja selata verkkosivustoa ympäri, ja tämä kaikki mahdollistaa hyperlinkkien avulla. Lisäksi ankkureita tai vain "linkkejä" käytetään usein myös navigointiin web-sovelluksessa. Se on vain erittäin perustava tekijä verkossa.

Ankkurit, toisin kuin painikkeet, ovat myös loistava tapa pitää lukutaito yhtenäisenä; säilyttämällä kappaleen typografia samalla kun tarjotaan keinot hypätä siitä pois ilman visuaalista sotkua.

Tästä huolimatta materiaalisuunnittelussa ei edes mainita sitä. Tämä on minulle todiste siitä, että se tehtiin ensisijaisesti tai jopa yksinomaan sovelluksille, erityisesti Androidille.

johtopäätös

Materiaalisuunnitteluohjeet ja vastaavasti luodut kirjastot ovat aiemmin käsitellyt paljon 2000-luvun Internetin käyttäjien tarpeita, joita siitä lähtien tarvitaan. Ensinnäkin heistä on vain "johdonmukaisuus" kokonaisesta kokemuksesta. Kun käytämme 100: ta erilaista käyttöliittymää, me käyttäjinä haluamme tietää, mikä on painike ja mikä on valikko pohjimmiltaan ...

Vaikka suunnitteluohjeet tai vain itse suunnittelu olisi ”huono” tai ”huono”, jos se on riittävän laajalle levinnyt; sitten siitä tulee johdonmukaista käyttäjille, koska käyttäjät luovat tottumuksensa vastaavasti. Uskon, että materiaalisuunnittelulla on saatu aikaan hyvä malli rakentaa entistä kiinnostavampaa käyttökäyttäytymistä kääntämällä ihmiset Facebookin uutissyötteiden katsojista solmuihin, jotka tekevät aktiivisesti päätöksen ja voivat napsauttaa painiketta.

MITÄ, yritän edistää sitä, että käyttäjät saadaan käyttämään paremmin verkkokirjallisuutta. Emme tarvitse enää hienoja painikkeita tai hienoja siirtymiä. Emme tarvitse seksikkäämpää uutta kirjastoa. Tarvitsemme tiedottaa ihmisille paremmin ja tuottaa parempia ja terveellisempiä ohjeita, jotka käsittelevät ihmisen perustavanlaatuisia havaintoparadiodeja. Meillä ei ole valintaa inspiroida Gestalt-periaatteista, Vitrivius-periaatteista ja muista historiassa tehdyistä periaatteista.

Jos tarvitset muita, ota vähän aikaa tutkimukseen ja älä pelkää luoda sellaista, joka on puhdistettu ja syntetisoitu muiden avulla. Henkilökohtaisesti ant.design (luonut Alibaba) on todella vaikuttanut ja inspiroinut minua jatkamaan tätä tutkimusta ja jatkamaan tutkimusta.

Tässä on jo kokoelma sekoitusta sekä ohjeista että kirjastoista, joita voit käyttää:

Kiitos Doruk Demircioğlu osoittamisesta tähän: https://adele.uxpin.com/