Hur man håller uppmärksamheten av Susan Weinshank. 100 huvudprinciper för design. Hur man håller uppmärksamhet Susan Weinshank 100 nyckeldesignprinciper

Susan Weinshank

100 huvudprinciper för design

Till minne av Miles och Janet Schwartz. Synd att du inte kan läsa den här boken.

Tack

Ett stort tack till alla i mitt fantastiska team på Peachpit, särskilt min redaktör Jeff Riley, som jag mailade dagligen. Tack till Michael Nolan för att du hjälpte mig att skriva den här boken. Tack till Guthrie Weinschenk för bilderna, Maisie Weinschenk för de fantastiska idéerna, Peter Weinschenk för stödet och tålamodet. Och tack till alla som läser min blogg, kommer på mina presentationer och allmänt lyssnar på mig när jag pratar om psykologi. Du uttrycker värdefulla idéer, åsikter och därför fortsätter jag att skriva om psykologi och design.

Designpsykologi

Oavsett om du bygger en webbplats, medicinsk utrustning eller någon annan produkt, består din målgrupp av människor som förtjänar bra design.

Och ditt direkta ansvar är att känna din målgrupp väl.

Hur tänker folk? Hur fattar de beslut? Vad får en person att klicka på en knapp eller köpa något? Hur får man folk att göra som man vill?

Du kommer att lära dig om allt detta från den här boken. Du lär dig hur du fångar människors uppmärksamhet, vilka misstag de gör och varför, och mycket mer för att förbättra din design.

Och du kan verkligen förbättra designen - för jag har redan gjort det mesta av det hårda arbetet åt dig.

Jag tillhör den där märkliga kategorin människor som gillar att fördjupa sig i forskning, rota igenom en enorm mängd material. Så jag läser och ibland läsa om dussintals böcker och hundratals vetenskapliga artiklar och valt ut de teorier, begrepp och vetenskaplig forskning som är mest intressant ur min synvinkel.

Sedan kombinerade jag dem med min egen erfarenhet från många års arbete inom gränssnittsdesign.

Och nu håller du resultatet av detta arbete i dina händer: designens 100 huvudprinciper - eller 100 saker som jag tror att du behöver veta om människor.

Hur ser en person

Synen är uppfattningens huvudkanal. Hälften av hjärnans resurser används för att bearbeta och tolka visuell information. Vad våra ögon uppfattar är bara en del av den övergripande processen. Bilder som kommer in i hjärnan modifieras och tolkas. Man kan säkert säga att hjärnan "ser".

1. Det vi ser är annorlunda än det som går in i hjärnan

Det finns en väletablerad uppfattning att under en promenad eller till exempel sightseeing överför våra ögon information till hjärnan som bearbetar den och ger en realistisk bild av vad som omger oss. Men våra ögon fungerar inte som en kamera som objektivt fångar världen. Faktum är att de agerar i samband med hjärnan, som på ett visst sätt "tolkar" den synliga världen. Hjärnan tolkar kontinuerligt allt du ser. Se till exempel på fig. 1.1.

Ris. 1.1. Du ser trianglar, men det finns inte riktigt några.

Vad säger dina ögon? Du kan se en svart kontur av en triangel i bakgrunden med en vit inverterad triangel ovanpå. Men det är väl inte alls det som faktiskt finns på bilden? I verkligheten finns det bara linjer och delvis fyllda cirklar. Din hjärna "skapar" en inverterad vit triangel från tomt utrymme, för det är precis vad du förväntar dig att se. Denna illusion kallas Kanizsa-triangeln, efter den italienske fysiologen Gaetano Kanizsa, som visade denna effekt 1955. Titta nu på fig. 1.2, vilket skapar en liknande illusion av en rektangel.

Ris. 1.2. Kanizha rektangel exempel

Vår hjärna använder stereotyper för att snabbt bearbeta information om världen omkring oss. Varje sekund får han miljontals sensoriska signaler och försöker förstå innebörden av var och en av dem. Utifrån praktiska överväganden och utifrån tidigare erfarenheter tolkar hjärnan visuella signaler. Vanligtvis fungerar denna metod utan misslyckande, men ibland uppstår fel.

Former och färger kan påverka vad människor ser (eller tror att de ser). Figur 1.3 visar hur färg hjälper till att flytta uppmärksamhet från ett meddelande till ett annat.

Ris. 1.3. Färg och former kan påverka vad människor ser

Om du vill se något i mörkret, titta inte direkt på det.

