Designar för webben sedan 1996

Per Axbom

Senior UX-designer och webbstrateg, med expertis inom interaktionsdesign, tillgänglighet och visuellt berättande.

Filtrera portfolion

Visar alla 121 kort

Allt sedan 1996: uppdrag, mallar och verktyg, föreläsningar, publikationer och utmärkelser. Öppna filtret för att bara se det som är relevant för dig.

Uppdrag

Sketchnotes

Plats
Lissabon och Stockholm
År
2012–2019
Visa större: Sketchnote från UXLx 2019: Stephen Anderson, ”The future of design”: Design 1.0 (händer som formar en skål) och Design 3.0 (ett finger på en knapp), product → experience → outcome, ”Humanity-centered design”. Jessica Outlaw, ”Embodied cognition”: två blå Na'vi-figurer från filmen Avatar – ”We can identify and control bodies that differ radically from typical human templates.” Nathan Curtis, ”Systems of systems”: två trådskisser, Frankenstein och Patchwork. Becki Hyde, ”Cross-disciplinary collaboration”: ”Don't argue about who does what. Work together at the intersection of disciplines”, med två överlappande cirklar av människor. Jim Kalbach: ”Experience is about understanding the human condition.” ”Peace is waged with sticky notes” – empathy, patterns, narrative.
  • Visa större: UXLx 2019, workshop: Brittney Dunkins, Strategic storytelling: ”Storytelling goal = audience need + business objective”, nedbrutet i core value, content area och tre koncept. Guardrails – ton och röst: uttryck ditt varumärke, vad vill du att människor ska känna och göra, vad är du inte? Sourcing: vilka kan du ta hjälp av internt och externt, vilka krav har du på en ”expert” som källa? En processkarta från research, idéer och strategi via outreach, förintervju, insamling, utkast och redigering till granskning, färdigställande, publicering och spridning. Mission, vision och värderingar; content drivers; digitalt värde – bestäm vad du vill mäta, metric, lärandemål, value: why it matters.
  • Visa större: UXLx 2019, workshop: Kristin Skinner, Design Ops: Kristin Skinner: ”All design is service design.” Den trebenta pallen: produkt/tjänst som vilar på affär, teknik och design. Centraliserade partnerskap: ledning för design, produkt och utveckling över produkt- och konceptteam. Organisationsscheman med designchef, design director, creative director, creative technologist, produktdesigner, innehållsstrateger, UX-researchers och design practice manager. ”Design management: our mission is to be strategic partners who ensure cross-functional collaboration to create an environment that best supports human-centred design.” Design skapar värde, tämjer mjukvarans komplexitet, håller ihop tjänsteupplevelser, stärker alla discipliner, definierar nya erbjudanden och underbygger planering. Design practice, design programs, design operations.
  • Visa större: UXLx 2019: Denise Jacobs, Unfold your brain: En färgglad hjärna, ”your most important tool”, och ett paket, ”What's in the box?” Den inre kritikern: ”Paradox: people with impostor syndrome are the most competent.” FEAR som ”false evidence appearing real” – eller något grövre. ”Multitasking is multi-taxing.” ”You can not compare your inside to someone else's outside.” ”Constraints help you perform!” ”It's not so much what you make but the process of making it.” Hjärnvågorna gamma, beta, alfa, theta och delta, och en port till kreativitet. ”Decouple your performance from who you are.” En kort berättelse: ett monster med blå ögon, ”and then she kissed him”, ”the aliens conquered the world!!” – better together.
  • Visa större: UXLx 2019: Val Head, Animating the user experience: Varför rörelse? Användarnas förväntningar, skärmytan – ”because we can”. ”Great animation has purpose and style”: squash and stretch. Skelettinnehåll ger en ”hint” om innehållet och får saker att kännas snabbare; att sätta scenen med förväntan. ”The way things move can convey emotion.” ”Exaggerate to pull attention”: en studsande spara-knapp. Orsak och verkan, att visa hur saker fungerar, styra uppmärksamheten – med en uggla som pekar på ett formulärfält. Fördelar för hjärnan: lägre kognitiv belastning, motverkar förändringsblindhet, bättre minne för rumsliga samband, kortare upplevd laddtid. ”Use prototypes to test, and help people understand!” Länkar: cubic-bezier.com och animationens 12 principer.
  • Visa större: UXLx 2019: Pamela Pavliscak, Marc Rettig, Kate Rutter, Farai Madzima och Tom Kelley: Pamela Pavliscak, ”Next-generation empathy”: relationer som etik – samtycke, gränser, ge och ta, skapa mening, komplexitet/tvetydighet, sociala konventioner, att misslyckas charmigt – bredvid en liten robot. Marc Rettig, att ta ”participatory” på allvar: ”The people living it now are the people living it in the future.” Kate Rutter, ”Escaping the stagnation sandpit”: en kunskapskarta, och 1. sätt en avsikt, 2. börja enkelt, 3. dela framstegen. Farai Madzima, ”The only one of your kind in the room”: ”Who is UX? Let's be less confident in the plans, tools, structures, organizations… that created the inequality we see today”, med ordet Hip Hop i graffitibokstäver. Tom Kelley, ”Creative confidence”: ”Make big change via small experiments”, och Elmo.
  • Visa större: Hjärnsläpp efter UXLx 2019: det jag tog med mig hem: Mina egna lärdomar, daterade 25 maj 2019, runt en enkel stående figur: write shit down, lyssna utan fördomar, ”ja, och…”, coacha kollegor, ställ reflekterande frågor, arbeta med deltagande design, samarbeta mer över disciplinerna, gör om möten – färre genomgångar, mer lärande tillsammans – ge människor makt, inte maskiner, be om specifik återkoppling, lita på coachningsprocessen. Personliga och teamets OKR:er: vad vill jag/vi lära oss mer om? Kunskap, föreställningar, luckor. Lita mer på människor, mindre på algoritmer. Se digitala tjänster som värdefulla relationer. Dela mer! Bygg upp min verktygslåda.
  • Visa större: UXLx 2012: den första samlingen: En hög med sketchnotes mot gul bakgrund. Överst: Steve Portigal, ”Discover and act on insights about people” – ”Use many methods”, ”Research is a limiting word, we create the new”, ”Exploring ≠ testing, be provocative!”, ”Broaden the source groups: early adopters, adjacent users, ‘lost users’”, ”Use drama”, ”Time is not a limitation”.
  • Visa större: SSMX 2013: Therese Reuterswärd om Scandics Facebookkampanjer: Therese Reuterswärd (@TrulyTherese), Scandic, Facebook-annonsering och sponsored ads: 6 000 nya likes (till 2 sidor); ”Det var inte förrän vi började annonsera som kampanjen tog fart”; ”Det skulle ha innehåll, något man kunde göra”; ”Vi tog en film som redan fanns (kostnadseffektivt)”; ”Håll grytan kokande”; ”Ta hand om alla”; targeting; bursts.
  • Visa större: SSMX 2013: Johan Lange om Lean: Johan Lange: ”Sedd, hörd, bekräftad”; ”Om du inte tror att folk vill väl, undvik Lean”; Lean: 1. ett hjärta, 2. rationella; no blame; le med ögonen; hjärnan – smarta mot reptil (försvar, flykt, attack); mål; ”människor ändrar beteende när de känner att de vill”; ”vi skickar lösenord hela tiden”; ”en dålig företagskultur äter bra beslut till frukost”.
  • Visa större: SSMX 2013: @deeped om Klout: @deeped om Klout: 400/90/40 (signaler, dagar, median); hitta influencers; förstå relationer; benchmarka innehåll; mäter inte positivt/negativt; risker för fel; ”Allt hänger på hur vi använder det!!”
  • Visa större: UXLx 2015: Lisa Welchman, Architecting the information age: ett porträtt av Lisa bredvid en pratbubbla, ”Who is accountable for the information design? We are.” Runt henne: en lastbil och oljefat – ”Who decided fossil fuels was a good idea?” – en bebis med walkie-talkie och ett garnnystan, ”Internet of things”, ”Who is responsible?” Längst ner: ”We may not be intending to design the future society, but as makers, we are.”
  • Visa större: UXLx 2015, workshop: Abby Covert, How to make sense of any mess: 1. Ontology (mess): välja ord för ett visst sammanhang – hamburgermenyn, ”words we don't say”. 2. Taxonomy: att komma överens är det svåra. 3. Choreography: kontext/kanal. ”Obsession with messes in the world.” ”There is academically no correct way to architect your information.” ”We can't control the information our users perceive.” En bäver: ”This is a fish.” ”Let people go through the exercise.” ”4 copies of every photo.” ”Defining words with words!” Plats, alfabet, tid, kategori, hierarki.
  • Visa större: UXLx 2015, workshop: Nicole Fenton, Interface writing: Content first, content last – båda överstrukna: ”Your content will change.” ”Play around, try different versions.” ”Understand non-binary people – not just male/female, married/single.” ”I don't like this box!” Nomenclature audit. Consistent (not uniform). Collaborative, iterative, inclusive, generous, thoughtful. Consider: main interactions? What are people trying to do? What's important for the business? Vänligt formulerade länkar, även om ingen klickar (”Flying with us”). ”If your website was a person, what would it sound like?”
  • Visa större: UXLx 2015: Josh Seiden, Innovation in real time: ”We pretend we can scope projects efficiently.” ”Design experiments, not wireframes.” ”Start the conversation early.” ”We've got this live system that's generating learnings for us” – en statisk HTML-prototyp. En tidslinje där ”go live” kommer före ”start/build”. ”Are you creating the outcomes the client is paying you for?” ”Have a conversation about what success is.”
  • Visa större: UXLx 2015: Stephen Hay, The art of deception: ”Deceipt works short term. Making users happy works forever.” En knapp vid ett övergångsställe: ”So yeah, turns out this button doesn't do much.” ”Eliminate time lags.” ”Every step we put between thinking and doing is an obstacle.” ”Don't make the audience work.” Gem-figuren Clippy från Office: ”Don't interrupt people!”
  • Visa större: UXLx 2015: Nicole Fenton, Words as material: Writing ⟷ designing. (Re)write → share → discuss → agree → repeat. ”I solve problems with language.” ”Sketch with words.” ”#1 obstacle for good design process: lack of product vision.” ”Writers are the fastest designers in the world” – Matt Jones. ”Writing is the material of intent” – Abby Covert. ”We can't read minds. Words remedy unspoken assumptions.”
  • Visa större: UXLx 2015: Brad Frost, Atomic design: Atoms, molecules, organisms, templates, pages. Överlappande band för IA, design och utveckling. ”…and it looks like crap… but, that's OK!” Enheter med samma layout: ”Waste of a talented designer's time!” En platshållare 400×300 och kodparenteser.
  • Visa större: UXLx 2015: Abby Covert, IA for everybody: ”Agreeing is the hard part!” En karta: ”An artefact gives us something to talk about and agree upon.” Kaniner som tittar upp ur hål: uncertainty, politics, history, fear. ”8 out of 10 doctors do not recommend” bredvid ”doctors recommend”. Sylt, ett tomrum, gelé: ”People's brains fill the gaps. Information can be made from the absence of information.” En tomat, markerad som både frukt och grönsak.
  • Visa större: UXLx 2015: Mike Atherton, Designing with linked data: Länkade data mellan ”your data”, BBC och New York Times. ”The web was designed to build bridges of understanding.” En dansande hamster. 1. Use web addresses to represent real-world things (mychair.com). 2. Return useful data in a standard format. 3. Provide links to related phenomena – my house, IKEA cushion: located in, created by, contains.
  • Visa större: UXLx 2015: Stephen Wendel, 3 strategies for behavior change: En Nest-termostat som visar 36. ”Habits take time to form. Don't let people drop out from the funnel.” Vanecykeln: signal utlöser rutin, rutin kan ge belöning, belöning kopplas till signalen. En tratt: cue, reaction, evaluation, ability, timing, experience.
  • Visa större: UXLx 2015: Josh Clark, Magical UX and the internet of things: ”Maybe engaging interfaces shouldn't be the goal. Rather: get the interface out of the way!” ”You all have a magic wand!” Unobtainium. Glanceability. ”The world is a canvas.” ”Click your heels 3 times to trigger a call (and escape the date).” En översättare/coach för bilen. ”Let devices be happy together.” ”Interfaces are an illusion. Their purpose is to hide the tech.”

