Designa användargränssnitt och interaktioner med OmniGraffle

En av de svåraste sakerna att göra när du skapar något nytt system eller programvara är att se till att användargränssnittet och designen är lätt och intuitivt för användarna att förstå och använda effektivt. Utifrån en utvecklingsbakgrund är denna typ av design och detaljinformation som behövs för att säkerställa att programvaran, webbplatsen eller systemet du skapar är användbart är förmodligen den viktigaste delen av något program för utveckling av mjukvaruutveckling.

Problemet är att de flesta gånger att utforma användargränssnitt är besvärligt, tidskrävande och svårt. Men med nya verktyg behöver det inte nödvändigtvis vara. Reklam

Ange OmniGraffle

OmniGraffle av Omni Group är en grafisk och visuell dokumentskapande app för Mac och iPad som gör att du snabbt kan skapa diagram, processdiagram, sidlayouter, användargränssnitt eller till och med webbsidor. Faktum är att om du får det verkligen bra på OmniGraffle kan du göra nästan allt du kan drömma grafiskt.

Jag har använt OmniGraffle i ungefär ett år nu och det är ett utmärkt verktyg för att skapa diagram och användargränssnitt som jag kan använda för att designa “riktig sak” senare. Det är också häftigt att spotta ut mönster snabbt så att jag kan köra dem av slutanvändare.

Men jag använder inte OmniGraffle som Nick Finck gör. Inte ens i närheten. Reklam

Använda OmniGraffle

Nick Finck är User Experience Director på Deloitte Digital och använder främst OmniGraffle för att hantera detta komplicerade problem med användarinteraktion. Omni Group (företaget bakom OmniGraffle) har lagt upp en video Crafting Interaction som tittar på hur Finck-användarna OmniGraffles portableness för iPad snabbt skissar skisser och mockups av gränssnitt och sedan översätter dessa mönster till fullblåsta gränssnitt. Jag rekommenderar starkt att du kolla in den här videon på Omnis webbplats.

Läs Nästa

10 små förändringar för att få ditt hus att känna som ett hem

Vad gör människor lyckliga? 20 hemligheter av "alltid lyckliga" människor

Hur man skärper dina överförbara färdigheter för en snabb karriärväxel

Bläddra ner för att fortsätta läsa artikeln

Finck talar om hur man använder OmniGraffle i början av en utmaning, men när man får det “där inne” och lär dig hur du använder appen (iPad och Mac), kan möjligheterna till vad du kan skapa vara oändliga. Jag har direkt erfarenhet med OmniGraffle för Mac och iPad och jag kan stämma överens med Nicks bedömning. verktyget är så kraftfullt att det är det fullständigt lätt att förstå och använda ut ur lådan är förmodligen inte möjligt. Den goda delen är att Omni-koncernen har bra stöd och dokumentation för att komma igång, plus deras supportninjas är toppklass.

En viktig egenskap hos OmniGraffle är möjligheten att skapa stenciler och mallar i appen för att modulera olika komponenter så att de kan återanvändas i flera projekt. De här funktionerna sparar inte bara tid när du utformar. De tillåter dig att ha standardkontroller i alla dina projekt, vilket kan vara bra om du försöker skapa en “svit” av olika gränssnitt som fungerar tillsammans. Reklam

Graffletopia för OmniGraffle

Talar om stenciler, ett annat bra verktyg som Nick nämner för att använda tillsammans med OmniGraffle är Graffletopia, en webbplats som är dedikerad till OmniGraffle-stenciler som du kan ladda ner och börja använda direkt. Och det här är inte bara användargränssnitt stenciler. Du kan hitta olika stenciler för att skapa komplexa nätverksdiagram, flödesschema och andra komplexa visuella komponenter.

Vad som är häftigt om den här webbplatsen är att du kan börja från en “baslinje” av ett gränssnitt eller komponent och börja bygga därifrån. Detta gör att du kan spendera mindre tid på att skapa komponenter och mer tid att skapa idéer om hur ett gränssnitt eller diagram ska se ut. För någon som mig är detta ett utmärkt tillägg till OmniGraffle eftersom jag definitivt inte skulle kalla mig en, trots att jag har ett öga för design. “designer”. Jag kan lämna skapandet av de visuella komponenterna till de professionella och jag kan koncentrera mig på hur dessa komponenter passar ihop. Detta kan göra iterering på en design extremt snabb och effektiv.

Iteration på design

Finck talar om hur OmniGraffle gör att han snabbt kan skapa gränssnitt och håller honom borta från “muttrar och bultar” av mjukvaran (även om han kan tinker med muttrar och bultar om han vill). I stället för att försöka lista ut hur man gör något i OmniGraffle kan han koncentrera sig på att sätta gränssnitt tillsammans och iterera så fort som möjligt. Denna snabba iteration leder till ett väl utformat och användbart användargränssnitt på grund av att det är enkelt att byta design för att möta användarens behov. Reklam

Kvalitetsprogram för Mac och iOS

Den enda sak som jag personligen tycker om OmniGraffle (och alla Omni Group-produkter) och något som Finck inte helt berör, är hur hög kvalitet de verkligen är. Vissa människor klagar på Omni s “premie” Priser för ansökningar, men i det här fallet får du definitivt vad du betalar för. Jag är en OmniFocus-, OmniGraffle- och OmniOutliner-användare på både Mac och iOS och jag har lätt fått mina pengar värd de senaste åren.

Omni Groups verktyg är så kraftfulla och mångsidiga att jag inte kan tänka på några andra produktivitetsverktyg som jag hellre skulle använda. Även Microsoft Office-produkter jämför inte med några av de aspekter som Omni har att erbjuda.

Nick Fincks erfarenhet av att designa mobila användargränssnitt med OmniGraffle och det ständigt växande Graffletopia är ett testament för hur kraftfulla och effektiva Omni verktyg är. OmniGraffle kan användas för att skapa en snabb och smutsig UI-idé i flygningen på iPad som sedan kan omsättas i en fullblåst användargränssnittskonstruktion som används direkt i iPhone, Android eller till och med mobila webbapplikationer.

OmniGraffle kan vara det enda verktyget för att få denna användar interaktion och design gjort. Nu är det produktivt.