Skeuomorfisme in interfaceontwerp

Dat klopt, Skeuomorphism. Laten we eens kijken naar wat deze bizarre term betekent, wanneer je het zou moeten gebruiken bij het ontwerp van de interface en wat er kan gebeuren als het misgaat.


Skeuo ... Wat?

Als je niet zeker weet wat Skeuomorphism precies is, laten we dan wat hulp krijgen van de altijd betrouwbare Wikipedia om het uit te leggen.

een element van ontwerp of structuur dat weinig of geen doel dient in het artefact van het nieuwe materiaal, maar essentieel was voor het object gemaakt van het originele materiaal - Wikipedia

In de context van digitaal interfaceontwerp betekent dit in feite dat elementen eruitzien als echte wereldobjecten. Houten texturen, gescheurd papier en genaaide linten zijn allemaal voorbeelden van skeuomorfisme in actie en ongetwijfeld heb je er de laatste tijd veel meer tegengekomen.

Er zijn echter gemengde gevoelens over het gebruik van dergelijke elementen en er zijn argumenten voor en tegen gemaakt. Voegt het skeuomorfisme toe of vermindert het de bruikbaarheid? Heeft het een doel, of is het puur overbodig? Deze vragen en meer zullen hieronder worden beantwoord.


De huidige situatie

Het is veilig om te zeggen dat Apple invloed heeft gehad op de recente toename van deze ontwerpstijl. Apps zoals iBooks, Calendar en Find My Friends zijn allemaal voorzien van een skeuomorf ontwerp en dit heeft onvermijdelijk invloed gehad op het ontwerp van veel andere apps op de markt.

Skeuomorfisme is ook niet beperkt tot apps; het heeft natuurlijk ook op veel websites zijn weg gevonden naar het ontwerp van de gebruikersinterface.

Het probleem is dat wanneer bepaalde ontwerpstijlen populair worden, ze steeds meer worden uitgebuit; zoals in het verleden vele keren is gebeurd. De stijl wordt te veel gebruikt en misbruikt met weinig aandacht voor de gemaakte beslissingen. Wanneer dit gebeurt, kan de stijl als geheel zijn effectiviteit verliezen, wat een beetje oneerlijk kan zijn. Skeuomorfisme lijkt in deze richting te gaan. Het is dus de moeite waard zowel de positieve als de negatieve kanten van het gebruik van een stijl te bekijken voordat we een oordeel vellen.


De voors

Misschien is het belangrijkste argument voor skeumorfisme dat het kan helpen om een ​​gevoel van vertrouwdheid te creëren. Interactie met elementen die ze in de echte wereld gewend zijn, kan gebruikers helpen zich meer op hun gemak te voelen met de ervaring; iets dat vooral belangrijk is voor gebruikers die niet helemaal op hun gemak zijn met het gebruik van moderne technologie.

Het is vermeldenswaard dat Apple vooral goed is in het richten van deze, over het algemeen oudere en minder technologisch ervaren gebruikersgroep. Veel mensen gebruiken nu iPads die weinig ervaring hebben met een traditionele computer. In zekere zin is het dus logisch dat hun agendatoepassing op een echte kalender lijkt; iets wat ongetwijfeld veel mensen al eerder hebben gebruikt.

Met dit in gedachten is het noodzakelijk (zoals het altijd is) om uw doelgroep te betrekken bij het ontwerpen van uw nieuwe applicatie of website. Overweeg of uw publiek veel ervaring heeft met uw platform, of er iets is dat zij mogelijk niet begrijpen en, zo ja, of zij er baat bij hebben door skeuomorfische elementen of visuele metaforen in te bouwen.

Een ander positief aspect van skuomorfisme is het vermogen om een ​​bepaalde atmosfeer over te brengen of bepaalde emoties te genereren. In het echte leven kunnen we al onze zintuigen gebruiken om een ​​object te evalueren; hoe iets eruit ziet, klinkt, proeft, voelt en ruikt. Door na te bootsen hoe een echt object er uitziet, kunnen digitale elementen ook de andere eigenschappen van dat object oproepen.

Een textuur in lederlook (met de verplichte stiksels) kan bijvoorbeeld herinneringen aan hoe het leer voelt en ruikt stimuleren en op zijn beurt een gevoel van verfijning en luxe impliceren. Als dit het soort gevoel is waaraan je wilt worden gekoppeld, is het misschien de moeite waard om dit type element te gebruiken, als dit zinvol is binnen de context van je project.

Skeuomorf ontwerp is ook in het algemeen goed voor het creëren van een informele en speelse sfeer. Je zult deze stijl vaak vinden in games of in andere ontspannen scenario's; zoals bijvoorbeeld in Apple's iBooks-app.

In feite is skeuomorfisme een goede manier om snel en duidelijk het thema van uw website of app te communiceren.

Het portfolio van ontwerper Marc Mendell gebruikt skeuomorfisme met goed resultaat door een thuiswerkomgeving te simuleren. Marc gebruikt een laptop om werk uit zijn portfolio weer te geven.

Op dezelfde manier maakt webdesigner Zoltan Hosszu gebruik van veel skeumorfe functies binnen zijn portfoliowebsite. In deze pseudo thuisomgeving toont hij zijn portfolio op een plank en gebruikt hij zelfs spotverlichting voor extra effect.