Mellan 2012 och 2019 ritade jag sketchnotes live på konferenser – oftast ett föredrag per iPad-skärm, publicerat direkt efter passet. Den första samlingen, från UXLx 2012, hade fått över 34 000 visningar på SlideShare i februari 2013. Mina favoriter är de senaste, från UXLx 2019.

Läs mer
  • UXLx 2012, Lissabon: den första hela samlingen, ritad i Paper på en iPad 2 med en Wacom Bamboo-penna.
  • SSMX 2013 (Stockholm Social Media Exchange), en knytkonferens: dagens skisser publicerade under middagspausen.
  • Februari 2013: intervjuad av David Stark för konferensmagasinet Svenska möten om skisser som arbetsverktyg.
  • UXLx 2015: två workshoppar (Abby Covert, Nicole Fenton) och en hel dag med föredrag – 11 skisser, var och en med en viktig lärdom på bloggen.
  • UXLx 2019, Lissabon: två workshoppar (Brittney Dunkins om strategiskt berättande, Kristin Skinner om Design Ops) och föredrag av bland andra Stephen Anderson, Jessica Outlaw, Denise Jacobs, Val Head, Pamela Pavliscak, Farai Madzima och Tom Kelley – och ett eget hjärnsläpp med allt jag ville ta med mig hem.