Ögat innehåller 7 miljoner koner (näthinneceller) som ger visuell uppfattning av hela paletten av färger under dagtid, och 125 miljoner stavar (näthinneceller) som ger skymnings- och mörkerseende. Konerna är placerade i fovea (centrala synfält) och stavarna är jämnt fördelade på näthinnan. Så om du vill se något i svagt ljus, titta inte direkt på det.

Optiska illusioner - orsaken till fel

Optiska illusioner är ett exempel på hur hjärnan tolkar det som ögonen ser. Till exempel, i fig. 1.4, den vänstra linjen verkar vara längre än den högra, även om de faktiskt är desamma. Denna effekt är uppkallad efter Franz Muller-Lyer, som upptäckte den 1889.

Ris. 1.4. Dessa linjer är faktiskt lika långa.

Bilden vi ser är platt, inte tredimensionell

Ljusstrålar kommer in i ögat genom hornhinnan och linsen. Linsen (som är linsen) fokuserar bilden på näthinnan. På näthinnan erhålls alltid en tvådimensionell bild, även om det observerade föremålet är tredimensionellt. Denna bild skickas till den visuella cortex, där mönsterigenkänning sker, till exempel: "Åh, jag vet vad det här är - det här är en dörr." Det är i hjärnbarken som en tvådimensionell bild omvandlas till en tredimensionell.

Det visuella området i hjärnbarken samlar all information tillsammans

Enligt John Medina (2009) passerar ljusstrålar genom pupillen, linsen och glaskroppen, träffar näthinnan exakt och bildar tydliga bilder av föremål på den. Ljuskänsliga ögonceller omvandlar ljus till elektriska signaler och skickar dessa signaler som separata spår till särskilt känsliga nervändar. Vissa spår innehåller information om skuggor, andra innehåller information om rörelse osv. Tolv av dessa spår skickas sedan till synbarken. Olika delar av cortex reagerar på denna information och bearbetar den. Till exempel reagerar ett område bara på 40°-linjer, ett annat på färg, ett tredje på rörelse och ett fjärde på kanter. I slutändan passar all denna data in i två spår: det ena bestämmer rörelsen (rör sig objektet?), och det andra bestämmer platsen (hur är objektet placerat i förhållande till mig?).

Slutsatser

Folk kanske inte märker på din webbsida vad du har skrivit så noggrant och så länge i hopp om att överraska världen? Människans uppfattning beror på utbildningsnivån, kunskapen, graden av förtrogenhet med materialet som en person tittar på och mentala modeller av en person.

Dina antaganden om vad människor ser på en webbsida kanske inte stämmer överens med vad de faktiskt ser.

Du kan övertyga människor att se saker på ett visst sätt.

2. Perifert seende används mer än centralt seende för att förstå essensen av det som ses.

Vi har två sorters syn: central och perifer. Central vision används för att urskilja detaljer. Perifert seende omfattar resten av det synliga fältet – områden som vi ser men inte tittar på direkt. Perifert seende gör det möjligt att se saker från en vinkel som är ovanlig för ögat, och ny forskning från Kansas State University har visat att det spelar en viktigare roll för att förstå världen omkring oss än vad man trodde. Det visar sig att vi får information om världen omkring oss från vår perifera syn.

Varför är det så irriterande att blinka en bild

En persons perifera syn, oavsett vår önskan, fångar rörelsen. Till exempel, om du läser text och det finns animation på skärmen, eller en konstant förändring av ljusstyrka och färg runt kanterna på skärmen, kan du inte ignorera det. Om du behöver fokusera på text kan sådana här webbdesigntricks vara ganska irriterande. Det fungerar perifert seende! Det är därför annonsörer använder ljusstyrka och färgförändringar i annonser som finns i kanterna på webbsidor. Det är irriterande, men väcker uppmärksamhet.

Adam Larson och Lester Loschky (2009) visade tittarna vanliga bilder, till exempel bilder av köket eller vardagsrummet. På vissa bilder var den yttre delen utskuren och på andra den centrala delen. Bilderna visades under mycket kort tid och genom ett speciellt gråfilter så att de var svåra att se (se fig. 2.1–2.2). Deltagarna ombads sedan att beskriva vad de såg.

100 huvudprinciper för design. Hur man håller uppmärksamheten Susan Weinshank

(Inga betyg än)

Titel: 100 huvudprinciper för design. Hur man håller uppmärksamheten

Cirka 100 grundläggande designprinciper. Hur man håller uppmärksamheten av Susan Weinshank

Design är inte bara ett projekt av en inredning, en företagsidentitet eller en webbplats. Detta är en hel process som inte bara inkluderar ett kompetent urval av färger, storlekar och former av element, utan också med hänsyn till mänsklig psykologi. Har du märkt att en annons drar till sig din uppmärksamhet, medan en annan, även placerad på skyltar, du inte ens märker?

