Mi a digitális tervezés és miért számít? UX + UI + webdesigner munkák magyarázata

Építettem és terveztem alkalmazásokat és weboldalakat, és segítettem a kis- és nagyvállalatok termékeinek méretezésében, kezdő üzemeimtől kezdve egészen a Google-ig.

Megismertem a digitális tervezés legjobb gyakorlatait a kísérlet és a hiba, a fejlesztési ciklusok, a sikeres bevezetések, a termékhibák, a felhasználói visszajelzések és az ezt követő elkerülhetetlen iterációk keveréke révén.

Végig akarom adni a tanultakat.

Tapasztalataim remélhetőleg lehetővé teszik, hogy jobban megértsétek a digitális tervezés működését és a tervező szerepét a termékek konceptualizálásában.

Ezekkel a tanulságokkal gyorsabban és hatékonyabban tudja piacra dobni a termékeket, és jobban kiszolgálja a felhasználókat.

Mi a digitális tervezés és miért számít?

A digitális terméktervezés formális meghatározása iteratív tervezési módszer, amelyet formális megközelítéssel alkalmaznak egy gyakorlati probléma megoldására. Kissé bonyolultnak hangzik, igaz?

Nem kell.

Az egyszerűbb nyelvet használva a digitális terméktervező felfedez egy aktuális problémát, a lehető legjobb megoldást javasolja a technológiák keverékével és bemutatja a piacnak.

A digitális formatervezést a terméktervezés részhalmazának tekintik, mivel a digitális tervezés a termékek építéséről szól - de szoftveren keresztül.

Azok a készségek, amelyeket a freeCodeCamp-on tanul és fejleszt, segítenek stratégiai és technológiai gondolkodásban a problémák megoldásában. Ez szorosan kapcsolódik a digitális tervezés gyakorlatához.

A digitális tervezés megvalósításához meg kell határoznia a lehetőségeket és meg kell ismernie a fogyasztók vágyait.

Digitális tervezés és a való világ

A digitális tervezés a felhasználókra összpontosít.

Az ügyfél megszállottsága a felhasználónál kezdődik, és visszafelé működik.

Ha még nem ismeri a digitális formatervezést, akkor néhány taktikai lépést megtehet, hogy megtanulja, mit értékelnek az ügyfelek, és hogyan használhatja ki a felhasználói felület, az UX és a tervezési gondolkodás keverékét a kézzelfogható problémák megoldására.

Milyen problémát old meg?

Először is, erőteljesen dolgozzon az ügyfelek bizalmának megszerzéséért és megőrzéséért, megértve, hogy mit jelent a termék és a design. Válaszoljon a következő kérdésekre: miért létezik ez a termék? Hogyan fogják használni?

A jól sikerült digitális tervezés mély hatással lehet a felhasználókra.

Az intuitív felhasználói tapasztalatok és az egyszerű felhasználói felületek összegyűjtése segíthet az ügyfeleknek a legjobban megérteni a termék működését.

Egy barátom azon dolgozott, hogy segítsen felépíteni az iPad olvasási élményét. Az egyik történet, amelyet megosztott velem, az, hogy a digitális tervezők hogyan tették könnyebbé a digitális könyvek „lapozását”.

Az oldal elcsúsztatása - hasonlóan a papír mozgatásához egy valódi könyvben - azt bizonyítja, hogy a tervezés, az UX és a felhasználói felület erőfeszítései hogyan hozhatnak létre kellemes felhasználói élményeket.

Amikor legközelebb ellop egy oldalt az iPad készülékén, gondoljon arra, miért érzi magát teljesen természetesnek és egyszerűnek az élmény. A jól megtervezett digitális tervezés varázslatos.

Innováció és egyszerűsítés

Másodszor, a digitális tervezők elvárják és megkövetelik az innovációt és a találmányt, és mindig megtalálják az egyszerűsítés módját. Ahogy az ügyfelekre összpontosít, úgy önnek is tisztában kell lennie, új ötleteket kell keresnie mindenhonnan, és nem korlátozhatja a „nem itt kitalált” gondolkodásmód.

Például a weboldalak tervezésénél fontos, hogy nagyon-nagyon jól csináljon néhány dolgot. Ezt a legutóbbi alkotásom, a Work From Home Adviser építésekor és optimalizálásakor tanultam meg, amely segíti a távmunkásokat otthonról.

Volt egy mentorom, aki tanácsot adott:

„Tudja, mit csinál jól, és hogyan tudja jobban csinálni. Ha webhelyét tervezi, akkor tudja, hogy az idő értékes, és minden további másodperc alatt a felhasználó az oldalon marad, annál jobb. Az erős kialakítás leborulhat az oldalak túlzott késleltetésében, és növelheti a kiszolgáló környezet hatékonyságát, és erre érdemes törekedni. "

Figyelje meg, hogy ez a tanács konkrét (azaz a sebesség megtervezése), ugyanakkor széles körű (javítsa felhasználói élményét a lehető legjobb módon).

