×

LingQをより快適にするためCookieを使用しています。サイトの訪問により同意したと見なされます cookie policy.


image

LingQ Academy - Tech Startup Course, 9 Pieces of UX Advice I Stole From People Smarter Than Me

9 Pieces of UX Advice I Stole From People Smarter Than Me

Like all people, I like to think I have good taste. But if I do, it's only because I've been ruthless about one thing: stealing secrets and strategi es from people a lot smarter than me. I'm fairly new to the UX field, but I've had the good fortune of being exposed to world-class designers who've worked for IDEO, Google, CapitalOne, and the Nielsen Norman Group to name a few. "mceNonEditable">¶ Some I met in person, and others I encountered in the form of books and presentations.¶ Whether t hey knew it or not, I was listening closely and took from them what I thought were their best ideas about design. Below are the secrets I learned from them. ass="mceNonEditable">¶ 1. Observe Wh at People Create Dan Makoski – VP of Design at CapitalOne From Dan I learned that there's only 3 ways to understand people: what they say, w hat they do, and what they make. Most of traditional research is based on what people say. This includes surveys, interviews, focus groups, and the like. class="mceNonEditable">¶ The problem is that most people do very different things than what they say. Observing people's behavior gives you deeper insights, but the dee pest insights come from what people make. Any animal can consume, but it's only human to cr eate. And humans are far more creative than we give them credi t for.

Dan taught me to bring regular people into the middle of the design process and giv e them materials to build their dream solution. All you need ar e simple tools like paper, Post-It notes, Sharpies, and P lay-Doh.

This is the secret weapon of innovation Dan used to design the Microsof t Surface, the Moto X, and Project Ara at Google. You'll be blown away by the cre ative things that people make, and the complex problems they solve. 2. Design For Mobile First Luke Wroblewski – Founder of Polar From Luke I learned just how important mobile design is. In the US, 78% of F acebook's monthly active users are on mobile devices, and for Twitter, it's 75%.¶ The main experience for these services is mobile driven. Global sales of personal computers has been decreasing since 2010, and smartphone and tablet sales have s kyrocketed. class="mceNonEditable">¶ And out of TV, radio, print, desktop and mobile, the only form of media that's currently growing in the US is mobile. A lot of people think that mob ile is mainly just for entertainment, like playing games and social networking. ¶ But the category that's growing the fastest is what Luke calls “utilities,” which means things like shopping, plann ing travel, managing finances, health, and getting stuff done. Designing from the desktop first is a backwards way of thinking in this era. We need to be designing for mo bile first. And there's a lot of things that fundamentally change when you make that transition: your processes, the way you work through the design, the mockups you show people, and h ow you design the design. They all change.

3. Fuel Your Design With Empathy Pa ul Bennett – Chief Creative Officer at IDEO Paul taught m e to put myself in other people's shoes, feel wh at they're feeling, and then use that information to fuel solutions. H e talks about how often times the best ideas are so obviously staring us in the face that we miss them. ¶< /span> We can't see them because we're looking at things from the outside in, instead of looking at things from the eyes of the user. In one of his TED talks, he gives the example of a hospital that wanted IDEO to describe their pa tient experience. When Paul's team presented their fi ndings to the hospital, they showed a 5 minute video clip of the ceiling in a patient's room. The managers were confused at first, but the point was that when you're lying in a hospit al bed all day, all you do is stare at the ceiling for a very long time. >¶ And that's what it's like to be a patient in the hospital. The mana gers realized that improving patient experience wasn't about making huge changes to their system, it was about tiny thing s that can make a huge impact. So they jumped into action and m ade a few small changes. ¶¶ an> For example, they decorated the ceiling. Then, they changed the flooring in the patient's room, so that it signified this was their personal space. ¶¶ span> They also put a big whiteboard on a wall in each room so that visitors could write messages to the person that was sick in that room. What ar e the tiny solutions that could make a huge amount of impact on your users' experience ? ¶¶ > 4. You Can't Design Experiences Liz Sanders – Design Professor at Ohio State University Liz is considered the mother of co-creation and participatory design. She taught me a controversial lesson that helped take my ego out of the creative process. In one of her papers she said, “There is no such thing as experience design.” ¶

