{"id":3024,"date":"2016-09-13T17:01:23","date_gmt":"2016-09-13T16:01:23","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=3024"},"modified":"2020-09-03T15:49:18","modified_gmt":"2020-09-03T14:49:18","slug":"designing-user-interfaces-mother","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/designing-user-interfaces-mother\/","title":{"rendered":"Designing User Interfaces for My Mother"},"content":{"rendered":"

Takeaways for keeping your interface friendly to the friendliest of people. My mother.<\/h2>\n

It happens about once or twice a year. I travel over to my mother\u2019s house for a visit and, about two or three hours in, she says something like \u201cHey, can you take a look at my computer? I just want to make sure everything is okay with it. You know I don\u2019t know what I\u2019m doing.\u201d <\/p>\n

She wants to, though.<\/p>\n

<\/div>
<\/svg><\/div>

\"It\u2019s our responsibility to make our websites not only useable, but enjoyable enough to come back to again & again\"<\/p><\/span><\/blockquote>\n

And that\u2019s what brings her and millions of people like her to the websites we create every day. They fumble frustratedly through signup forms, hidden gestures, and confusing interfaces. As designers and developers, it\u2019s our responsibility to make our websites not only useable, but enjoyable enough to come back to again and again.<\/p>\n

Here are a few things I try to keep in mind about my mother when I\u2019m designing a new website or interface:<\/p>\n

My mum experiences the web through a different browser.<\/h3>\n

\"Web<\/p>\n

Internet Explorer is the browser she prefers. IE8 to be exact. The reason? Familiarity. She knows where all of the buttons are and how to navigate easily. The problem? She has every sort of toolbar one can have and she didn\u2019t voluntarily install any of them. She\u2019s also not confident enough to remove them or even update the browser. She thinks she\u2019ll break it. I installed Google Chrome for her a couple of years ago but, time after time, I see that she\u2019s reverted back to using IE. She feels forced into using Google chrome and blames it any time she can\u2019t get a website to work. Even though IE gives her a diminished experience, she feels comfortable using it.<\/p>\n

Takeaway:<\/strong>
\nUnderstand that if a majority of your audience is viewing your site on an older browser, they aren\u2019t blaming the browser for the bad experience. They are blaming the design.<\/p>\n

My mum doesn\u2019t understand most websites\u2019 capabilities.<\/h3>\n

\"Sharing<\/p>\n

Sites like Facebook and Google Plus have all sorts of features for uploading and sharing photos from all sorts of devices. For us, it\u2019s really easy to share things. Snap a photo on your phone, click share, done. She, on the other hand, still emails me all of her photos. She\u2019s on facebook, but doesn\u2019t know when she shares something to the NSA or just family, so it\u2019s intimidating. Google Plus is even worse. The interfaces don\u2019t reassure or guide her enough through the process for her to complete it. If she posts a photo on Google Plus, she doesn\u2019t know which \u201ccircle\u201d to choose, how to upload the photo correctly, and whether the person she\u2019s trying to send it to will even see it. She knows that if she attaches a photo to an email, and addresses it to me, I will get it and respond.<\/p>\n

Takeaway:<\/strong>
\nReassure your user throughout the process that what they are doing is correct. Use visual cues and wording to tell your visitor exactly how to accomplish what they are trying to do.<\/p>\n

<\/div>
<\/svg><\/div>

\"Use visual cues and wording to tell your visitor exactly how to accomplish what they are trying to do.\"<\/p><\/span><\/blockquote>\n

My mum doesn\u2019t understand iconography.<\/h3>\n

\"Icons\"<\/p>\n

<\/div>
<\/svg><\/div>

\u201cWhy doesn\u2019t it just say \u2018Delete\u2019?\u201d<\/p><\/span><\/blockquote>\n

We assume everyone knows what a save icon does. My mother used floppy disks for a few years but has undoubtedly forgotten all about their functionality. I see interface after interface that use only icons for actions such as \u201cNew document\u201d, \u201cCopy\u201d, and \u201cDelete\u201d. Sometimes I\u2019ll be walking her through some sort of interface over the phone and I\u2019ll tell her to delete a file, only to realize that \u201cDelete\u201d is an icon. I\u2019ll have to tell her at that point to search for some icon that looks like a trash can or an \u201cX\u201d or something. I\u2019ve heard her say something genius after finding it like \u201cWhy doesn\u2019t it just say \u2018Delete\u2019?\u201d.<\/p>\n

Takeaway:<\/strong>
\nIcons are really easy to use and guarantee a size in an interface. You don\u2019t have to worry about text running long on a tool bar or issues with translation. It\u2019s an easy crutch to lean on. But, what good is the design if the user can\u2019t figure it out? Try to use descriptive labels along-side icons to teach users that X icon means Y action. Here<\/a> is an excellent article on the usability of icons.<\/p>\n

<\/div>
<\/svg><\/div>

\"What good is the design if the user can\u2019t figure it out?\"<\/p><\/span><\/blockquote>\n

My mum is not a power user.<\/h3>\n

\"Keyboard<\/p>\n

I can\u2019t remember how many times I\u2019ve told my mother to press ctrl+C then ctrl+V to copy and paste something. She\u2019s never going to get it, and that\u2019s okay. She is also brand new to gestures. I bought her an iPhone about a year ago, and she doesn\u2019t use many apps. She texts, makes phone calls, and checks her email. That\u2019s about it. She doesn\u2019t understand that checking for new emails means you just need to pull down to refresh on the inbox view. She feels the need to hit the home button to close the app and open up her mail app again to see if there are any new messages.<\/p>\n

I remember calling her the other day and she didn\u2019t answer. It went over to her voicemail:<\/p>\n

Hi, I\u2019m not here to take your call right now. Please leave me your name and your number, and I\u2019ll get back to you as soon as I can.<\/em><\/p>\n

My mum doesn\u2019t realize that her iPhone does that for her. It will show her a missed call, the time of the call, their number, and if she knows them, their name. Yet, it\u2019s almost automatic for her to set up her voicemail with that message. Would this be solved by the iPhone telling her to record a different sort of message? Maybe.<\/p>\n

Takeaway:<\/strong>
\nHaving power-user features is great. Teaching people how to become power users is even greater. Don\u2019t assume your users know how to copy and paste from a keyboard shortcut. Don\u2019t assume that your users know that they don\u2019t have to continue to do things the old-school way. Teach them how to do things faster without alienating new users.<\/p>\n

My mum doesn\u2019t mind clicking.<\/h3>\n

\"Multiple<\/p>\n

There\u2019s this idea that more clicks equates to a bad user experience. I hate that concept. I consider myself to be a very proficient web user and I can\u2019t remember ever complaining about a website having too many clicks to achieve something. I\u2019ve watched my mother fumble through websites that try to keep everything on one page. The thing she says over and over during the process is \u201cAm I doing it right?\u201d. If I wasn\u2019t there to reassure her, her guess would be no.<\/p>\n

Takeaway:<\/strong>
\nAgain, give your users visual feedback that they are accomplishing the task they\u2019ve set out to do. \u201cSimple design\u201d doesn\u2019t mean less design. It means easy. Splitting up a form into four parts instead of one makes it less intimidating and reassures your user along the way that they are doing it correctly. Don\u2019t handicap your interface by creating a \u201csimple\u201d one-page form when a four-page form is more useable.<\/p>\n

<\/div>
<\/svg><\/div>

\"'Simple design' doesn\u2019t mean less design. It means easy.\"<\/p><\/span><\/blockquote>\n

My mum just wants to do her thing and feel like she\u2019s connected.<\/h3>\n

\"Connecting<\/p>\n

My mother uses the internet for some very basic reasons. I can probably name all three: Pay bills, watch Netflix, and keep in contact with her kids. Every couple of months, Facebook changes their interface on her and she has to relearn everything she knew about it, hoping that some of the old icons and menus are still where she remembers. Netflix does a good job at keeping the interface friendly and reassuring. Facebook does not. She just keeps looking at her wall to see photos of her kids and grandkids and hopes that the devs at Facebook don\u2019t change it again on her one day. Her bank, interestingly enough, is easy for her to use because it hasn\u2019t changed in about 7 years. It still works on IE8, uses labels in English, and is small enough of a design to be seen in the real-estate allowed by all of the toolbars in her browser.<\/p>\n

Takeaway:<\/strong>
\nUnderstand that if you are redesigning a website that has loyal users, drastically changing an interface on them means they have to relearn all of the links and menus, and that will probably drive them away in frustration. Keep some old elements in the same place. Update icons to look nicer, but maintain some of the old feel for familiarity.<\/p>\n

Conclusion<\/h3>\n

Make no mistake. My mother is a very, very smart lady. She loves technology and sees the wonder in it that we all do. She is not a sour old person that rattles her cane at young peoples\u2019 new-fangled devices.<\/p>\n

She\u2019s hip. She\u2019s with it<\/a>.<\/p>\n

Most importantly she wants to be part of the great things we are all creating every day. It\u2019s our job to make these new things as fun and exciting as it is to us, to the people that taught us and helped us get here in the first place.<\/p>\n

This post was originally published on Tony's Medium profile<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Takeaways for keeping your interface friendly to the friendliest of people. My mother. It happens about once or twice a year. I travel over to my mother\u2019s house for a visit and, about two or three hours in, she says something like \u201cHey, can you take a look at my computer? I just want to make sure everything is okay… Read More ￫<\/a><\/p>\n","protected":false},"author":34,"featured_media":3031,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[498],"tags":[],"class_list":["post-3024","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ui"],"acf":[],"yoast_head":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\n\n\n\t\n