IPad som et hurtigt, præcist værktøj til kreativitet

Science fiction antyder, at tabletter er fremtidens computere. Fra Star Trek til Westworld forekommer en klippebordformet computer (ofte med pennen) mere naturlig for mennesker end en stationær computer med tastatur og mus.

I 2018 er iPad Pro den mest sofistikerede tablet til dato. Hvor tæt er det at matche en Mac-, Windows- eller Linux-computer til kreative eller produktive opgaver?

en tablet i HBOs Westworld

Ikke meget tæt, ser det ud til. Vores brugerundersøgelse viser, at de fleste kreative fagfolk - det vil sige kunstnere, videnskabsfolk, forfattere, designere, softwareingeniører - hovedsageligt bruger et skrivebord eller en bærbar computer til deres arbejde. De kan ofte lide ideen om tabletter, men i praksis bruges deres iPad til Netflix og sociale medier på sofaen. Som applikationsudviklere kan vi spørge os hvorfor.

En mulighed er, at tablet-apps stort set er designet som opskalerede smartphone-apps. Og telefonapps er designet til forbrugere: optimeret til nul indlæringskurve snarere end strøm eller fleksibilitet.

Se en kreativ professionel ved hjælp af et værktøj som Photoshop, AutoCAD, vim eller Excel og se, hvor hurtigt og selvsikkert de kan foretage komplekse ændringer i et dokument. Hvad skal det til for at skabe et hurtigt og præcist værktøj som dette på en tablet?

Ink & Switch-forskerteamet begyndte at udforske dette spørgsmål. Vores foreløbige konklusioner er, at en tablet kan være et stærkt værktøj til kreative opgaver - men kun ved at udfordre nogle af de designortodokse inden for mobilappudvikling.

Prototypen

Vores proof-of-concept er en iPad-app kaldet Dossier.

ved hjælp af pennen med Dossier

Dossier er Evernote opfylder Pinterest. Du kan optage tekst, billeder, links, PDF-filer og ethvert andet filformat i en samling. Hvert emne vises som et kort, der kan arrangeres rumligt på en virtuel pinboard.

Dossierets samling oversigtDossierets sidevisning

Dossier kræver en pennen og bruger Dropbox til opbevaring.

Udfordrer ortodoksen til design af mobilapp

Vi byggede denne prototype med fem usædvanlige interface-ideer i tankerne som følger.

1. Krav til stylus

Da jeg kom i gang med computere, der kørte MS-DOS i 1980'erne, var musen et valgfrit tilbehør. Softwareudviklere kunne ikke antage, at det var tilgængeligt. I dag får pennen samme behandling. Da de fleste tabletter (som iPad eller Microsofts overflade) ikke leveres med en stylus som standard, behandler appudviklere pennen som bare en anden finger, omend en mere præcis.

For Dossier kræves pennen, hvilket åbner nye muligheder for kommandoerigdom.

2. Læg dine hænder over det hele

Jeg finder tabletter tiltalende, fordi de ligner min A5-papir. Det er en fryd at tegne i min notesbog på en kaffebar, ved mit skrivebord eller sidde på en parkbænk. En tablet er omtrent samme størrelse og form, men giver ofte ikke den samme glæde ved brug.

En af årsagerne er, at tablet-apps typisk har mange aktive knapper og kontroller på kanten af ​​skærmen. I betragtning af den næsten kant-til-kant-skærm er det svært at gribe enheden uden ved et uheld at trykke på en knap eller rulle på siden. Jeg ender med at holde min tablet med fingerspidserne, vagt bange for at gribe den, som jeg ville have min papirnotatbog.

Apples Keynote har aktive kontroller, der dækker to ud af fire kanter på skærmen

For Dossier forsøgte vi at have et minimum af aktive kontroller på skærmen, især i nærheden af ​​kanterne.

3. Kommandoer uden vent