Länge satt jag fast i den vanliga, vansinniga föreställningen om att jag inte kunde rita – att man måste ha utbildning, och att en vuxen människa inte kan lära sig rita serier. Scott Adams, Dilberts skapare, visade att man helt kan byta spår, och serien xkcd visade att streckgubbar räcker för att kommunicera intrikata budskap.

Vändpunkten kom när jag startade eget och äntligen läste Dan Roams bok The Back of the Napkin. Den förändrade hur jag antecknar på möten och föreläsningar och hur jag skissar upplevelsekartor – och bilderna skapade ett engagemang som ingen av mina klassiska rapporter kommit i närheten av. På mina workshoppar ritar alla.

På UXLx 2012, med den nya appen Paper på iPaden, skissade jag mig igenom alla tre dagarna och lade upp varje teckning på Flickr direkt efter föreläsningen. Responsen gav bränsle att fortsätta.

Metoden, som jag beskrev den i en intervju 2013: ägna de första tre–fyra minuterna åt att rita av talaren medan du lyssnar; låt publiken välja ut de viktigaste punkterna – det som får mest sus, viskningar eller skratt ska med; tveka inte, och våga sudda. Mycket av det som ser ut som teckning är text, i färg och med handritade bokstäver. En skiss säger inte mer än tusen ord, men den gör orden begripliga och intressanta.

För mig som frilansare blev skissandet både marknadsföring, en konkurrensfördel och en inkomstkälla.

Tillbaka till alla arbeten

Arbeten