This confused and irritated me at first, until I learned her definition of experience. ¶ It's a moment in time that's felt individually. ¶¶ an> It's inside of each us, and it exists where our memories of the pas t meet our dreams of the future. We might not understand the meaning of a particular experience for weeks, months, or even years after it happens.¶ So, if we can't even understand our own experiences, how can we be so egotistical to think we can design someone else's? We can't. lass="mceNonEditable">¶ But Liz says even though we can't design experience, we can design FOR experience. That one small 3 letter word makes a world of difference.

5. Your Baby Mi ght Be Ugly Tim Ash – Founder of SiteTuners Tim made me realize that the less I talk to actual users, the mor e ignorant and blind I become. I start to make all sorts of assumptions that are wrong. Anytime I'm working on a creative project, I sta rt to get tunnel-vision, like a parent who thinks his baby is beautiful and perfect. But parents don't have an objective point of view. ¶ They created and nou rished that child. ¶¶ > They spend more time with it than anyone else. And I'm just as invested in my own projects. I might think my designs are beautiful and perfect, but my users' opinion is the only one that matters. I learned to get feedback from my users as often as possible, and use it to iterate and improve my design over time.

6. Test Your Design As Early As Possible Marieke McCloskey – Director of Research at UserTesting Before she began workin g at UserTesting, Marieke was a UX specialist a t the Nielsen Norman Group. She taught me the importance of testing my design as early as possible. ¶¶ span> Whatever I'm working on isn't going to be perfect. ¶< /span> And since my users don't think the s ame way I do, I'm inevitably going to run into design issues. A feature might be broken, confusing, or just straight-up f rustrating.¶ p> There's no way to tell without getting feedback from real human beings. And if I can get that feedback early in development, changes can be made without having to use a lot of resources.

7. Study The Human Mind Derek Halpern – Founder of Social Triggers From Derek I learned that understanding the human mind is the most important skill you can develop for designing for the web. The human brain has been hard-wired over thousands of years of evolution, and even though technology is rapidly changing, the mind still works like it always has.

He taught me that there are invisible forces that can be used to persuade and influence users in an ethical way. If you want to be a better designers, study people. Learn what makes them tick and why they do what they do.

As you begin to identify psychological principles, figure out how you can apply them to your design. The better you understand what motivates human behavior, the more effective your designs will become.

8. Design To Make Life Better Leah Buley – Analyst at Forrester Research Leah showed me that the quality of our interactions with software and hardware matters more now than ever. The magic is no longer in the technology. It's in the technology's ability to make life better. The most important questions I can ask myself are: Does this solve a problem that my user truly cares about? How can I make this interaction feel simple, relevant and even magical?

9. Design For Scanning Steve Krug – Author of Don't Make Me Think From Steve I learned that the way I think people use websites is different than how they actually use them. When I'm coming up with ideas for a page design, I tend to think that people are going to slowly read all of the information, and once they've considered all of their options they'll make a rational choice that's best for them. Unfortunately, that's just not reality. Most of the time, users glance at the page, scan some of the text, and click the first link that catches their attention or seems to resemble what they're looking for. So, if people are just going to scan the page, design for scanning instead of reading. Break up pages into clearly defined areas. Make it obvious what's clickable. Make decisions about which elements are the highest priority and create a visual hierarchy that guides users to them first.

Use grids to align the elements on a page. Get rid of anything that's not making a real contribution. Format your text to support scanning: use plenty of headings, keep paragraphs short, and use bulleted lists.


9 Pieces of UX Advice I Stole From People Smarter Than Me 9 UX-Ratschläge, die ich von klügeren Leuten gestohlen habe 9 Pieces of UX Advice I Stole From People Smarter Than Me 9 consejos de UX que he robado a gente más inteligente que yo 私より賢い人々から盗んだ9つのUXアドバイス 9 conselhos sobre experiência de utilizador que roubei a pessoas mais inteligentes do que eu 9 советов по UX, которые я украл у людей умнее меня Benden Daha Akıllı İnsanlardan Çaldığım 9 UX Tavsiyesi 9 порад з UX, які я вкрав у людей розумніших за мене 我从比我聪明的人那里学到的 9 条用户体验建议 我從比我聰明的人那裡偷來的 9 個用戶體驗建議