Boken 100 grundläggande designprinciper. How to keep attention” kommer att berätta hur du håller konsumenternas uppmärksamhet på din reklam. Detta gör att du kan öka försäljningen eller webbplatstrafiken.

En person överväger vad som intresserar honom, enligt ett visst schema - i form av en sicksack tittar han igenom en webbplats eller en sida i en tidning. Detta är tillräckligt för att förstå hela innebörden av det som skrivs och avbildas. Om du håller dig till denna enkla regel kommer du att kunna lägga den viktigaste informationen där den kommer att märkas.

Bland annat boken ”100 huvudprinciper för design. Hur man håller uppmärksamheten Susan Weinshank berättar om hur man får konsumenterna att göra det man behöver, hur man fokuserar sina ögon på den viktigaste informationen, hur man använder en mängd olika färger, hur man väljer teckenstorlek och stil så att de verkligen fungerar .

Susan Weinshank är doktor i psykologi. Hon arbetade med modern forskning om mänskligt beteende, analyserade uppgifterna och skapade sedan en bok som innehåller alla hemligheterna i den moderna människans psykologi.

Idag är människor något annorlunda än de som var för några decennier sedan. Vi har alla lärt oss att surfa på nätet, det vill säga att skumma igenom sidor på Internet, utan att läsa all information, utan bara lägga märke till något viktigt för oss själva. Det är därför designers måste överväga i vilken sekvens en person tittar på sidan för att placera företagskontaktinformation eller användbar information om produkter på dessa platser.

Susan Weinshanks 100 grundläggande designprinciper. How to keep attention” kommer att vara användbart för alla som är involverade i designprojekt. Tack vare den användbara informationen som du kommer att lära dig från den här publikationen kommer du att kunna skapa design som inte bara är attraktiv i utseende, utan också mer effektiv, genomtänkt ur mänsklig psykologi.

Dessutom kommer kunskapen från den här boken att kunna tillämpas inte bara inom design, utan inom ett bredare område. Det finns mer psykologi här, hur en modern person tänker och agerar, så att du kan bli mer sällskaplig, förstå dina samtalspartner och gissa deras önskningar.

På vår sida om böcker kan du ladda ner webbplatsen gratis utan registrering eller läsa onlineboken "100 huvudprinciper för design. How to Hold Attention” av Susan Weinshank i epub, fb2, txt, rtf, pdf-format för iPad, iPhone, Android och Kindle. Boken kommer att ge dig många trevliga stunder och ett sant nöje att läsa. Du kan köpa den fullständiga versionen från vår partner. Här hittar du också de senaste nyheterna från den litterära världen, lär dig biografin om dina favoritförfattare. För nybörjare finns det ett separat avsnitt med användbara tips och tricks, intressanta artiklar, tack vare vilka du kan prova att skriva.

Citat från boken "100 huvudprinciper för design. Hur man håller uppmärksamheten av Susan Weinshank

Ledtrådar från datorskärmen När du designar en applikation eller webbplats, tänk på de signaler som objekt på skärmen kommer att skicka. Har du till exempel någonsin undrat vad som får folk att klicka på en knapp? Knappens skugga är signalen som tydligt indikerar att knappen går att trycka på och att tryckning är sättet som får knappen att fungera.

Använd skuggor för att markera ett objekt när det är markerat eller aktivt.
Undvik felaktiga incitamentsignaler.
Ändra hovringssignaler om du planerar att använda webbapplikationer på enheter som stöder multitouch.

Ge din text meningsfulla rubriker. Detta är mycket viktigt för den vidare uppfattningen av texten.
Ha alltid din målgrupp i åtanke. Om texten är avsedd för ett brett spektrum av läsare, använd enkla ord.

Det finns ingen skillnad i läsbarhet mellan serif- och sans-serif-teckensnitt.
Ovanliga och alltför dekorativa teckensnitt kan störa mönsterigenkänningen och minska läshastigheten.
Om människor har svårt att läsa typ, tenderar de att överföra denna känsla till texten som helhet och kan besluta att ämnet som diskuteras i texten är svårt att förstå.

Använd sekventiell expansion. Ge rätt information vid rätt tidpunkt.
Du står inför ett val: musklick eller mental ansträngning? Välj musklick.

Innan du använder sekventiell expansion, se till att du vet vad och när de flesta människor vill hitta på din webbplats.

Vissa säger att detta beror på att färgblinda inte förvirras av färgfläckar, andra - för att de uppfattar bilder, form och textur mer subtilt. Hur som helst, för vissa färgblinda är kamouflage inte en förklädnad, vilket inte är fallet för dem som har fullfärgseende.

