祖父元素

“Empathy is a key part of a UX designers arsenal”, they say. It’s drilled into our heads that we need to be thinking about our user, about their journey, about what works best for them. And it does feel empowering to boast of empathy, inside vision and user understanding. All that said and done, a recent task led me down a rabbit hole of questioning whether we were fooling ourselves when we say our work is user friendly.

他們說： “ Emptyy是UX設(shè)計人員的重要組成部分 。” 它深深扎根于我們的腦海，我們需要考慮用戶，他們的旅程，最適合他們的東西。 它確實具有吹噓同理心，內(nèi)在視覺和用戶理解的能力。 說了這么多，說完了，最近的一項工作使我陷入一個棘手的問題，當(dāng)我們說我們的工作對用戶友好時，我們是否在自欺欺人。

This Monday, I walked into my living room to find my father attempting a rather daunting task: he was explaining technology to his parents over the phone. This had been happening more often since in-person meetings were out of the question. The only conclusion I’ve drawn from watching these exchanges is that nobody’s having fun or making any progress (Doh!). On this particular day, the challenge was setting up a Skype account. Things to note here: mediocre call quality and the challenge of explaining the internet in non-English terms. About 15 minutes into the process, the phone was passed on to me. Let’s give it a shot, I figured. It’s like user testing, isn’t it? I’m a patient person, I can manage this. Boy, was I wrong.

這個星期一，我走進客廳，發(fā)現(xiàn)父親正在執(zhí)行一項艱巨的任務(wù)：他正在通過電話向父母解釋技術(shù)。 由于無法進行面對面的會議，因此這種情況經(jīng)常發(fā)生。 我從觀察這些交流中得出的唯一結(jié)論是，沒有人在玩樂或取得任何進步(Doh！)。 在這一特定的日子，挑戰(zhàn)在于設(shè)置Skype帳戶。 這里需要注意的事情：通話質(zhì)量中等，以及用非英語術(shù)語解釋互聯(lián)網(wǎng)的挑戰(zhàn)。 大約15分鐘后，電話就傳給了我。 我想讓我們試一下。 這就像用戶測試，不是嗎？ 我是一個有耐心的人，我可以解決這個問題。 男孩，我錯了。

To begin with, my grandparents didn’t have the faintest clue about setting up an account. About 40 minutes, a dozen WhatsApp calls, a failed attempt at setting up a Gmail account, 2 OTPs and a lot of struggling with words, we managed! Big whoop all around, and that was that. But when I went back to the project I was working on, I realized that the whole experience had set some cogs turning. I found myself rethinking my own work and it took me a while to articulate exactly what I’d learned. Read on!

首先，我的祖父母沒有關(guān)于開設(shè)帳戶的最模糊的線索。 大約40分鐘，十幾個WhatsApp通話，一次設(shè)置Gmail帳戶的嘗試失敗，兩個OTP，以及很多單詞爭吵，我們設(shè)法做到了！ 到處都是大喇叭，就是這樣。 但是，當(dāng)我回到正在從事的項目時，我意識到整個經(jīng)驗使一些棘手的事情發(fā)生了。 我發(fā)現(xiàn)自己在重新思考自己的工作，花了我一段時間才清楚地表達出我所學(xué)到的東西。 繼續(xù)閱讀！

Icons eye-cons: Helping my grandparents navigate through well-known interfaces made me realize exactly how many icons we use: calls, video calls, camera switching, kebab menus, taskbar icons, it’s an extensive list. We’re so accustomed to them it’s often easier than reading text and fairly intuitive. Icons are a tried and tested way of conveying meaning to the user without the added hassle of positioning text. They are a visual language tool, a way to ensure consistency and a generally accepted way of showing an affordance for available features. The problem arises in the space between the intended meaning of an icon, and what the user may interpret it to be. Icons are only effective because of the match to the real world that they provide. Ironically, the more creative and metaphorical an icon is, the more chances there are that the intended user will misinterpret it, at least the first time around.

圖標(biāo)使人眼前一亮：幫助我的祖父母瀏覽眾所周知的界面，使我確切地意識到我們使用了多少圖標(biāo)：通話，視頻通話，攝像頭切換，烤肉串菜單，任務(wù)欄圖標(biāo)，這是一個詳盡的清單。 我們對它們非常習(xí)慣，它通常比閱讀文本更容易且相當(dāng)直觀。 圖標(biāo)是一種經(jīng)過實踐檢驗的向用戶傳達含義的方式，而不會增加定位文本的麻煩。 它們是一種視覺語言工具，是確保一致性的一種方式，也是一種普遍接受的顯示可用功能承受能力的方式。 問題出現(xiàn)在圖標(biāo)的預(yù)期含義與用戶可能解釋的含義之間的空間中。 圖標(biāo)之所以有效是因為它們與所提供的真實世界相匹配。 具有諷刺意味的是，圖標(biāo)越具有創(chuàng)造力和隱喻性，至少在第一次使用時，目標(biāo)用戶誤解它的可能性就越大。

