Category

Design

Zigzag trenches in WWI: explaining why trenches were built in zigzags to protect against blasts from artillery and to slow enemies if a trench was attacked or capturedZigzag trenchesGestalt principles of visual perception showing proximity, similarity, continuity, closure, figure and ground, symmetry and order, and common fate.Gestalt principlesThe magic of open-air kitchens for Asian street food shown calling out each aspect that makes it such an ingenious set upThe open-air kitchenPillars of hope, steel starter bars or starter rods stick out of a house so that in the future it's easier to add an extra storeyPillars of hopeAffordance illustration: one person effortlessly pushes open a door with a flat plate while a victim of poor design struggles to pull open a door with a bar handle and a discreet push signAffordanceBlending buildings illustratiion: example of two large distribution warehouses one coloured in greens to blend better into countryside, and one in shades of blue to blend better into the sky.Blending buildingsDesign by committee illustration: A person demonstrates a camel as the solution to all the requirements for Horse 2.0Design by committeeSiphon illustration: how a siphon works draining a reservoir by running a water uphill, unaided, until it empties into a lower reservoir.SiphonCake wreck: a cake where instructions for the cake—"Happy birthday in purple, no nuts"—have been smartly written across the front. Intended as a metaphor for literal misinterpretation.Cake wreckFeedback fear illustration: A poor soul goes through all sorts of internal doubts about what they might have done wrong and how they might have failed when someone gives a friendly suggestion to ask what others thinkFeedback fearTwo houses showing different approaches to heating: heating people and heating spacesHeating people, heating spacesA spider constructing a common orb spider webA common orb spider webThe first draft is always perfect: A person creating multiple drafts of a sketch before reaching the one that hangs on the wallThe first draft is always perfectOne-size-fits-men summary: Piano keyboard showing different handspan widths and that standard keyboards advantage larger handspansOne-size-fits-menFor want of a nail poem: from the shoe, to the rider, the battle and the kingdom it's all lost because that fellow dropped the nailFor want of a nailThe curb-cut effect: A range of people of all ages next to a crossing, road, and park show how the curb cut design for disabilities benefits everyoneThe curb-cut effectReplicate, then Innovate illustration: inspired by seeing a peer present their decorative star, a young creative sets to; making lots of stars in different styles and sizes, seemingly without any plan in mind. Some are hung up on the wall, some coloured in, some combined with other shapes, until a large, multi-coloured, multi-layered star decoration comes together and hangs majestically from 2 hooks. The young creative seems pleased with themself. Replicate then innovateForcing functions in design - 2 examples: a hotel room with the lights controlled by key card and a lawnmower that needs both hands to turn it onForcing function — designLego faces are awesome: a comparison of the expressions on Lego faces from the Lego Movie 2 with one from the 1980sLEGO facesChindogu example: A t-shirt with a labelled grid on the back could be a useful tool to guide someone to the exact coordinates you'd like your back scratched. ChindoguThe Data Prison illustration: shows 2 tables with identical data describing a schedule of work and fun for every day of the week. The "imprisoned" data in the table on the left is separated by lines in a grid. The "freed" data in the table on the right has no lines, and instead uses shading and spacing.The data prisonThesis, antithesis, synthesis — Hegel's dialectic — as a progression of ideas illustrated with alerts invented on a phone, frustration with alerts leading to do not disturb settingsThesis, antithesis, synthesisProxemics illustration: inside a large cathedral we see opposite ends of the proxemics scale; a family whisper to each other as they walk around the cavernous main hall and someone else gives confession inside a tiny booth. ProxemicsWhat is 2 Factor Authentication: a Venn diagram of three intersecting circles containing things you know, things you have and things you are. Where any 2 circles overlap, there is an opportunity for 2-factor authentication.  2 factor authenticationConway's law showing how the organisation of a company, as small, distributed teams or large colocated teams can reflect the architecture of the software as modular or monolithicConway’s LawThe Kitchen Working Triangle illustration: a plan view of a kitchen is shown with the distances between commonly related appliances and storage highlighted. The kitchen working triangleThe third teacher: a pupil with 1. a teacher or parent, 2. their peers, and 3. a classroom full of opportunity and aids to learnThe third teacherOODA Loop explained: military strategist John Boyd's framework for action in conflict is shown as a closed loop cycle of Orient, Decide, Act, Observe and back to the beginning. The cycle also applies to business when you reconsider the points on the cycle as Frame, Strategize, Test, Gather. OODA LoopThe golden circle: illustrated with the start with why circles, and Martin Luther King and the "I have a dream," not the "I have a plan," speechThe golden circle60-30-10 colour rule illustration: a man is shown wearing a plain suit, button up shirt and tie. 60% of colour on show is from the suit; 30% is from the shirt; 10% is from the tie. 60-30-10 Colour ruleThe customer value chain illustration: a concave up, decreasing line graph shows the different elements of competitive advantage at play as a new product or market evolves over time. The customer value chainMOSCOW Prioritisation.The golden ratio: equation and an example of it in action showing the classic beautiful nautilus spiralThe golden ratioThe S-curve.2.5DLet your data speak for itself.Fitts’ LawThoughtless acts: The string of a teabag wrapped around the handle of a mug to stop it falling in shows that ways that we adapt to the world without thinkingThoughtless actsCognitive overheadDesire path: the difference between design and use illustrated by a person crossing a corner of grassDesire pathProgressive enhancementUse of the car horn chart showing the uses in decreasing order of "Idiot!", "It's green!", "I'm outside!", and, lastly, the intended "Watch out!"Use of the car hornMobile is snorkelling. Desktop is divingThe one-hoss shayThink cradle to cradleMapping illustration: Don Norman's famous example of the controls for a stovetopMappingSix thinking hatsThe Betty Crocker EffectSneaky casinosDesign for a Glance, a Look and a ReadChindogu: unuseless inventionsThe content is the interface9 WindowsPowers of 10Common button statesAnti-aliasingLateral thinking: 4. Lateral thinking changes perspective just to be provocativeLateral thinking: 3. You don’t have to be right at every stepLateral thinking: 2. Labels are not collectors but signposts. They are not fixedLateral thinking: 1. Lateral thinking is about increasing the breadth of optionsExpress - Test - CycleEnrich your design processPatnaik’s Hierarchy of NeedsMaslow’s Hierarchy of needs3 visuals explaining: Ask open-ended questions, Listen way more than you talk, and Stay focused to the very endPerform good social researchPlug computingThe number of ideas produced in an ideation session is proportional to the size of the stack of paper in front of youDesigning for adoptionAir-write before inkingBeware of local optimisationUrge to underline? Use bold or italic instead5 user tests finds 85% problemsSecond rule of improv: Be spontaneousAccept offersOmit unnecessary wordsUse styling instead of colonsBe a type geekA flat surface has unused potentialDon’t let your thinking be limited by your toolsBuilding a good framework is like cutting cubes out of fog — Larry KeeleyLearn the Kano modelSolve the 9-dot problemDo a 2x2Some sensible interaction design principlesSome sensible interaction designUse white space with care to make your pointDon’t stack letters vertically. Turn your words insteadHit the product sweet spotTwice as much thought and half as much contentResolve a contradiction through separationGet good ideas
Buy Me A Coffee