Folk kanske inte märker på din webbsida vad du har skrivit så noggrant och så länge i hopp om att överraska världen? Människans uppfattning beror på utbildningsnivån, kunskapen, graden av förtrogenhet med materialet som en person tittar på och mentala modeller av en person.

Här är det som får mest uppmärksamhet:
allt som rör sig (som video eller animation);
ögon som tittar direkt på oss;
bilder som innehåller mat, sex eller fara;
berättelser;
höga ljud (ska hanteras i princip 48).

En ny bok från Susan Weinshank som heter kommer att vara av intresse för alla som är engagerade i grafisk design och på alla sätt försöker dra tittarnas uppmärksamhet på de nödvändiga detaljerna i sitt arbete.

Faktum är att titeln på den här boken inte översattes särskilt bra (eller inte särskilt exakt). Bokens ursprungliga titel är 100 Things Designers Need to Know About People, men det lilla titelfelet förtar inte det fantastiska innehållet i den här boken.

Boken behandlar nästan alla aspekter av mänsklig perception: från det visuella till det känsliga – vad exakt motiverar en person att fatta vissa beslut.

Boken innehåller många illustrativa exempel och studier om hur människor uppfattar omvärlden, vad de uppmärksammar i första hand och vad de helst inte lägger märke till. Problemet med att korrekt rikta tittarens uppmärksamhet inom alla designområden är mycket viktigt, men denna faktor är viktigast för att utforma gränssnitt och bra infografik. Med gränssnitt är nästan allt redan klart: i ett bra gränssnitt ska en person inte ha en enda fråga om var man ska klicka för att få exakt vad han vill ha.

Men i infografik ändras den visuella uppfattningsfaktorn något, för om vi betraktar en statisk infografik (bild), så har användaren inget val vart han ska klicka eller hur man gör något. Allt som tittaren kan göra är att uppfatta informationen som presenteras för honom. Och om han ser något obegripligt för honom, bör förklaringen till detta obegripliga placeras i omedelbar närhet av det kommenterade objektet. Du kan alltså inte tvinga läsaren att rusa runt hela bilden i jakt på en kommentar, eftersom. medan han letar efter den här kommentaren kan han helt glömma vad som var obegripligt ...

Totalsumma
Boken är mycket informativ och användbar för absolut alla, även de som bara funderar på yrket som grafisk designer inom området gränssnitt eller infografik. I något av dessa områden är det oerhört viktigt att korrekt manipulera tittarens uppmärksamhet, inte att rikta hans uppmärksamhet med våld, utan bara att pressa honom till korrekt läsning av informationen.

Ett stort tack till alla i mitt fantastiska team på Peachpit, särskilt min redaktör Jeff Riley, som jag mailade dagligen. Tack till Michael Nolan för att du hjälpte mig att skriva den här boken. Tack till Guthrie Weinschenk för bilderna, Maisie Weinschenk för de fantastiska idéerna, Peter Weinschenk för stödet och tålamodet. Och tack till alla som läser min blogg, kommer på mina presentationer och allmänt lyssnar på mig när jag pratar om psykologi. Du uttrycker värdefulla idéer, åsikter och därför fortsätter jag att skriva om psykologi och design.

Oavsett om du bygger en webbplats, medicinsk utrustning eller någon annan produkt, består din målgrupp av människor som förtjänar bra design.

Och ditt direkta ansvar är att känna din målgrupp väl.

Hur tänker folk? Hur fattar de beslut? Vad får en person att klicka på en knapp eller köpa något? Hur får man folk att göra som man vill?

Du kommer att lära dig om allt detta från den här boken. Du lär dig hur du fångar människors uppmärksamhet, vilka misstag de gör och varför, och mycket mer för att förbättra din design.

Och du kan verkligen förbättra designen - för jag har redan gjort det mesta av det hårda arbetet åt dig.

Jag tillhör den där märkliga kategorin människor som gillar att fördjupa sig i forskning, rota igenom en enorm mängd material. Så jag läser och ibland läsa om dussintals böcker och hundratals vetenskapliga artiklar och valt ut de teorier, begrepp och vetenskaplig forskning som är mest intressant ur min synvinkel.

Sedan kombinerade jag dem med min egen erfarenhet från många års arbete inom gränssnittsdesign.

Och nu håller du resultatet av detta arbete i dina händer: designens 100 huvudprinciper - eller 100 saker som jag tror att du behöver veta om människor.

