De ultieme gids voor mobiele ontwikkelaars die willen ontwerpen

Deel 1: Design Thinking

Als startup-oprichter is een van de meest gestelde vragen aan mij:

Hoe kunt u zowel ontwerp en ontwikkeling als zakelijke taken uitvoeren?

Ik ben eerst een iOS- en macOS-ontwikkelaar en codeer sinds ik 13 was. Momenteel doe ik echter alle ontwerptaken voor mijn startup - Flawless App. Het is een hulpmiddel voor iOS-ontwikkelaars om originele ontwerpen te vergelijken met de echte app in de iOS-simulator van Xcode. Dus doe ik UX-onderzoek, website-modellen, onboardingschermen, advertenties, e-mails, presentaties en vele andere ontwerpgerelateerde dingen.

Lang geleden werkten er twee briljante ontwerpers met ons samen, maar helaas is het om vele redenen niet gelukt. Daarom besloot ik toen de basis van het UX-ontwerp te leren. Ik had niet verwacht om van de ene dag op de andere een UX en UI goochelaar of expert in bruikbaarheidonderzoek te worden. Ik wilde liever de essentiële vaardigheden ontwikkelen om ontwerpen snel en efficiënt genoeg te maken om gebruikers blij te maken.

Kan de ontwikkelaar dus UX- en UI-ontwerp leren?

Nou ja, we kunnen alles leren wat we willen. Om je op weg te helpen, zal ik enkele bronnen delen die me aan het begin van mijn reis hebben geholpen: boeken, case studies en tutorials.

Krijg de smaak van designdenken

Alles in de wereld om ons heen is door iemand ontworpen. Je zit op een stoel, die iemand heeft ontworpen. Je werkt op de laptop, waar elke hoek een reden heeft om die specifieke vorm te zijn. Je leest Medium, met een gebruikersinterface die is gemaakt door een team van ontwerpers. Elk element van de echte of virtuele wereld is ontworpen om u een specifieke actie te laten uitvoeren.

Mijn duik in design begon met de volgende klassieke artikelen en boeken. Ze zullen je leren om je te concentreren op ontwerp als een methode om problemen op te lossen:

Dieter Rams: 10 principes voor goed ontwerp

Ik ben niet eens geboren toen Dieter Rams, Duitse iconische industrieel ontwerper, dit schreef. Het is een manifest van een ontwerpmissie voor elk product of elke service.

Lees elke regel aandachtig door. Voldoet uw ontwerp aan die principes? Dieter Rams is nu 85 en hij is de man, die het koffiezetapparaat, het scheerapparaat, de stereo, de rekenmachine, de luidsprekers, de wekker, de Oral-B-tandenborstel van Braun heeft ontworpen.

Design moet dingen niet domineren, moet mensen niet domineren. Het zou mensen moeten helpen. Dat is zijn rol.
- Dieter Rams

"Het ontwerp van alledaagse dingen" door Don Norman.

Het is zo populair, dat je Swift zelfs kunt vinden praten over schone code en API-artikel op basis van ideeën uit dit boek!

Het boek behandelt ontwerpmethodologieën, psychologische basisconcepten en bruikbaarheid. Norman houdt zich voornamelijk bezig met het ontwerpen van fysieke objecten. Hij onderzoekt wat het gebruik van gebouwen, apparaten en technologie gemakkelijk of ingewikkeld maakt. Norman toont de basispatronen, die zeer goed worden toegepast op het virtuele touchscreen van de hedendaagse UI's.

Oorspronkelijk werd het boek in 1988 gepubliceerd. Als je besluit de eerste editie te lezen, vind je daar veel oude technische dingen (ik vond het geweldig!). Destijds voorspelde Norman het succes van iPads, tablet-apparaten en smartphones. Je kunt ook bijgewerkte versies vinden, zoals Norman er voortdurend aan toevoegt. Of bekijk deze korte Udacity-cursus "Inleiding tot het ontwerp van alledaagse dingen met Norman".

Goed ontwerp is eigenlijk een stuk moeilijker op te merken dan slecht ontwerp, deels omdat goede ontwerpen zo goed aansluiten op onze behoeften dat het ontwerp onzichtbaar is.
- Donald A. Norman, The Design of Everyday Things

"100 dingen die elke ontwerper over mensen moet weten" door Susan Weinschenk