Now, looking back at my classroom project, I noticed the main error: I was assuming that my user would know what each icon meant. This is a rather well-known bias, called ‘false consensus’, where a person believes that their own thoughts and perceptions match exactly with the thoughts of the majority of people around them.

現(xiàn)在，回頭看我的課堂項目，我注意到了主要的錯誤：我假設(shè)我的用戶會知道每個圖標(biāo)的含義。 這是一個眾所周知的偏見，稱為“錯誤共識” ，人們認(rèn)為自己的想法和看法與周圍大多數(shù)人的想法完全吻合。

Interface for the journal section of a classroom project課堂項目日記部分的界面

Take, for example, the light bulb. In this case, I used it as an indication that users could click there to open up a set of prompts to help with their writing. My thought process was ‘Idea- commonly represented through bulb- prompt is for generating ideas- prompt links to bulb’. It’s a simple line of thought, and i assumed that users would pick up on my metaphor and click on the bulb, expecting a prompt. After that call, I could see a bunch of possibilities. My user might think the bulb was for changing brightness, or for changing colour. They might interpret a plus symbol as an indicator of more features, but they may also interpret it as adding something, or in a far-fetched use case, as an error. Even worse, they might not perceive it as anything at all. They’ll click on it and figure it out eventually, but reducing the steepness of the required learning curve is always ideal.

以燈泡為例。 在這種情況下，我用它來表示用戶可以單擊此處以打開一組提示來幫助編寫。 我的思維過程是“通常用燈泡表示的想法-提示是用于產(chǎn)生想法-提示到燈泡的鏈接”。 這是一條簡單的思路，我假設(shè)用戶會拿起我的隱喻并單擊電燈泡，并期待出現(xiàn)提示。 打電話之后，我看到了很多可能性。 我的用戶可能認(rèn)為燈泡是為了改變亮度或改變顏色。 他們可能將加號解釋為更多功能的指示，但也可能將其解釋為添加了某些東西，或者在牽強的用例中將其解釋為錯誤。 更糟糕的是，他們可能根本不認(rèn)為它是任何東西。 他們將單擊它并最終找出它，但是減小所需學(xué)習(xí)曲線的陡度始終是理想的。

In my case, with my target audience for this project, this wouldn’t be a huge problem, but it still led me to add labels to my icons: better safe than sorry. The takeaway? Icons are great, icons are super useful, but using an icon needs to be very carefully evaluated. Replacing text with an icon shouldn’t take away a user’s clarity on its purpose. Extreme metaphors? They feel creative in the moment, but the trade-off isn’t worth it.

就我而言，對于這個項目的目標(biāo)受眾來說，這不是一個大問題，但是它仍然導(dǎo)致我在圖標(biāo)上添加標(biāo)簽：安全勝過遺憾。 外賣？ 圖標(biāo)很棒，圖標(biāo)超級有用，但是需要非常仔細地評估使用圖標(biāo)。 用圖標(biāo)替換文本不應(yīng)使用戶不清楚其目的。 極端的隱喻？ 他們一時感到有創(chuàng)造力，但不值得取舍。

I’ve now put a little sticky note near my keyboard which reads ‘will grandma know what this means?’ and if my answer is no, I try to do better.

我現(xiàn)在在鍵盤附近放了一個小便箋，上面寫著“奶奶會知道這意味著什么嗎？”。 如果我的答案是否定的，我會嘗試做得更好。

Expecting myself to design everything for her level of technological know-how seems incredibly hyperbolic, but it does get me thinking along the right lines. More importantly, it’s personalized.

期望自己為自己的技術(shù)知識水平設(shè)計一切似乎令人難以置信，但這確實使我思考正確的方法。 更重要的是，它是個性化的。

I also added 2 other sticky notes, because they were observations I didn’t want to forget.

我還添加了其他兩個便簽，因為它們是我不想忘記的觀察。

