211service.com
Verktyg för bättre webbdesign
Om du gillar (eller ogillar) designen på denna eller någon webbsida kan du se källkoden och se hur våra designers skapade den – alternativet finns under Verktyg-menyn i många webbläsare. Denna öppenhet är en av de bästa sakerna med webben, säger Scott Klemmer , en professor vid Stanford University som driver gruppen Human Computer Interaction. Men han tillägger att om du inte är en erfaren webbdesigner eller kodare är det svårt att ta reda på vilken del av koden som gör vad. Klemmers labb skapar verktyg som hjälper både nybörjare och erfarna designers att dra nytta av sådant befintligt webbinnehåll för att förbättra och anpassa sin design snabbare.
Det bästa sättet att utveckla en användarvänlig design som tillfredsställer kodare, designer och kund är att komma med en massa prototyper, varav de flesta kommer att kastas ut. Men att göra om en design genom att trial and error tar lång tid, så Klemmer försöker automatisera processen. Många av hans verktyg kan laddas ner gratis från hans labb eller från partners, inklusive Adobe. Tusentals människor har laddat ner ett verktyg som heter Plan , som nu är tillgängligt som ett plugin-program för Adobes Flash- och Flex Builder-verktyg. Genom Blueprint kan designers som kodar en sida söka efter exempel på kod utan att behöva klicka sig igenom sidor med resultat som genereras av konventionella sökmotorer. Experiment från Klemmers grupp visade att professionella programmerare som använder Blueprint slutförde uppgifter 28 procent snabbare och skrev kod med högre betyg än de som använde traditionella webbsökmotorer.
Ett annat verktyg, Bricolage, som Klemmer och hans elev Ranjitha Kumar utvecklade för några månader sedan, kan ta vilken webbsida som helst och återskapa den i stil med en annan, tack vare en algoritm som separerar en sidas innehåll från dess stilistiska mallar. Tanken är inte att göra det möjligt för människor att kopiera design i grossistledet, utan att underlätta brainstorming. I motsats till att det tar timmar att göra varje ny mock-up av en sida, kan du se om en viss riktning är intressant, säger han. Bricolage kan också användas för att snabbt göra om en sida för visning på olika enheter, som en stationär dator, en Android-telefon eller en iPad.
Inom design finns det så många intressenter – teknikfolket, kunden, formgivarna – och design är svår att beskriva med ord, säger han. Att ha exempel till hands hjälper till att påskynda processen: I kreativt arbete drar du slutsatser och bygger expertis från att titta på en enorm samling exempel. Klemmer konstaterar att konststudenter lär sig vad som gör en bra målning inte genom att studera kriterielistor utan genom att titta på exempel efter exempel, bra målningar och dåliga. Vad som gör bra design kan vara lika svårt att formulera som vad som gör en bra målning, särskilt när människor med olika ordförråd – webbdesigners, programmerare och kunder – försöker kommunicera.
Klemmer, som är 33, planerade till en början att bli konstnär och grafisk formgivare. När han gjorde sitt grundutbildningsarbete vid Brown University, säger han, blev han inspirerad av hur mycket datorer kunde göra för att underlätta kreativt arbete. En praktikplats hos Microsofts medgrundare Paul Allens tankesmedja Interval Research cementerade hans ambition att skapa mjukvaruverktyg för designers. Klemmer säger att ett av Intervals mål var att utveckla generationen av användargränssnittsverktyg som skulle komma efter det grafiska användargränssnittet.
En liknande ambition ligger till grund för Klemmers arbete idag: han vill göra webben mer tillgänglig. Dagens webbanvändare är förmodligen på en mobil enhet, och när befolkningen åldras kommer fler webbanvändare att ha begränsad syn eller motorik. Men att skapa en ny version av en webbplats för varje typ av användare eller enhet är otroligt tidskrävande. Med verktygen han utvecklar kan en designer göra en kanonisk version av en webbplats och sedan utveckla mjukvara som automatiserar omvandlingen av denna design till versioner som fungerar för det allt större utbudet av människor som kan titta på den.