Berøringsskærme har et lille antal bevægelser: tryk, svej, dobbelttryk, klem og et par andre. Smartphone-apps antager endvidere en lille skærm og enhåndsbetjening - hvilket betyder, at mange kommandoer ender med at være gemt bag langpresse eller andre kommandoer med indbygget forsinkelse.

Anders Borums arbejdskopi bruger iOS indbygget træk og slip

Trækning af emner mellem sider er på samme måde friktionsfremkaldende: brugere er blevet trænet til at trække et element til kanten af ​​siden, og vent derefter et stykke tid på, at rullefølgen sparker ind.

Måske er den værste lovovertræder for strømbrugere kopiering og indsætning. På skrivebordet kan disse afgørende kommandoer aktiveres næsten overalt med ctrl-C eller ctrl-V. På mobilenheder er det en nøjeregnende proces med adgang til en kontekstmenu.

Shiny Frog's Bear tilbyder standard-klip-og-klæbestyringer

For Dossier gjorde vi det til et mål, at ingen inputmetode kræver, at brugeren venter, selv ikke kort.

4. Læs manualen

Forbruger-appudvikling antager, at brugere straks skal forstå, hvordan de bruger appen med ringe til ingen instruktion.

Men kreative fagfolk er forskellige. Vi er i orden med at investere nogen tid på at lære et værktøj, hvis denne investering lønner sig med magt, fleksibilitet og udtryksevne ved hjælp af værktøjet senere. Tænk igen på pakker som Photoshop, vim, AutoCAD og Excel.

Yderligere endnu: vi værdsætter dokumentation. Et produkt, der leveres med en manual, antyder, at det har dybde.

For Dossier beder vi brugeren om at læse manualen i betragtning af, at der er en rimelig afvejning for et mere kapabelt værktøj.

5. Kommandoordforråd

Hver brugergrænseflade har et kommandoordforråd. Desktopplatforme viser typisk deres fulde ordforråd inklusive tastaturgenveje i menulinjen. Kombineret med en pegeredskab og modificeringstaster, og du har tusinder af diskrete indgange, der kan danne appens kommandoordforråd.

Bohemian Coding's Sketch har det rigtige kommandovokabular, der er typisk for apps til skriveforfatter

På en tablet er den sædvanlige liste over inputbevægelser (tryk, tryk med to fingre, svej, klem osv.) Ganske lille. Selv mulighed for to hænder (f.eks. Knib med den ene hånd, tryk på med den anden), og vores potentielle kommandoordforråd tæller kun med snesevis. Men pennen åbner for en helt ny klasse af input: skrivning.

Vores team hentede inspiration fra operativsystemet PenPoint OS fra 1991. Blandt de mange bevægelser lod PenPoint brugeren tegne glyfer over toppen af ​​objekter på skærmen for at udstede kommandoer. For eksempel en cirkel for at redigere emnet og et X for at slette det.

For Dossier besluttede vi at opbygge et rigt kommandovokabular ved hjælp af stylus-gylfer ud over alle fingerbevægelser.

Samler det hele

Ved hjælp af disse fem lokaler byggede vi prototype-appen som følger:

  1. Påkrævet stylus: Vi drager fordel af alt, hvad det gennemsnitlige menneske råder over: to hænder (inklusive ti individuelle fingre) og pennen som forskellige indtastningsmetoder, som undertiden bruges i tandem.
  2. Læg dine hænder over det hele: Dossier har næsten nul krom, så brugerens indhold kan optage hele skærmen og meget få knapper aktiveret med et enkelt tryk.
  3. Kommandoer uden ventetid: Intet i ordforrådet Dossier-kommandoen kræver langpresse eller anden forsinkelse. Den almindelige funktion ved at flytte et kort via en fingertræk reagerer øjeblikkeligt, metaforisk som at skubbe indekskort rundt på et bord.
  4. Læs manualen: Dossier har et cheatsheet tilgængeligt i hovedmenuen, der beskriver den fulde palet med kommandoer, der er tilgængelige for brugeren.