Post-it #2- the copy: Creating an account is a fairly well-thought-out user journey on most applications. The main point is that the user COMPLETES their journey, which is why I was surprised at the number of times I found my grandparents asking me for what to do next. They paused at the landing page, they paused when they had to enter personal information, they even asked for help when they received a message and couldn’t figure out how to access it. I’ve always enjoyed websites and apps with creative landing pages, amusing statements, and fun buttons. Watching my grandparents interact with these screens made me realize how pointless all of that was, if it didn’t serve its purpose. The ‘let’s go’ and ‘hi there’ and ‘good to go’ started to feel a little ambiguous and i started to appreciate ‘next’ and ‘enter text here’ a little more. I will probably always hold a soft spot for well-worded content, and I’m a sucker for a good pun, but I’m learning to prioritize utility. The takeaway here?

發(fā)布副本2：在大多數(shù)應(yīng)用程序上，創(chuàng)建帳戶是一個經(jīng)過深思熟慮的用戶旅程。 要點是用戶完成了他們的旅程，這就是為什么我驚訝于發(fā)現(xiàn)祖父母問我下一步要做什么的次數(shù)而感到驚訝的原因。 他們在登錄頁面上暫停了，在必須輸入個人信息時暫停了，甚至在收到消息并且不知道如何訪問時也尋求幫助。 我一直喜歡帶有創(chuàng)意著陸頁，有趣的陳述和有趣按鈕的網(wǎng)站和應(yīng)用。 看著我的祖父母與這些屏幕互動，讓我意識到，如果這沒有實現(xiàn)其目的，那一切都是毫無意義的。 “放手去”，“去那里”和“好去處”開始變得有點模棱兩可，而我開始更欣賞“下一個”和“在這里輸入文字”。 我可能會一直對措辭豐富的內(nèi)容持柔和的態(tài)度，并且我很喜歡雙關(guān)語，但是我正在學(xué)習(xí)優(yōu)先考慮實用程序。 這里的外賣？

Sticky note #2: ‘If the ‘coolness’ of your content outweighs its contribution to the user journey, it needs to go.’

便箋2：“如果內(nèi)容的“酷勁”超過其對用戶旅程的貢獻，則需要繼續(xù)發(fā)展。”

Post it #3- buttons: Buttons are crucial elements to almost every interface. They’re well-designed, well-worded, well-placed- that’s the aim anyway. The rather glaring problem is that what I perceive as a button, is a whole league apart from what my grandparents think a button looks like. With flat design and a lack of shadows, I couldn’t blame them for not understanding that the colourful little blob on their screen was calling to be clicked on. When I said ‘click the blue rectangle’, they understood, but when I said ‘click the button’, they were thrown. Round buttons, rectangles, curved edges, everything was confusing to them, and we quickly transitioned to ‘click x shape of y colour with z text’. Neumorphism might help with that, shadows and better CTA text definitely would.

張貼＃3-按鈕：按鈕是幾乎每個界面的關(guān)鍵元素。 他們經(jīng)過精心設(shè)計，措辭恰當(dāng)，位置合理-始終都是我們的目標(biāo)。 一個相當(dāng)明顯的問題是，我認(rèn)為紐扣是一個完整的聯(lián)盟，而我的祖父母則認(rèn)為紐扣看起來像。 憑借扁平化的設(shè)計和缺乏陰影，我不能怪他們沒有理解他們屏幕上五顏六色的小斑點正在被點擊。 當(dāng)我說“單擊藍色矩形”時，他們理解了，但是當(dāng)我說“單擊按鈕”時，它們被拋出了。 圓形按鈕，矩形，彎曲的邊緣，一切都使他們感到困惑，我們很快過渡到“單擊帶有z文本的y顏色的x形狀”。 神經(jīng)變態(tài)可能會對此有所幫助，陰影和更好的CTA文本肯定會有所幫助。

Either way, it seemed a worthwhile third sticky note: ‘does it make you want to click on it?’

無論哪種方式，它似乎都是值得的第三個便箋：“它是否使您想單擊它？”

At this point, it feels necessary to point out that these post-its aren’t universally applicable. There will be cases where we shouldn’t be designing with those thoughts in mind. But the point of the post-its was to set easily visible reminders of things I should keep asking myself in most design situations. So far, they seem to be helping!

在這一點上，有必要指出，這些便利貼并非普遍適用。 在某些情況下，我們不應(yīng)該考慮這些想法。 但是便利貼的目的是讓人們在大多數(shù)設(shè)計情況下都應(yīng)該不斷問自己一些容易引起注意的提醒。 到目前為止，他們似乎正在提供幫助！

翻譯自: https://uxdesign.cc/ux-lessons-from-my-grandparents-f041376e2407

祖父元素

總結(jié)

以上是生活随笔為你收集整理的祖父元素_帮助祖父母建立Skype帐户的UX经验教训的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。