Like all people, I like to think I have good taste. Wie alle Menschen denke ich gerne, dass ich einen guten Geschmack habe. But if I do, it's only because I've been ruthless about one thing: stealing secrets and strategi es from people a lot smarter than me. Aber wenn doch, dann nur, weil ich in einer Sache skrupellos war: Geheimnisse und Strategien von Leuten zu stehlen, die viel schlauer sind als ich. I'm fairly new to the UX field, but I've had the good fortune of being exposed to world-class designers who've worked for IDEO, Google, CapitalOne, and the Nielsen Norman Group to name a few. Ich bin ziemlich neu im UX-Bereich, hatte aber das Glück, Weltklasse-Designern ausgesetzt zu sein, die für IDEO, Google, CapitalOne und die Nielsen Norman Group gearbeitet haben, um nur einige zu nennen. "mceNonEditable">¶ Some I met in person, and others I encountered in the form of books and presentations.¶ Whether t hey knew it or not, I was listening closely and took from them what I thought were their best ideas about design. Einige traf ich persönlich, andere begegneten mir in Form von Büchern und Präsentationen.¶ Ob sie es wussten oder nicht, ich hörte ihnen genau zu und nahm ihnen ihre besten Designideen ab. Below are the secrets I learned from them. Unten sind die Geheimnisse, die ich von ihnen gelernt habe. ass="mceNonEditable">¶ ass="mceNonEditable">¶ 1\\\\. 1\\\\\\\\. Observe Wh at People Create Dan Makoski – VP of Design at CapitalOne From Dan I learned that there's only 3 ways to understand people: what they say, w hat they do, and what they make. Beobachten Sie, was Menschen schaffen Dan Makoski – VP of Design bei CapitalOne Von Dan habe ich gelernt, dass es nur drei Möglichkeiten gibt, Menschen zu verstehen: was sie sagen, was sie tun und was sie machen. Most of traditional research is based on what people say. Der größte Teil der traditionellen Forschung basiert auf dem, was Menschen sagen. This includes surveys, interviews, focus groups, and the like. Dazu gehören Umfragen, Interviews, Fokusgruppen und dergleichen. class="mceNonEditable">¶ The problem is that most people do very different things than what they say. class="mceNonEditable">¶ Das Problem ist, dass die meisten Leute ganz andere Dinge tun, als sie sagen. Observing people's behavior gives you deeper insights, but the dee pest insights come from what people make. Das Beobachten des Verhaltens von Menschen gibt Ihnen tiefere Einblicke, aber die tiefen Einblicke kommen von dem, was Menschen machen. Any animal can consume, but it's only human to cr eate. Jedes Tier kann konsumieren, aber es ist nur der Mensch zu erschaffen. And humans are far more creative than we give them credi t for. Und Menschen sind weitaus kreativer, als wir ihnen zutrauen.

Dan taught me to bring regular people into the middle of the design process and giv e them materials to build their dream solution. Dan hat mir beigebracht, normale Menschen in den Designprozess einzubeziehen und ihnen Materialien zu geben, damit sie ihre Traumlösung bauen können. All you need ar e simple tools like paper, Post-It notes, Sharpies, and P lay-Doh. Alles, was Sie brauchen, sind einfache Werkzeuge wie Papier, Haftnotizen, Sharpies und Play-Doh.