Dit is een licht overzicht van neurowetenschappen en gedragspsychologie vanuit het perspectief van een ontwerper. Het boek is verdeeld in korte hoofdstukken over hoe mensen mentale modellen zien, lezen, onthouden, denken, voelen en vormen. Ik heb daar veel nieuwe inzichten gevonden! Het is relatief vers (2011), goed geschreven en bevat praktisch advies over het gebruik van deze 100 principes in uw ontwerpen. Reserveer echter na het lezen van het boek de tijd voor onderzoek.

Last but not least is “Don't Don't Me Think” van Steve Krug

Het is een gemakkelijke leesmethode met een focus op een gezond verstand benadering van web bruikbaarheid. Sommige dingen kunnen duidelijk zijn of worden ook gepubliceerd op verschillende UX-blogs (het boek werd opnieuw gepubliceerd en bijgewerkt in 2013). Maar als je een totale newbie bent, zul je ervan genieten. Je kunt het over een weekend of twee lezen, want de schrijfstijl van Krug is echt plezierig!

Laat me niet nadenken. Maak dingen duidelijk en vanzelfsprekend, of op zijn minst vanzelfsprekend. Mensen scannen; ze lezen niet. Mensen kiezen de eerste redelijke optie. Mensen modderen door dingen in plaats van ze uit te zoeken.
- Steve Krug's bruikbaarheidswetten

Wilt u meer weten over hoe u het brein van een gebruiker kunt hacken met productontwerp? Dan raad ik u ten zeerste aan om ook deze artikelen te lezen:

  • Mentale modellen en gebruikerservaring (2016). Het is een geweldig overzicht van mentale modellen, waarom ze belangrijk zijn voor het ontwerp en hoe we ze hebben gebouwd. Er zijn enkele links naar "Design of Everyday Things" van Don Norman. Dus ik zou je aanraden om eerst het boek van Norman te lezen.
  • Hoe technologie de geest van mensen kapt - van een goochelaar en de ontwerpethicus van Google (2016). Ik hield van dit coole artikel over hoe technologie ons dagelijks leven beïnvloedt, welke psychologische principes erachter zitten en hoe we het kunnen oplossen met een goed ontwerp. Naast interessante inzichten bewijst dit artikel hoe belangrijk het is om elk detail van je ontwerp serieus te nemen!
  • Een gedragsmatige benadering van productontwerp: vier stappen voor het ontwerpen van producten met impact (2015). Stap voor stap overzicht van gedragsprincipes met voorbeelden uit de echte wereld. In dit artikel vindt u ook veel praktische technieken voor het bereiken van specifieke gedragstaken met het ontwerp.
  • Vraag minder, krijg meer: ​​de gedragswetenschap van het beperken van gebruikersgedrag (2016). Ik heb erg genoten van dit artikel! Het is een uitgebreide studie hoe limieten in uw product meer gebruikers ertoe kunnen aanzetten een specifieke actie uit te voeren, een specifieke taak te voltooien of een specifiek gedrag aan te moedigen. Je kunt er ook tal van voorbeelden uit de echte wereld vinden.
  • Waarom Product Thinking het volgende grote ding is in UX Design (2015). Een belang van productdenken en waarom het zo cruciaal is om voortdurend met uw gebruikers te praten om hun ware behoeften te begrijpen.
  • Design for Humanity (2016). Het artikel beschrijft een emotioneel aspect van ontwerpbeslissingen. En waarom we het ontwerp ook door het emotionele prisma moeten zien (in plaats van ons alleen op een praktisch gedeelte te concentreren).
  • Mobile UX Design - Best Practices, Beperkingen en Werken met ontwikkelaars.

Het ontwerpproces begint met een goed begrip van mensen en hun behoeften. Over het algemeen was dit slechts een kleine verzameling uitstekende bronnen die u kunt gebruiken om het ontwerp te begrijpen voordat u uw eerste gebruikersinterface tekent. Ik kom over een paar weken bij je terug met het volgende deel van deze gids. Bedankt voor het lezen en veel plezier met leren!

Er wordt niet geleerd zonder veel ideeën uit te proberen en vaak te falen.
- Jonathan Ive

Speciale dank aan onze vrienden en geweldige ontwerpers, Alex Kukharenko en Anton Diatlov, voor het geven van nuttig advies over onze gids.