et uddrag fra Dossier's cheatsheet

Alt dette kommer sammen med punkt 5, kommandovokabularet. Kommandoer som kopier, indsæt og slet (normalt skjult bag lang-presse kontekstmenuer på mobile applikationer) er tilgængelige ved at tegne en glyph med din pennen. Vi genkender glyfer ved hjælp af $ 1 Unistroke-genkenderen som implementeret i Swift.

kopier og indsæt ved at tegne glyfer med pennen

Hver kommando giver en flashmeddelelse (inspireret af Pixelmator på Mac), der svarer til det kommandonavn, der er vist på snydearket. Tegn et X for at slette, og du ser "slet kort" såvel som kortet forsvinder animationen. Tegn det samme X over en side i samlingsoversigten, og du kan se "slet side."

at slette et kort

Den mere almindelige brug af pennen inkluderes også: freeform-tegning. I Dossier har det form af annotationer med en fornemmelse, der ligner tegning på en tavle med en sort markør.

kommentarer via dobbelttryk med pennen

Se hele turnéen i denne 2-minutters demovideo:

fund

Vores team testede appen internt til vores egne sager: projekt brainstorming, rejseplanlægning, måltider til forberedelse af måltider, et kontor ombygningsprojekt. Vi fandt, at det var et nyttigt alternativ til Evernote, Pinterest eller Google Docs til denne type “få dine tanker sammen” eller “lav en plan” -arbejde.

Vi testede Dossier med fire eksterne brugere. I begge tilfælde udviste brugeren indledende forvirring over, at mobilapp-konventioner som svejs med en finger ikke virkede som forventet. Men da de konsulterede cheatsarket og eksperimenterede med kommandoerne, udviklede de en evne til at arbejde med værktøjet inden for få minutter. Vores afhentning var, at indlæringskurven var overraskende lille i forhold til udbetalingen i muligheder, der tilbydes af Dossier i forhold til andre iPad-apps.

Efter min personlige oplevelse af appen nød jeg virkelig hurtigt at hente tekst-, billed- og PDF-kort fra forskellige kilder og gruppere dem rumligt for at finde mønstre. Jeg fandt også, at dossieret var nyttigt som en slags hurtig, lav-indsats skaberdækskaber til ad hoc-præsentationer over skærmdelingen med mit team.

Konklusion

Vi satte spørgsmålstegn ved nogle almindelige mobile designpraksis for at gøre tabletten til et hurtigt og præcist værktøj. Resultatet var kommandovokularet med kommandoer uden ventetid, stylus-glyfer, en flash-meddelelse til at forstærke brugerens handlinger og en mini-manual i form af cheatsheet.

Baseret på disse foreløbige fund mener vores team, at tabletten i sidste ende kan være en levedygtig platform for kreative fagfolk. Men for at opnå det kan det kræve, at appudviklere bryder fri fra nogle antagelser fra forbrugscomputerværden.

Vi deler vores konklusioner i håb om, at andre digitale værktøjsmaskiner muligvis kan låne disse ideer til deres produktionsapps, eller at andre forskere kan fortsætte med at udforske videre i denne retning. Flere ideer til at udforske inkluderer genkendelser til flere streger, stemmekommandoer og akkordede tastaturer.

Vi ville meget gerne høre, hvad du synes eller høre om dit arbejde på dette domæne. Du kan nå os på Twitter eller på hello@inkandswitch.com.

Opdatering august 2019: Vil du prøve det? Mange af ideerne fra Dossier-projektet vises i Muse for iPad.

Dossier blev bygget af Julia Roggatz (teknik), Miloš Milikić (design), og mig, Adam Wiggins (projektleder). Særlig tak til James Lindenbaum, Roshan Choxi, Orion Henry, Mark McGranaghan og Martin Kleppmann.