Designing for the web since 1996

Per Axbom

Senior UX designer and digital strategist, with expertise in interaction design, accessibility and visual storytelling.

Filter the portfolio

Showing all 121 cards

Everything since 1996: projects, templates and tools, talks, publications and awards. Open the filter to see only what is relevant to you.

Project

Sketchnotes

Place
Lisbon and Stockholm
Years
2012–2019
View larger: Sketchnote from UXLx 2019: Stephen Anderson, “The future of design”: Design 1.0 (hands shaping a bowl) and Design 3.0 (a finger on a button), product → experience → outcome, “Humanity-centered design”. Jessica Outlaw, “Embodied cognition”: two blue Na'vi figures from the film Avatar – “We can identify and control bodies that differ radically from typical human templates.” Nathan Curtis, “Systems of systems”: two wireframes, Frankenstein and Patchwork. Becki Hyde, “Cross-disciplinary collaboration”: “Don't argue about who does what. Work together at the intersection of disciplines”, with two overlapping circles of people. Jim Kalbach: “Experience is about understanding the human condition.” “Peace is waged with sticky notes” – empathy, patterns, narrative.
  • View larger: UXLx 2019 workshop: Brittney Dunkins, Strategic storytelling: “Storytelling goal = audience need + business objective”, broken down into core value, content area and three concepts. Guardrails – tone and voice: express your brand, what do you want people to feel and do, what are you not? Sourcing: who can you tap into internally and externally, what are your standards for a source “expert”? A process map from research, ideas and strategy via outreach, pre-interview, content capture, draft and creative edit cycle to review, finalize, publish and distribute. Mission, vision and values; content drivers; digital value – decide what you want to track, metric, learning objective, value: why it matters.
  • View larger: UXLx 2019 workshop: Kristin Skinner, Design Ops: Kristin Skinner: “All design is service design.” The three-legged stool: product/service resting on business, tech and design. Centralized partnerships: design, product management and engineering leadership across product/concept teams. Org charts with head of design, design director, creative director, creative technologist, product designers, content strategists, UX researchers and 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-centered design.” Design generates value, tames software complexity, coheres service experiences, enhances all practices, defines new offerings and informs planning. Design practice, design programs, design operations.
  • View larger: UXLx 2019: Denise Jacobs, Unfold your brain: A colorful brain, “your most important tool”, and a gift box, “What's in the box?” The inner critic: “Paradox: people with impostor syndrome are the most competent.” FEAR as “false evidence appearing real” – or something ruder. “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.” Gamma, beta, alpha, theta and delta brainwaves, and a gateway to creativity. “Decouple your performance from who you are.” A short story: a monster with blue eyes, “and then she kissed him”, “the aliens conquered the world!!” – better together.
  • View larger: UXLx 2019: Val Head, Animating the user experience: Why motion? User expectations, screen real estate – “because we can”. “Great animation has purpose and style”: squash and stretch. Skeleton content gives a “hint” of content, making things seem faster; setting the stage with anticipation. “The way things move can convey emotion.” “Exaggerate to pull attention”: a bouncing save button. Cause and effect, showing you how things work, direct attention – with an owl pointing at a form field. Brain benefits: reduce cognitive load, prevent change blindness, better recall of spatial relationships, lower perceived load times. “Use prototypes to test, and help people understand!” Links: cubic-bezier.com and the 12 principles of animation.
  • View larger: UXLx 2019: Pamela Pavliscak, Marc Rettig, Kate Rutter, Farai Madzima and Tom Kelley: Pamela Pavliscak, “Next-generation empathy”: relationships as ethics – consent, boundaries, give and take, make meaning, complexity/ambiguity, social conventions, failing endearingly – beside a small robot. Marc Rettig, taking “participatory” seriously: “The people living it now are the people living it in the future.” Kate Rutter, “Escaping the stagnation sandpit”: a knowledge map, and 1. set an intention, 2. start simple, 3. share progress. 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”, with the word Hip Hop in graffiti letters. Tom Kelley, “Creative confidence”: “Make big change via small experiments”, and Elmo.
  • View larger: Braindump after UXLx 2019: what I took home: My own take-aways, dated 25 May 2019, around a simple standing figure: write shit down, listen without prejudice, “yes, and…”, coach co-workers, ask reflective questions, engage in participatory design, work more together across disciplines, remodel meetings – fewer briefings, more together-learning – empower humans, not machines, ask for specific feedback, trust the coaching process. Personal and team OKRs: what do I/we want to learn more about? Knowledge, beliefs, gaps. Trust humans more, trust algorithms less. Consider digital services as valued relationships. Share more! Establish my toolset.
  • View larger: UXLx 2012: the first set: A stack of sketchnote pages on a yellow background. The top one: 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”.
  • View larger: SSMX 2013: Therese Reuterswärd on Scandic's Facebook campaigns: In Swedish. Therese Reuterswärd (@TrulyTherese), Scandic, Facebook advertising and sponsored ads: 6,000 new likes (to two pages); “it wasn't until we started advertising that the campaign took off”; “it had to have content, something you could do”; “we used a film that already existed (cost-effective)”; “keep the pot boiling”; “take care of everyone”; targeting; bursts.
  • View larger: SSMX 2013: Johan Lange on Lean: In Swedish. Johan Lange: “Seen, heard, confirmed”; “If you don't believe people mean well, avoid Lean”; Lean: 1. a heart, 2. rational; no blame; the brain – smart versus reptilian (defend, flee, attack); goal; “people change behavior when they feel they want to”; “we send passwords all the time”; “a bad company culture eats good decisions for breakfast”.
  • View larger: SSMX 2013: @deeped on Klout: In Swedish. @deeped on Klout: 400/90/40 (signals, days, median); find influencers; understand relationships; benchmark content; doesn't measure positive or negative; risk of errors; “it all depends on how we use it!”
  • View larger: UXLx 2015: Lisa Welchman, Architecting the information age: a portrait of Lisa beside a speech bubble, “Who is accountable for the information design? We are.” Around her: a truck and oil barrels – “Who decided fossil fuels was a good idea?” – a baby with a walkie-talkie and a ball of yarn, “Internet of things”, “Who is responsible?” Along the bottom: “We may not be intending to design the future society, but as makers, we are.”
  • View larger: UXLx 2015 workshop: Abby Covert, How to make sense of any mess: 1. Ontology (mess): choosing words to be used within any given context – the hamburger menu, “words we don't say”. 2. Taxonomy: agreeing is the hard part. 3. Choreography: context/channel. “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.” A beaver: “This is a fish.” “Let people go through the exercise.” “4 copies of every photo.” “Defining words with words!” Location, alphabet, time, category, hierarchy.
  • View larger: UXLx 2015 workshop: Nicole Fenton, Interface writing: Content first, content last – both crossed out: “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? Friendly-sounding links, even if users don't click (“Flying with us”). “If your website was a person, what would it sound like?”
  • View larger: 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” – a static HTML prototype. A timeline where “go live” comes before “start/build”. “Are you creating the outcomes the client is paying you for?” “Have a conversation about what success is.”
  • View larger: UXLx 2015: Stephen Hay, The art of deception: “Deceipt works short term. Making users happy works forever.” A pedestrian-crossing button: “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.” Clippy, the old Office assistant: “Don't interrupt people!”
  • View larger: 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.”
  • View larger: UXLx 2015: Brad Frost, Atomic design: Atoms, molecules, organisms, templates, pages. Overlapping bands of IA, design and dev. “…and it looks like crap… but, that's OK!” Devices showing the same layout: “Waste of a talented designer's time!” A 400×300 placeholder and code brackets.
  • View larger: UXLx 2015: Abby Covert, IA for everybody: “Agreeing is the hard part!” A map: “An artefact gives us something to talk about and agree upon.” Rabbits popping out of holes: uncertainty, politics, history, fear. “8 out of 10 doctors do not recommend” beside “doctors recommend”. Jam, an empty space, jelly: “People's brains fill the gaps. Information can be made from the absence of information.” A tomato, ticked as both fruit and vegetable.
  • View larger: UXLx 2015: Mike Atherton, Designing with linked data: Linked data across “your data”, the BBC and the New York Times. “The web was designed to build bridges of understanding.” A dancing 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.
  • View larger: UXLx 2015: Stephen Wendel, 3 strategies for behavior change: A Nest thermostat showing 36. “Habits take time to form. Don't let people drop out from the funnel.” The habit loop: cue triggers routine, routine may provide reward, reward becomes associated with cue. A funnel: cue, reaction, evaluation, ability, timing, experience.
  • View larger: 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).” A translator/coach for your car. “Let devices be happy together.” “Interfaces are an illusion. Their purpose is to hide the tech.”

