Designe brukergrensesnitt og interaksjoner med OmniGraffle

En av de vanskeligste tingene å gjøre når du lager et nytt system eller programvare, er å sørge for at brukergrensesnittet og designen er enkelt og intuitivt for brukerne å forstå og bruke effektivt. Kommer fra en utviklingsbakgrunn, er denne typen design og detaljeringsdetaljer som trengs for å sikre at programvaren, nettstedet eller systemet du oppretter, er brukbart, trolig den viktigste delen av ethvert programvareutviklingsprosjekt.

Problemet er at de fleste ganger å designe brukergrensesnitt er vanskelig, tidkrevende og hardt. Men med nye verktøy trenger det ikke nødvendigvis å være. Reklame

Skriv inn OmniGraffle

OmniGraffle av Omni-gruppen er en grafisk og visuell dokumentopprettelsesapp for Mac og iPad som gjør at du kan lage diagrammer, prosessdiagrammer, sideoppsett, brukergrensesnitt eller til og med web-wireframes raskt. Faktisk, hvis du får det egentlig bra på OmniGraffle, du kan gjøre omtrent alt du kan drømme opp grafisk.

Jeg har brukt OmniGraffle i omtrent et år nå, og det er et flott verktøy for å lage diagrammer og brukergrensesnitt som jeg kan bruke til å designe “ekte ting” seinere. Det er også kjempebra for å spytte ut design raskt, så jeg kan kjøre dem av sluttbrukerne.

Men jeg bruker ikke OmniGraffle som Nick Finck gjør. Ikke engang i nærheten. Reklame

Bruke OmniGraffle

Nick Finck er brukeropplevelsesdirektør ved Deloitte Digital og bruker primært OmniGraffle til å takle dette komplekse problemet med brukerinteraksjon. Omni-gruppen (selskapet bak OmniGraffle) har lagt ut en video Utforming av interaksjon som ser på hvordan Finck-brukerne omgjengelig for OmniGraffle til iPad raskt kan lage skisser og mockups av grensesnitt og deretter oversette disse designene til fullblåste grensesnitt. Jeg anbefaler sterkt at du sjekker ut denne videoen på Omnis nettsted.

Les neste

10 små endringer for at huset ditt skal føles som et hjem

Hva gjør folk lykkelige? 20 hemmeligheter med "alltid glade" mennesker

Hvordan skarpe dine overførbare ferdigheter for en rask karrierebryter

Rull ned for å fortsette å lese artikkelen

Finck snakker om hvordan bruker OmniGraffle kan være litt utfordrende først, men når du får det “der inne” og lær hvordan du bruker appen (iPad og Mac), er mulighetene for det du kan lage, uendelige. Jeg har direkte erfaring med OmniGraffle for Mac og iPad, og jeg kan være enig med Nicks vurdering; verktøyet er så kraftig at det skal være det helt Enkel å forstå og bruke ut av esken er sannsynligvis ikke mulig. Den gode delen er at Omni-konsernet har god støtte og dokumentasjon for å komme i gang, pluss deres Support Ninjas er førsteklasses.

En viktig funksjon i OmniGraffle er muligheten til å lage stenciler og maler i appen for å modulere forskjellige komponenter slik at de kan gjenbrukes i flere prosjekter. Ikke bare gjør disse funksjonene du sparer tid når du designer, de tillater deg å ha standard kontroll over alle dine prosjekter som kan være bra hvis du prøver å designe en “suite” av forskjellige grensesnitt som fungerer sammen. Reklame

Graffletopia for OmniGraffle

Når det gjelder stenciler, er et annet flott verktøy som Nick nevner å bruke sammen med OmniGraffle, Graffletopia, et nettsted som er dedikert til OmniGraffle-stenciler som du kan laste ned og begynne å bruke umiddelbart. Og disse er ikke bare brukergrensesnitt stenciler. Du kan finne forskjellige stenciler for å lage komplekse nettverksdiagrammer, flytskjemaer og andre komplekse visuelle komponenter.

Det som er fantastisk om dette nettstedet er at du kan starte fra en “grunnlinje” av et grensesnitt eller en komponent og begynne å bygge derfra. Dette gjør det mulig å bruke mindre tid på å skape komponenter og mer tid på å skape ideer om hvordan et grensesnitt eller diagram skal se ut. For noen som meg er dette et ypperlig tillegg til OmniGraffle fordi selv om jeg har øye med design, ville jeg definitivt ikke kalle meg en “designer”. Jeg kan forlate etableringen av de visuelle komponentene til fagpersonene, og jeg kan konsentrere meg om hvordan disse komponentene passer sammen. Dette kan gjøre iterating på et design ekstremt raskt og effektivt.

Iterasjon på design

Finck snakker om hvordan OmniGraffle tillater ham å lage grensesnitt raskt og holder ham ut av “muttere og bolter” av programvaren (selv om han kan tinker med mutter og bolter hvis han vil). I stedet for å prøve å finne ut hvordan hvordan å gjøre noe i OmniGraffle, kan han konsentrere seg om å sette grensesnitt sammen og iterere så fort som mulig. Denne raske iterasjonen fører til et godt designet og brukbart brukergrensesnitt på grunn av det enkle å endre design for å møte brukerens behov. Reklame

Kvalitetsprogramvare for Mac og iOS

Den eneste tingen jeg liker om OmGraffle (og alle Omni Group-produktene) og noe som Finck ikke helt berører, er akkurat hvor høy kvalitet de egentlig er. Noen klager over Omni's “premium” Priser for søknader, men i dette tilfellet får du definitivt det du betaler for. Jeg er en OmniFocus, OmniGraffle og OmniOutliner-bruker på både Mac og IOS, og jeg har lett fått pengene mine verdt de siste par årene.

Omni Groups verktøy er så kraftige og allsidige at jeg ikke kan tenke på andre produktivitetsverktøy som jeg helst vil bruke. Selv Microsoft Office-produkter sammenligner ikke noen av aspektene av hva Omni har å tilby.

Nick Fincks erfaring med å designe mobile brukergrensesnitt med OmniGraffle og den stadig voksende Graffletopia er et testament til hvor kraftige og effektive Omni's verktøy er. OmniGraffle kan brukes til å lage en rask og skitten UI-ide i fly på iPad som så til slutt kan oversettes til et fullstendig blown brukergrensesnittdesign som brukes direkte i en iPhone, Android eller til og med mobile webapplikasjoner.

OmniGraffle kan være det eneste verktøyet for å få denne brukerens interaksjon og design gjort. Nå er det produktivt.