Synen är uppfattningens huvudkanal. Hälften av hjärnans resurser används för att bearbeta och tolka visuell information. Vad våra ögon uppfattar är bara en del av den övergripande processen. Bilder som kommer in i hjärnan modifieras och tolkas. Man kan säkert säga att hjärnan "ser".

Det finns en väletablerad uppfattning att under en promenad eller till exempel sightseeing överför våra ögon information till hjärnan som bearbetar den och ger en realistisk bild av vad som omger oss. Men våra ögon fungerar inte som en kamera som objektivt fångar världen. Faktum är att de agerar i samband med hjärnan, som på ett visst sätt "tolkar" den synliga världen. Hjärnan tolkar kontinuerligt allt du ser. Se till exempel på fig. 1.1.

Ris. 1.1. Du ser trianglar, men det finns inte riktigt några.

Vad säger dina ögon? Du kan se en svart kontur av en triangel i bakgrunden med en vit inverterad triangel ovanpå. Men det är väl inte alls det som faktiskt finns på bilden? I verkligheten finns det bara linjer och delvis fyllda cirklar. Din hjärna "skapar" en inverterad vit triangel från tomt utrymme, för det är precis vad du förväntar dig att se. Denna illusion kallas Kanizsa-triangeln, efter den italienske fysiologen Gaetano Kanizsa, som visade denna effekt 1955. Titta nu på fig. 1.2, vilket skapar en liknande illusion av en rektangel.

Ris. 1.2. Kanizha rektangel exempel

Hjärnan använder stereotyper

Vår hjärna använder stereotyper för att snabbt bearbeta information om världen omkring oss. Varje sekund får han miljontals sensoriska signaler och försöker förstå innebörden av var och en av dem. Utifrån praktiska överväganden och utifrån tidigare erfarenheter tolkar hjärnan visuella signaler. Vanligtvis fungerar denna metod utan misslyckande, men ibland uppstår fel.

Former och färger kan påverka vad människor ser (eller tror att de ser). Figur 1.3 visar hur färg hjälper till att flytta uppmärksamhet från ett meddelande till ett annat.

Ris. 1.3. Färg och former kan påverka vad människor ser

Om du vill se något i mörkret, titta inte direkt på det.

Ögat innehåller 7 miljoner koner (näthinneceller) som ger visuell uppfattning av hela paletten av färger under dagtid, och 125 miljoner stavar (näthinneceller) som ger skymnings- och mörkerseende. Konerna är placerade i fovea (centrala synfält) och stavarna är jämnt fördelade på näthinnan. Så om du vill se något i svagt ljus, titta inte direkt på det.

Optiska illusioner - orsaken till fel

Optiska illusioner är ett exempel på hur hjärnan tolkar det som ögonen ser. Till exempel, i fig. 1.4, den vänstra linjen verkar vara längre än den högra, även om de faktiskt är desamma. Denna effekt är uppkallad efter Franz Muller-Lyer, som upptäckte den 1889.

Ris. 1.4. Dessa linjer är faktiskt lika långa.

Bilden vi ser är platt, inte tredimensionell

Ljusstrålar kommer in i ögat genom hornhinnan och linsen. Linsen (som är linsen) fokuserar bilden på näthinnan. På näthinnan erhålls alltid en tvådimensionell bild, även om det observerade föremålet är tredimensionellt. Denna bild skickas till den visuella cortex, där mönsterigenkänning sker, till exempel: "Åh, jag vet vad det här är - det här är en dörr." Det är i hjärnbarken som en tvådimensionell bild omvandlas till en tredimensionell.

Det visuella området i hjärnbarken samlar all information tillsammans

Enligt John Medina (2009) passerar ljusstrålar genom pupillen, linsen och glaskroppen, träffar näthinnan exakt och bildar tydliga bilder av föremål på den. Ljuskänsliga ögonceller omvandlar ljus till elektriska signaler och skickar dessa signaler som separata spår till särskilt känsliga nervändar. Vissa spår innehåller information om skuggor, andra innehåller information om rörelse osv. Tolv av dessa spår skickas sedan till synbarken. Olika delar av cortex reagerar på denna information och bearbetar den. Till exempel reagerar ett område bara på 40°-linjer, ett annat på färg, ett tredje på rörelse och ett fjärde på kanter. I slutändan passar all denna data in i två spår: det ena bestämmer rörelsen (rör sig objektet?), och det andra bestämmer platsen (hur är objektet placerat i förhållande till mig?).

Folk kanske inte märker på din webbsida vad du har skrivit så noggrant och så länge i hopp om att överraska världen? Människans uppfattning beror på utbildningsnivån, kunskapen, graden av förtrogenhet med materialet som en person tittar på och mentala modeller av en person.