Inhalt
- 01. Limitéiert Wiel
- Relevant Wiel
- Alternativ Wiel
- 02. Sträif visuell Onrouen
- 03. Optiméiert visuell Hierarchie
- Inhalt an Iwwerschrëften
- UI a Faarf
- 04. Maacht méi bedeit manner
Wann et ëm User Interface Design geet, verursaacht de Begrëff 'Minimalismus' nach ëmmer vill Duercherneen. Wat ass et? Wéi solle mir et benotzen (wann iwwerhaapt) a wou fällt et op de Spektrum niewent flaachem Design, flaach 2.0, Materialdesign an aner modernen Designsystemer a visueller Ästhetik?
Als éischt, loosst eis e Minimalismus kucken. Ass Minimalismus flaach oder flaach? Et kann sinn. Ass Minimalismus wäiss? Et kann sinn. Heescht Minimalismus manner Knascht? Et ka maachen. Minimalismus ka wéi vill Saachen ausgesinn - kuckt an eis Roundup vu minimalistesche Websäiten Designs fir eng Rei vu Beispiller. Wéi och ëmmer, mir vergiessen dacks wat et zielt z'erreechen, a firwat mir et eigentlech brauchen.
Fundamental plädéiert de minimalisteschen Design fir Kloerheet gemëscht mat Absicht; an anere Wierder 'net méi wéi dat wat gebraucht gëtt' fir de Benotzerfokus op déi wäertvollst Aspekter vun der Erfahrung ze verréckelen, wärend de Fokus op d'Aspekter ewechgeholl gëtt déi d'Benotzer oflenke kënnen. Duerch dës Logik sollt all Design minimal sinn, awer nëmmen wa mir de Minimalismus korrekt benotzen.
Wann Dir e ganz neien Design System fir Är minimalistesch Websäit Iwwerschaffung erstallt, gitt sécher datt Dir Dateie sécher späichert fir datt Äert Team nahtlos zougitt. Déi bescht Cloud Späicheroptiounen hëllefen.
Sécher, minimalistescht Design ka flott ausgesinn awer et sollt ni op Käschte vu Kloerheet sinn - dh wou en Design bemierkenswäert minimalistesch Qualitéite weist awer ouni bewosst Gedanken, eng schéin Form ze weisen déi keng intuitiv Funktioun oder Usability huet.
Loosst eis duerchgoen wéi Dir Minimalismus erreeche kënnt, Schrëtt fir Schrëtt.
01. Limitéiert Wiel
Wiel limitéieren ass ee Wee fir d'kognitiv Iwwerbelaaschtung ze reduzéieren, an hëlleft de Benotzer d'Entscheedungen méi effizient ze treffen. Wéi och ëmmer, fir d'Benotzerfrëndlechkeet, musse mir e puer Saachen enthalen:
- Relevant Wiel
- Alternativ Wiel
Relevant Wiel
Entscheede wat fir d'Benotzer relevant ass, hänkt vum Kontext of. Zum Beispill, wa mir eng Lëscht vun neie Blogartikele weisen, fir ze entscheeden op e puer fir ze presentéieren, hänkt dovun of ob de Benotzer ageloggt ass. Mat deem fréiere kéinte mir kënschtlech Intelligenz benotze fir de Liesgeschmaach vum Benotzer z'entschlësselen. Mat der leschter wäerte mir net fäeg sinn Inhalt op e spezifesche Benotzer unzepassen awer dat heescht net datt mir keng Daten zur Verfügung hunn. Mir kënnen ëmmer nach Resultater baséieren op Basis vu Verkéiersdaten (en anstännege Webhosting Service kann eng Rei Analysen fir Iech lafen).
Allerdéngs ass dat Inhalt. Wann et ëm UI kënnt, Tracking Tools wéi Google Analytics hëllefen eis méi iwwer d'Verhalen vun eisem Benotzer ze léieren. A / B Testinstrumenter wéi Crazy Egg a Google Optimize kënnen alternativ Versioune vun eisem Layout testen. Heatmaps kënnen och uginn wat d'Benotzer maachen an egal wéi.
Oder, wann Dir eng App oder Websäit vun Null erstallt (vläicht mat engem Site Builder), d'Informatiounsarchitektur duerch Usability Testen ze designen wier eng besser Taktik beim Feele vun Daten - oppen an zoue Kaartesortéierung oder funktionell Salience Test Springs Geescht hei.
Also wéi Dir kënnt gesinn, ginn et vill Weeër fir qualitativ a quantitativ Donnéeën ze kréien an ze kombinéiere fir informéiert Entscheedungen ze treffen.
Alternativ Wiel
Wa mir eis Informatiounsarchitektur gutt entwéckelen, wäerte mir einfach Weeër ubidden fir op alternativ Optiounen ze kommen. Fir Inhalt kann et e 'see all' Knäppchen sinn awer fir d'Navigatioun kéint et en Hamburger Menu sinn (jo, den Hamburger Menu ass net sou schlecht!).
Och wa manner méi ass wann et zum Minimalismus kënnt, heescht dat net datt mir eis Gesamtoffer limitéiere mussen, nëmmen eis Upfront Offer. Minimale Knascht = maximalen Impakt!
Interessante Fakt: wann et ëm Produktpresentatioune koum (dh Inhalt), huet de Steve Jobs berühmt geschwuer vun der Regel vun dräi.
02. Sträif visuell Onrouen
Apropos Knascht, visuell Knascht bezitt sech op kosmetesch Stiler déi nëmmen emotionale Wäert bäifügen - dh si gesi cool aus, awer se bidden net vill anescht. Elo hunn ech Saache gär déi schéin ausgesinn (net all Designer?) An emotionalen Design ass extrem wichteg, besonnesch a Verbraucherbaséiert Industrien, awer et gëtt e Grond firwat et d'Uewerflächeschicht genannt gëtt - et gëtt als lescht ugewannt.
Et ass sou einfach mam Wand ze lafen wann et zu der Uewerflächeschicht kënnt - e puer nennen et iwwerdesignéieren. Wann eppes Iech just net richteg fillt, sot de Coco Chanel eemol: "Beim Accessoire, huelt ëmmer dat lescht wat Dir gemaach hutt" of.
Awer wann Dir wierklech eng méi sënnvoll data-driven Approche maache wëllt, da gëtt et e wierklech propperen Trick, deen ech gär benotze mat deem Écran deelen ass. Wärend Dir Äert Bildschierm deelt, kritt e puer Benotzer an hutt se entscheet wéi eng Stiler ze wiesselen. Fuert weider bis de Benotzer mat der visueller Appel an der Benotzerfrëndlechkeet zefridden ass.
Am Sënn vun Tapziler speziell (Knäppercher, Linken, Input Felder a sou weider), kann visuell Bezuelungstestung verroden wéi eng Elementer schéngen ze klicken an déi net. Dir kënnt fannen datt déi fréier Technik awer méi nëtzlech ass, well se och Léisungen enthüllt (dh wéi eng Stiler ze läschen fir de visuellen Uschloss ze reduzéieren).
03. Optiméiert visuell Hierarchie
Also hu mir eis Upfront Offer miniméiert an et visuell optiméiert fir kognitiv Iwwerbelaaschtung ze reduzéieren awer kéinte mir dëst e Schrëtt weider maachen? Absolut awer mir mussen och drun erënneren datt d'Benotzer liddereg sinn - ier d'Benotzer liesen, scannen se.
Dëst bedeit wou d'Benotzer kuerz eis UI an den Inhalt holistesch scannen, och déi klengste visuell Oflenkung kann d'Benotzer ewechzeechnen vun deem wat wierklech wichteg ass, wat d'Minimiséierung ëmmer méi wichteg mécht wann et ëm Scannabilitéit kënnt. Awer dat ofgesinn, d'Elementer déi no der Minimaliséierung gelooss sinn, solle sech géigesäiteg ergänzen. Manner ass nëmme méi wa mir et Bänn maachen.
Inhalt an Iwwerschrëften
Well d'Benotzer Inhalter précapéieren andeems se seng Iwwerschrëfte scannen, sollten dës Iwwerschrëften extrem informativ sinn, net nëmmen drop hiweisen op wat seng Begleedung Paragrafen ausbauen, awer gutt genuch sinn datt wann d'Benotzer nëmmen d'Iwwerschrëfte liesen, se nach ëmmer zefridden ewechgoen - dëst ass ëmmer nach richteg och wann et eis wat SEO-Wäert kascht. Iwwerhaapt, wat benotzt d'Acquisitioun wa mir keng uerdentlech Lieserfarung ubidde kënnen nodeems de Benotzer ukomm ass?
Iwwerschrëfte sollten och vun enger klorer typographescher Hierarchie profitéieren, an de Benotzer hëllefe fir ze verstoen, wéi eenzel Stécker vum Inhalt e Kierper vun Informatioun bilden.
UI a Faarf
En ähnlecht Konzept gëlt fir UI a Faarf. Faarf kann net nëmme beim Kontrast hëllefen awer och hëllefen d'Bedeitung ofzeleeden, also wann d'Benotzer op dës Tapziler kommen, verstinn se automatesch wat et ass wat se maachen oder wou et ass wou se féieren.
D'Iwwerschrëften a Faarwen ze kréien hätt vläicht näischt mam Minimalismus direkt ze dinn awer et garantéiert datt d'Elementer déi mir net bereet sinn ze minimiséieren esou effektiv sinn wéi se méiglecherweis sinn. Soss riskéiere mir d'Iwwer-Design fir ze kompenséieren.
04. Maacht méi bedeit manner
’Setzt alles op een Ecran. It's simpler, right? ’An der Theorie kléngt dëst no enger top Iddi awer et ass net eng Léisung déi an all Fall funktionnéiert. E puer Designs si méi komplex wéi anerer an, ausserdeem, einfach fir wien? Dir musst oppassen datt Dir méi einfach Ëmsetzung verwiesselt (d'Saache méi einfach fir Entwéckler) an méi einfach UX (d'Saache méi einfach fir d'Benotzer).
Bedenkt UI-schwéier Komponenten a méi kleng Userflëss ofzebauen. Och wann dat technesch zu méi resultéiert, schaaft et d'Illusioun vu manner. Normalerweis bedeit dat laang Formen a logesch Schrëtt opzedeelen, awer et kéint och heeschen, laang Artikele mat Biller opzebriechen.
Insgesamt ass de Minimalismus en komplizéierten Thema. Heiansdo menge mir et als visuell Ästhetik (flaach UI, wäiss Hannergrënn, asw.), Aner Mol betruechte mir et just als Konzept oder souguer e Lifestyle. Am Sënn vum User Interface Design ass dee beschte Wee doriwwer ze denken den Impakt op d'kognitiv Belaaschtung ze berécksiichtegen datt all Element huet.
Wann Dir designt fir kognitiv Belaaschtung ze reduzéieren, stellt Iech dës Froen fir all Stil, Benotzerfloss, Interaktioun a Feature:
- Ass et gebraucht?
- Ass et iwwerhuelend Elementer déi méi wichteg sinn?
- Gëtt et iwwerschiedegt vun Elementer déi net méi wichteg sinn?
Et kënnt erof op visuell Hierarchie - eliminéiert Uerderen a benotzt Design fir Wichtegkeet unzeginn. Heiansdo heescht dat Saachen aus der Siicht réckelen, wann et de Benotzer hëlleft ze konzentréieren op dat, wat wierklech wichteg ass.
Dësen Artikel gouf ursprénglech an der Emissioun 321 vum Netz, de beschte verkaafte Magazin vun der Welt fir Webdesigner an Entwéckler. Kaaft Ausgab 321 hei oder hei abonnéieren.