From 2012 to 2019 I drew sketchnotes live at conferences – usually one talk per iPad screen, published straight after the session. The first set, from UXLx 2012, had more than 34,000 views on SlideShare by February 2013. My favorites are the most recent, from UXLx 2019.

Read more
  • UXLx 2012, Lisbon: the first full set, drawn in Paper on an iPad 2 with a Wacom Bamboo stylus.
  • SSMX 2013 (Stockholm Social Media Exchange), an unconference: the day's sketches published during the dinner break.
  • February 2013: interviewed by David Stark for the conference magazine Svenska möten about sketching as a work tool.
  • UXLx 2015: two workshops (Abby Covert, Nicole Fenton) and a full day of talks – 11 sketches, each with a key take-away on the blog.
  • UXLx 2019, Lisbon: two workshops (Brittney Dunkins on strategic storytelling, Kristin Skinner on Design Ops) and talks by Stephen Anderson, Jessica Outlaw, Denise Jacobs, Val Head, Pamela Pavliscak, Farai Madzima and Tom Kelley, among others – and a braindump of my own with everything I wanted to take home.

For years I was stuck in the usual, crazy belief that I couldn't draw – that you needed training, and that an adult can't learn to draw comics. Scott Adams, the creator of Dilbert, showed me that you can switch tracks completely, and xkcd showed that stick figures are enough to get intricate messages across.

The turning point came when I started my own business and finally read Dan Roam's The Back of the Napkin. It changed how I take notes in meetings and at talks and how I sketch experience maps – and pictures, I found, created an engagement none of my classic reports had come close to. In my workshops, everyone draws.

At UXLx 2012, with the new Paper app on my iPad, I sketched my way through all three days and posted each drawing on Flickr as soon as the talk ended. The response kept me going.

My method, as I described it in a 2013 interview: spend the first three or four minutes drawing the speaker while listening; let the audience choose the key points – whatever gets the most murmurs, whispers or laughter goes in; don't hesitate, and dare to erase. Much of what looks like drawing is text, in color and hand-drawn letters. A sketch doesn't say more than a thousand words – it makes the words understandable and interesting.

For me as a freelancer, sketching became marketing, a competitive advantage and a source of income.

Back to all work

Work