Den ultimative guide til mobiludviklere, der ønsker at designe

Del 1: Designtænkning

Som startende grundlægger er et af de mest almindelige spørgsmål, jeg bliver stillet:

Hvordan kan du udføre både design og udvikling såvel som forretningsopgaver?

Jeg er en iOS & macOS-udvikler først, efter at have kodet siden jeg var 13 år. Dog i øjeblikket udfører jeg alle designopgaver til min opstart - Flawless App. Det er et værktøj for iOS-udviklere til at sammenligne originalt design med den rigtige app i Xcodes iOS-simulator. Så jeg laver UX-undersøgelser, webstedsmockups, ombordskærme, annoncer, e-mails, præsentationer og mange andre designrelaterede ting.

For længe siden havde vi to strålende designere, der arbejdede med os, men desværre fungerede det ikke af mange grunde. Derfor besluttede jeg at lære det grundlæggende i UX-design dengang. Jeg forventede ikke at blive UX- og UI-tryllekunstner eller ekspertise på brugervenlighed natten over. Snarere ønskede jeg at udvikle det essentielle færdigheds sæt til at skabe design hurtigt og effektivt nok til at gøre brugerne glade.

Så kan udvikler lære UX og UI design?

Nå ja, vi kan lære alt, hvad vi ønsker. For at hjælpe dig med at komme i gang vil jeg dele nogle ressourcer, der hjalp mig i begyndelsen af ​​min rejse: bøger, casestudier og tutorials.

Få smagen af ​​designtænkning

Alt i verden omkring os er designet af nogen. Du sidder på en stol, som nogen har designet. Du arbejder på den bærbare computer, hvor hvert hjørne har en grund til at være den specifikke form. Du læser Medium, som har et brugergrænseflade, der er lavet af et team af designere. Hvert element i den virkelige eller virtuelle verden var designet til at få dig til at udføre en bestemt handling.

Mit dyk i design startede med følgende klassiske artikler og bøger. De lærer dig at fokusere på design som en metode til at løse problemer:

Dieter Rams: 10 principper for godt design

Jeg blev ikke engang født, da Dieter Rams, tysk ikonisk industriel designer, skrev dette. Det er et manifest af designmission for ethvert produkt eller enhver tjeneste.

Læs hver linje omhyggeligt. Overholder dit design disse principper? Dieter Rams er 85 år nu, og han er manden, der har designet Braun kaffemaskine, barbermaskine, stereo, lommeregner, højttalere, vækkeur, Oral-B tandbørste og mange flere.

Design bør ikke dominere ting, ikke skal dominere mennesker. Det skulle hjælpe folk. Det er dens rolle.
- Dieter Rams

“Designet af hverdagens ting” af Don Norman.

Det er så populært, at du endda kan finde Swift-tale om ren kode og API-designartikel baseret på ideer fra denne bog!

Bogen dækker designmetoder, grundlæggende psykologiske begreber og anvendelighed. Norman beskæftiger sig mest med design af fysiske objekter. Han udforsker, hvad der gør brug af bygninger, apparater og teknologi let eller kompliceret. Norman viser de grundlæggende mønstre, der er meget godt anvendt på den virtuelle berøringsskærm i dagens UI'er.

Oprindeligt blev bogen udgivet i 1988. Hvis du beslutter dig for at læse den første udgave, finder du en masse gamle tekniske ting der (jeg elskede det!). Dengang forudsagde Norman succes for iPads, tablet-enheder og smartphones. Du kan også finde opdaterede versioner, da Norman konstant tilføjer det. Alternativt kan du tjekke dette korte Udacity-kursus, "Intro til design af dagligdags ting med Norman".

Godt design er faktisk meget sværere at bemærke end dårligt design, til dels fordi gode designs passer så godt til vores behov, at designet er usynligt.
- Donald A. Norman, design af hverdagslige ting

“100 ting, som enhver designer har brug for at vide om mennesker” af Susan Weinschenk