This is the secret weapon of innovation Dan used to design the Microsof t Surface, the Moto X, and Project Ara at Google. Dies ist die Geheimwaffe der Innovation, mit der Dan das Microsoft Surface, das Moto X und Project Ara bei Google entworfen hat. You'll be blown away by the cre ative things that people make, and the complex problems they solve. Sie werden von der Kreativität der Menschen und den komplexen Problemen, die sie lösen, überwältigt sein. 2\\\\. Design For Mobile First Luke Wroblewski – Founder of Polar From Luke I learned just how important mobile design is. Design For Mobile First Luke Wroblewski – Gründer von Polar Von Luke habe ich gelernt, wie wichtig mobiles Design ist. In the US, 78% of F acebook's monthly active users are on mobile devices, and for Twitter, it's 75%.¶ The main experience for these services is mobile driven. In den USA verwenden 78 % der monatlich aktiven Facebook-Nutzer mobile Geräte, und bei Twitter sind es 75 %.¶ Die Haupterfahrung für diese Dienste ist mobilgesteuert. Global sales of personal computers has been decreasing since 2010, and smartphone and tablet sales have s kyrocketed. Der weltweite Absatz von PCs ist seit 2010 rückläufig, und die Verkäufe von Smartphones und Tablets sind in die Höhe geschossen. class="mceNonEditable">¶ And out of TV, radio, print, desktop and mobile, the only form of media that's currently growing in the US is mobile. class="mceNonEditable">¶ Und abgesehen von TV, Radio, Print, Desktop und Mobile ist die einzige Medienform, die derzeit in den USA wächst, die mobile. A lot of people think that mob ile is mainly just for entertainment, like playing games and social networking. Viele Leute denken, dass Mobilgeräte hauptsächlich nur der Unterhaltung dienen, wie Spielen und sozialen Netzwerken. ¶ But the category that's growing the fastest is what Luke calls “utilities,” which means things like shopping, plann ing travel, managing finances, health, and getting stuff done. Designing from the desktop first is a backwards way of thinking in this era. Das Entwerfen vom Desktop aus ist in dieser Zeit eine rückwärtsgewandte Denkweise. We need to be designing for mo bile first. Wir müssen zuerst für Mobilgeräte entwerfen. And there's a lot of things that fundamentally change when you make that transition: your processes, the way you work through the design, the mockups you show people, and h ow you design the design. Und es gibt eine Menge Dinge, die sich grundlegend ändern, wenn Sie diesen Übergang vollziehen: Ihre Prozesse, die Art und Weise, wie Sie das Design durcharbeiten, die Mockups, die Sie den Leuten zeigen, und wie Sie das Design entwerfen. They all change. Sie ändern sich alle.

3\\\\. Fuel Your Design With Empathy Pa ul Bennett – Chief Creative Officer at IDEO Paul taught m e to put myself in other people's shoes, feel wh at they're feeling, and then use that information to fuel solutions. Treiben Sie Ihr Design mit Empathie voran Paul Bennett – Chief Creative Officer bei IDEO Paul hat mir beigebracht, mich in die Lage anderer Menschen zu versetzen, zu fühlen, was sie fühlen, und diese Informationen dann zu nutzen, um Lösungen voranzutreiben. H e talks about how often times the best ideas are so obviously staring us in the face that we miss them. Er spricht darüber, wie oft uns die besten Ideen so offensichtlich ins Gesicht starren, dass wir sie vermissen. ¶< /span> We can't see them because we're looking at things from the outside in, instead of looking at things from the eyes of the user. ¶< /span> Wir können sie nicht sehen, weil wir die Dinge von außen nach innen betrachten, anstatt die Dinge aus den Augen des Benutzers zu betrachten. In one of his TED talks, he gives the example of a hospital that wanted IDEO to describe their pa tient experience. In einem seiner TED-Vorträge nennt er das Beispiel eines Krankenhauses, das IDEO dazu aufforderte, seine Patientenerfahrungen zu beschreiben. When Paul's team presented their fi ndings to the hospital, they showed a 5 minute video clip of the ceiling in a patient's room. Als Pauls Team dem Krankenhaus seine Ergebnisse vorstellte, zeigte es einen 5-minütigen Videoclip der Decke in einem Patientenzimmer. The managers were confused at first, but the point was that when you're lying in a hospit al bed all day, all you do is stare at the ceiling for a very long time. Die Manager waren zunächst verwirrt, aber der Punkt war, dass man, wenn man den ganzen Tag in einem Krankenhausbett liegt, nur sehr lange an die Decke starrt. >¶ And that's what it's like to be a patient in the hospital. >¶ Und so ist es, ein Patient im Krankenhaus zu sein. The mana gers realized that improving patient experience wasn't about making huge changes to their system, it was about tiny thing s that can make a huge impact. Die Manager erkannten, dass es bei der Verbesserung der Patientenerfahrung nicht darum ging, große Änderungen an ihrem System vorzunehmen, sondern dass es um kleine Dinge ging, die eine große Wirkung haben können. So they jumped into action and m ade a few small changes. Also traten sie in Aktion und nahmen ein paar kleine Änderungen vor. ¶¶ an> For example, they decorated the ceiling. Zum Beispiel schmückten sie die Decke. Then, they changed the flooring in the patient's room, so that it signified this was their personal space. Dann veränderten sie den Bodenbelag im Patientenzimmer, sodass dies ihr persönlicher Bereich war. ¶¶ span> They also put a big whiteboard on a wall in each room so that visitors could write messages to the person that was sick in that room. ¶¶ span> Sie haben auch in jedem Raum eine große Tafel an der Wand angebracht, damit Besucher Nachrichten an die kranke Person in diesem Raum schreiben können. What ar e the tiny solutions that could make a huge amount of impact on your users' experience ? Was sind die winzigen Lösungen, die einen großen Einfluss auf die Erfahrung Ihrer Benutzer haben könnten? ¶¶ > ¶¶ > 4\\\\. 4\\\\\\\\. You Can't Design Experiences Liz Sanders – Design Professor at Ohio State University Liz is considered the mother of co-creation and participatory design. She taught me a controversial lesson that helped take my ego out of the creative process. In one of her papers she said, “There is no such thing as experience design.” ¶