Ha a digitális tervezésre gondol, szánjon időt arra, hogy mélyen megértse a kihúzható karokat és azt, hogy ezek a karok hogyan fognak jobb tapasztalatokat és eredményeket hozni a felhasználók számára.

A kísérletezés kulcsfontosságú

Harmadszor, kísérletezzen.

A digitális tervezés, ellentétben a fizikai elemek tervezésével, gyorsan javítható a sprintek és a kód telepítések révén.

A szoftver állítható.

Ha ügyfeleivel kezd, és hátrafelé dolgozik, törekszik az egyszerűsítésre, és folyamatosan iterál, biztos lehet abban, hogy a terv végül ragaszkodni fog. Ha még nem jutott el ehhez a ponthoz, próbálkozzon tovább.

Itt van egy mentális kísérlet, amelyet szívesen játszok a barátaimmal.

Gondoljon arra, mikor vásárolt utoljára repülőjegyet online. Hány lépésre volt szükség a céloldalról a fizetési oldal visszaigazolásához való navigáláshoz?

Mit gondolsz, miért indítják a légitársaságok a felhasználókat ezen a kijelentkezésen? Hogyan javítaná és egyszerűsítené a folyamatot?

Digitális tervezési ismereteinek fejlesztésének remek módja egy másik tervező ingatlanán való gyakorlás. Hátha tudsz javítani rajta.

A digitális tervezők valamiben remeknek tekintik kiindulópontnak, nem végpontnak. Az iteráció és a kísérletezés révén a digitális tervezők olyan dolgokat vehetnek át, amelyek jól (vagy rosszul) működnek, és újszerű és váratlan módon javítják őket.

Ha még nem ismeri a digitális formatervezést, az izgat.

Példák a kész digitális tervezésre és annak segítségére a felhasználók számára

Szeretném befejezni a jól sikerült digitális tervezés példáival. Példákat és képeket adok, és elmagyarázom, hogy a digitális tervezés miért intuitív, egyszerű és releváns.

Ha ezen a területen szeretné fejleszteni készségeit, szánjon időt arra, hogy ne csak azon gondolkodjon, hogyan javítaná mások webhelyeit, hanem arra is, hogy tanuljon abból, hogy a terület vezetői mit és miért csinálnak .

1. példa

Az Elemental Labs hihetetlenül intuitív grafikával segíti a felhasználókat abban, hogy megértsék a termékük és a versenytársuk termékei közötti különbséget. Anélkül, hogy bármi mást olvasna, megérti, hogy terméküket tisztább, tisztább és egyszerűbb termékként forgalmazzák.

A színek közötti kontraszt segít a szemnek vizuálisan megérteni az üzenetet, és példa a nagyszerű digitális dizájnra.

Figyelje meg azt is, hogy a grammot - egy közös mértékegységet - milligrammra cserélik. Ezáltal a felhasználó úgy érzi, hogy több a cukor (29 000 mg cukor soknak érződik ).

2. példa

A Woven egy szórakoztató naptáralkalmazás, amely megkönnyíti a csoportos szavazást. Számos szoftvereszközt használtam a csoportok koordinálásához, és ez mindig kissé rendetlen.

Nézze meg, milyen tiszta az infografika és a cselekvésre ösztönzés. Anélkül, hogy mélyen gondolkodna a terméken, világosan megértheti a termék működését és miért válik előnyösé: egyszerűen válasszon ki egy dátumot, kérdezze meg az embereket, és nézze meg, melyik dátum a legjobb a csoport számára.

Szeretem azokat a termékeket, amelyek ötvözik a lenyűgöző dizájnt, az UX-t és a felhasználói felületet, és hihetetlenül könnyen kezelhetők.

3. példa

Azok számára, akik példát akarnak a digitális és fizikai tervezés világából, különös kedvencem az LFA Machines.

Termékkészletük bonyolult: félautomata és teljesen automatikus kapszulatöltő gépeket is kínálnak. Sok ember számára ez a technológia elvont, mivel még nem láttak személyesen ilyen gépeket.

Tehát mit csinál az oldal? Olyan videót kínál, amely automatikusan lejátszódik, amikor meglátogatja, így láthatja, hogyan működik a készülék és milyen előnyökkel jár. Ez a digitális kialakítás az egyszerűséget, az érthetőséget és az ügyfelek megszállottságát egyben egyesíti.

4. példa

Itt van egy utolsó példa.

Ha podcastot akar indítani, akkor kísérletezhet különböző digitális podcast szoftverekkel. A Buzz Sprout az ötvözi az egyszerűséget, az egyszerű használhatóságot és a fantasztikus digitális tervezési szabványt.

Amikor egy felhasználó először látogatja meg a webhelyét, kényszerítő és egyértelmű útmutatással, oktatóanyagokkal és tanácsokkal kell megkérdezni a podcast létrehozásáról.

Ezek a választógombok mindent elmondanak: nagyon felhasználóbaráttá teszik a kiválasztási folyamatot, és felgyorsítják a podcast létrehozási folyamatát. A dizájn egyetlen gombnyomással egyesíti az erős dizájnt, a termék esztétikáját és a használhatóságát.