Het komt vaak voor dat blogs en online tijdschriften een papieren textuur gebruiken in hun ontwerpen. IconEden's blog gaat nog een stap verder en bevat gestapeld papier, lederen rug, een lintbladwijzer en zelfs een vulpen.

Dus we hebben gezien dat skeuomorfisme wel degelijk positieve gevolgen heeft. Zoals eerder vermeld, kan het echter ook enkele nadelen hebben.


De nadelen

Een groot probleem dat veel mensen tegenkomen bij skueomorphism is dat het gemakkelijk is voor dingen om fout te gaan wanneer ze proberen realistische elementen te creëren. Het menselijk oog is erg goed in het oppakken als dingen er niet helemaal goed uitzien, zelfs als het zich niet op een bewust niveau registreert. Dit gebeurt meestal bij het omgaan met lichtbronnen, schaduwen en perspectief.

Laten we bijvoorbeeld eens kijken naar de afgeschuinde of gebogen slagschaduw die populair is geworden. Het is een verandering ten opzichte van de standaard slagschaduw en sommigen beweren dat het er ook best cool uitziet.

Het "voelt" echter niet helemaal goed. De schaduw zou aangeven dat het object zelf gekromd is of dat het oppervlak waarop het rust, is; maar de verlichting en vorm van beide suggereren dat ze dat niet zijn. Deze kleine dingen kunnen echt een verschil maken, dus aandacht voor detail is cruciaal bij het maken van skeuomorfische elementen en het imiteren van het echte leven.

Eerder werd vermeld dat skeuomorfe interfaces de bruikbaarheid kunnen vergroten door elementen te gebruiken die al bekend zijn bij mensen. Hoewel dit nog steeds waar is, kan het ook het tegenovergestelde effect hebben en mensen in de war brengen als het niet goed wordt gedaan.

Wanneer een gebruiker een digitaal element tegenkomt dat lijkt op iets waar ze bekend mee zijn in de echte wereld, verwachten ze dat ook zich gedragen het ook op een vergelijkbare manier. Als het element niet functioneert zoals voorspeld, kan de gebruiker gefrustreerd raken; vooral als ze een onervaren gebruiker zijn.

Het kan maar al te gemakkelijk zijn om je te concentreren op het esthetische element van een skeuomorfische interface en de functionaliteit over het hoofd te zien. Functionaliteit verwaarlozen echter en u verandert skeuomorfisme in iets dat de bruikbaarheid en de kwaliteit van de gebruikerservaring daadwerkelijk schaadt in plaats van eraan toevoegt.

Ten slotte is een kritiek die vaak op skeuomorfische interfaces wordt gericht, dat ze creativiteit missen en innovatie belemmeren. Technologie is een van de snelst evoluerende markten die voortdurend zorgt voor efficiëntere manieren om taken uit te voeren, dus waarom zou u achterom kijken in termen van interfaceontwerp?

Het is gebruikelijk om takenlijsten te zien, notities te maken en rekeninterfaces eruit zien als hun echte tegenhangers, ten koste van het mogelijk minder efficiënt maken van deze taken dan ze zouden kunnen zijn. Real-world, fysieke objecten hebben beperkingen die digitale elementen niet hebben, dus door het imiteren van echte ontwerpers beperken ze zichzelf en missen ze een kans om ten volle te profiteren van de huidige technologie, zoals we hieronder zullen zien.


Niet de enige manier

Hoewel skeuomorfisme op dit moment misschien populair is, is het niet de enige methode om geweldige, indrukwekkende interfaces te maken.

De populaire to-do iPhone-app Clear gebruikt een prachtig eenvoudige en minimale interface. Het ontwerp onderscheidt deze app van de vele andere met kladblokstructuren, selectievakjes, tabbladen en andere skeuomorfe elementen.

kiezen niet om een ​​traditionele takenlijst na te bootsen, hebben de ontwerpers anders kunnen denken en volledig gebruik kunnen maken van de technologie die voor hen beschikbaar is. De app is gebouwd rond multi-touch-bewegingen en samen met soepele animatie, het zorgt voor een zeer unieke en elegante ervaring.

De nieuwste versie van het besturingssysteem van Microsoft, Windows 8, zal ook een scherpe, solide en eenvoudige interface-ontwerpstijl hebben die bekend staat als 'Metro'. De stijl die al op de Windows Phone en Xbox Live werd gebruikt, wordt beschreven als 'Authentiek digitaal'.

Het is heel anders dan wat we eerder van Microsoft hebben gezien en ze hebben duidelijk besloten om in een geheel andere richting te gaan dan Apple; met een focus op typografie en levering van inhoud met weinig details van buitenaf.


Conclusie

Skeuomorfisme lijkt op dit moment behoorlijk populair te zijn, maar ongetwijfeld zal deze populariteit na verloop van tijd afnemen. De gevoelens van veel mensen over deze stijl zullen in het algemeen neerkomen op persoonlijke smaak. Het is waarschijnlijk dat ervaren technologiegebruikers skeuomorfisme overbodig of zelfs kitsch vinden, terwijl informele gebruikers het misschien meer waarderen.

We hebben echter gezien dat skeuomorfisme zowel positieve als negatieve aspecten heeft en het is de moeite waard om hiermee rekening te houden voordat u dit type stijl implementeert in uw volgende interfaceontwerp.