This confused and irritated me at first, until I learned her definition of experience. ¶ It's a moment in time that's felt individually. ¶¶ an> It's inside of each us, and it exists where our memories of the pas t meet our dreams of the future. We might not understand the meaning of a particular experience for weeks, months, or even years after it happens.¶ So, if we can't even understand our own experiences, how can we be so egotistical to think we can design someone else's? We can't. lass="mceNonEditable">¶ But Liz says even though we can't design experience, we can design FOR experience. That one small 3 letter word makes a world of difference.

5\\\\. Your Baby Mi ght Be Ugly Tim Ash – Founder of SiteTuners Tim made me realize that the less I talk to actual users, the mor e ignorant and blind I become. I start to make all sorts of assumptions that are wrong. Anytime I'm working on a creative project, I sta rt to get tunnel-vision, like a parent who thinks his baby is beautiful and perfect. But parents don't have an objective point of view. ¶ They created and nou rished that child. ¶¶ > They spend more time with it than anyone else. And I'm just as invested in my own projects. I might think my designs are beautiful and perfect, but my users' opinion is the only one that matters. I learned to get feedback from my users as often as possible, and use it to iterate and improve my design over time.

6\\\\. Test Your Design As Early As Possible Marieke McCloskey – Director of Research at UserTesting Before she began workin g at UserTesting, Marieke was a UX specialist a t the Nielsen Norman Group. She taught me the importance of testing my design as early as possible. ¶¶ span> Whatever I'm working on isn't going to be perfect. ¶< /span> And since my users don't think the s ame way I do, I'm inevitably going to run into design issues. A feature might be broken, confusing, or just straight-up f rustrating.¶ p> There's no way to tell without getting feedback from real human beings. And if I can get that feedback early in development, changes can be made without having to use a lot of resources.

7\\\\. Study The Human Mind Derek Halpern – Founder of Social Triggers From Derek I learned that understanding the human mind is the most important skill you can develop for designing for the web. The human brain has been hard-wired over thousands of years of evolution, and even though technology is rapidly changing, the mind still works like it always has.

He taught me that there are invisible forces that can be used to persuade and influence users in an ethical way. If you want to be a better designers, study people. Learn what makes them tick and why they do what they do.

As you begin to identify psychological principles, figure out how you can apply them to your design. The better you understand what motivates human behavior, the more effective your designs will become.

8\\\\. Design To Make Life Better Leah Buley – Analyst at Forrester Research Leah showed me that the quality of our interactions with software and hardware matters more now than ever. The magic is no longer in the technology. It's in the technology's ability to make life better. The most important questions I can ask myself are: Does this solve a problem that my user truly cares about? How can I make this interaction feel simple, relevant and even magical?

9\\\\. Design For Scanning Steve Krug – Author of Don't Make Me Think From Steve I learned that the way I think people use websites is different than how they actually use them. When I'm coming up with ideas for a page design, I tend to think that people are going to slowly read all of the information, and once they've considered all of their options they'll make a rational choice that's best for them. Unfortunately, that's just not reality. Most of the time, users glance at the page, scan some of the text, and click the first link that catches their attention or seems to resemble what they're looking for. So, if people are just going to scan the page, design for scanning instead of reading. Break up pages into clearly defined areas. Make it obvious what's clickable. Make decisions about which elements are the highest priority and create a visual hierarchy that guides users to them first.

Use grids to align the elements on a page. Get rid of anything that's not making a real contribution. Format your text to support scanning: use plenty of headings, keep paragraphs short, and use bulleted lists.