Dette er et let overblik læst af neurovidenskab og adfærdspsykologi fra en designerperspektiv. Bogen er opdelt i korte kapitler om, hvordan folk ser, læser, husker, tænker, føler og danner mentale modeller. Jeg fandt mange nye indsigter der! Det er relativt frisk (2011), velskrevet og indeholder praktiske råd om brugen af ​​disse 100 principper i dine designs. Forbehold dog tiden til forskning efter at have læst bogen.

Sidst men ikke mindst er “Don’t Make Me Think” af Steve Krug

Det er let at læse med fokus på en sund fornuftstilgang til webanvendelighed. Nogle af tingene kan være åbenlyse eller også findes offentliggjort omkring forskellige UX-blogs (bogen blev udgivet og opdateret i 2013). Men hvis du er en total newbie, vil du nyde det. Du kan læse det over en weekend eller to, da Krugs skrivestil er virkelig morsom!

Lad mig ikke tænke. Gør ting indlysende og selvindlysende eller i det mindste selvforklarende. Folk scanner; de læser ikke. Folk vælger den første rimelige mulighed. Folk blandes sammen gennem tingene snarere end at finde ud af dem.
- Steve Krugs love om brugervenlighed

Ønsker du at lære mere om, hvordan man hacker en brugers hjerne med produktdesign? Så anbefaler jeg kraftigt, at du også læser disse artikler:

  • Mental modeller og brugeroplevelse (2016). Det er en god oversigt over mentale modeller, hvorfor de er vigtige for design og hvordan vi brugte til at konstruere dem. Der er nogle links til "Design of Everyday Things" af Don Norman. Så jeg vil anbefale dig at læse Normans bog først.
  • Hvordan teknologi kaprer folks sinds - fra en tryllekunstner og Googles designetikere (2016). Jeg elskede denne seje artikel om, hvordan teknologi påvirker vores daglige liv, hvilke psykologiske principper der ligger bag den, og hvordan vi kan løse den med et godt design. Ved siden af ​​interessante indsigter, viser denne artikel, hvordan det er vigtigt at tage enhver detalje i dit design alvorligt!
  • En adfærdsmæssig tilgang til produktdesign: Fire trin til at designe produkter med indvirkning (2015). Trin for trin oversigt over adfærdsdesignprincipper med eksempler fra den virkelige verden. Du kan også finde en masse praktiske teknikker til at opnå specifikke adfærdsopgaver med designet i denne artikel.
  • Spørg mindre, få mere: Adfærdsvidenskaben til at begrænse brugeradfærd (2016). Jeg nød denne artikel meget! Det er en omfattende undersøgelse af, hvordan grænser i dit produkt kan få flere brugere til at udføre en bestemt handling, udføre en bestemt opgave eller tilskynde til en bestemt adfærd. Du kan også finde masser af eksempler på den virkelige verden der.
  • Hvorfor produkttænkning er den næste store ting i UX Design (2015). En vigtighed af produkttænkning, og hvorfor det er så afgørende at konstant tale med dine brugere for at forstå deres sande behov.
  • Design for Humanity (2016). Artiklen beskriver et følelsesmæssigt aspekt af designbeslutninger. Og hvorfor vi også er nødt til at se designet gennem den følelsesmæssige prisme (i stedet for kun at fokusere på en praktisk del).
  • Mobile UX-design - bedste praksis, begrænsninger og arbejde med udviklere.

Designprocessen starter med en god forståelse af mennesker og deres behov. Alt i alt var dette kun en lille samling af fremragende ressourcer, som du kan bruge til at forstå design, før du tegner dit første UI. Jeg vil vende tilbage til dig om et par uger med den næste del af denne guide. Tak for læsning og glad læring!

Der er ingen læring uden at prøve mange ideer og fejle mange gange.
- Jonathan Ive

Særlig tak til vores venner og gode designere, Alex Kukharenko og Anton Diatlov, for at have givet nyttige råd om vores guide.