ux設(shè)計(jì)中的各種地圖

Have you ever tried a new app, only to realize you have no idea how to use it?

您是否曾經(jīng)嘗試過一個新的應(yīng)用程序，卻發(fā)現(xiàn)自己不知道如何使用它？

Few things can transport a person from calm and happy, to frustrated and angry, quite the way modern technology can. All it takes is something not working, or not working the way we expect.

很少有什么東西可以像現(xiàn)代技術(shù)那樣，將一個人從鎮(zhèn)定，快樂，沮喪和憤怒轉(zhuǎn)移到一個人。 它所要做的只是無法正常工作，或者無法按照我們期望的方式工作。

Let’s go over seven common pain points in app design so you can make sure to address them on your next project.

讓我們討論一下應(yīng)用程序設(shè)計(jì)中的七個常見痛點(diǎn)，以便您確保在下一個項(xiàng)目中解決它們。

沒有入職說明復(fù)雜的互動 (No onboarding explaining complicated interactions)

So your app is brilliantly using all these modern interactions like pinches, zooms, swipes, double taps, and what’s his name.

因此，您的應(yīng)用程序出色地利用了所有這些現(xiàn)代的交互方式，例如捏，縮放，滑動，雙擊以及他的名字。

Nice.

真好

Have you actually tested if these are easily adopted by users?

您是否實(shí)際測試過這些是否容易被用戶采用？

It’s easy to become blind to these things and subconsciously assume that because you know where, how, and when to use these interactions, others will too.

容易對這些事情視而不見，并下意識地假設(shè)，因?yàn)槟涝诤翁?#xff0c;如何以及何時使用這些交互，其他人也會。

But they don’t have your knowledge. They haven’t been part of building the app. They don’t have the cheat sheet you have as a result of this.

但是他們沒有您的知識。 他們尚未參與構(gòu)建應(yīng)用程序。 因此，他們沒有備忘單。

Simple interactions like single clicks are so common they’re usually the first thing we try when using a new app. It’s the whole basis for how apps work on our smartphones. We can expect a user to try to tap on something they assume is an interaction point, but we can’t as readily expect them to swipe, double tap or pinch.

諸如單擊之類的簡單交互非常普遍，它們通常是我們在使用新應(yīng)用時嘗試的第一件事。 這是應(yīng)用程序如何在我們的智能手機(jī)上運(yùn)行的全部基礎(chǔ)。 我們可以期望用戶嘗試點(diǎn)擊他們認(rèn)為是交互點(diǎn)的內(nèi)容，但是我們不能輕易期望他們滑動，雙擊或捏合。

If your app uses any interactions of a more complicated nature, consider explaining these (and let the user try them out) in an interactive onboarding session when opening your app for the first time.

如果您的應(yīng)用使用了更復(fù)雜的交互，則在首次打開您的應(yīng)用時，請考慮在交互式入職會話中解釋這些交互(并讓用戶試用)。

“If your app uses any interactions of a more complicated nature, consider explaining these”

“如果您的應(yīng)用使用了更復(fù)雜性質(zhì)的任何交互，請考慮對它們進(jìn)行解釋”

(Hey, consider doing an interactive onboarding session even if your app uses only simple interactions. The better a user understands your app when trying it out, the more likely they are to use it a second time.)

(嘿，即使您的應(yīng)用僅使用簡單的交互，也請考慮進(jìn)行交互式的入職會話。用戶在試用該應(yīng)用時對其了解的程度越高，他們第二次使用該應(yīng)用的可能性就越大。)

交互點(diǎn)不清楚 (Unclear interaction points)

Not everything can be a button. (Well, technically I guess it could be, but that’d be ugly and would make art directors and designers around the world cry, so please let’s not try that.)

并非所有事物都可以成為一個按鈕。 (嗯，從技術(shù)上講，我猜可能是這樣，但這太丑陋了，會使全世界的藝術(shù)總監(jiān)和設(shè)計(jì)師哭泣，所以請不要嘗試。)

This means that sometimes, we have to create interaction points that aren’t as obvious, and this is where we risk taking a wrong turn. If you have text that is interactive, you need to separate it from any text that isn’t interactive, or your user will click on everything until their frustration reaches a boiling point and then you have a phone being thrown through a window.

這意味著有時我們必須創(chuàng)建不太明顯的交互點(diǎn)，這就是我們冒著錯誤走彎的風(fēng)險(xiǎn)。 如果您具有交互式文本，則需要將其與任何非交互式文本分開，否則您的用戶將單擊所有內(nèi)容，直到他們的沮喪情緒達(dá)到沸點(diǎn)，然后您才將手機(jī)扔進(jìn)窗戶。

Save your users from having to repair their windows — make any interactive elements stand out one way or another. Interactive text can be underlined, bold, italicized, or larger to show that it differs from text.

讓您的用戶不必修復(fù)窗戶，使任何交互式元素都以一種或另一種方式脫穎而出。 交互式文本可以帶下劃線，粗體，斜體或更大，以表明它與文本不同。

Make your interaction points stand out.

讓您的互動點(diǎn)脫穎而出。

缺乏互動反饋 (Lack of interaction feedback)

Letting buttons visually change between states can help the user to know that their action has worked.讓按鈕在狀態(tài)之間可視地改變可以幫助用戶知道他們的動作已經(jīng)起作用。

I don’t know about you, but there have been more times than I’d like to admit where I have pushed or clicked a button, sent a form, or something of similar nature without realizing that it had already started loading or even finished doing so.

我不認(rèn)識你，但是有很多次我不愿承認(rèn)我在哪里按下或單擊了按鈕，發(fā)送了表單或類似性質(zhì)的東西，卻沒有意識到它已經(jīng)開始加載甚至完成了這樣做。

Invisible loading and invisible results are frustrating and completely unnecessary. They can lead to annoyed users, multiple form emails sent, or other mistakes which can in turn lead to losing the same users, or your team having more work when dealing with cleaning up any duplicate entries or what have you.

無形的加載和無形的結(jié)果令人沮喪，并且完全沒有必要。 它們可能會導(dǎo)致用戶煩惱，發(fā)送多張表格電子郵件或其他錯誤，進(jìn)而導(dǎo)致失去相同的用戶，或者您的團(tuán)隊(duì)在清理任何重復(fù)的條目或您所擁有的內(nèi)容時有更多工作要做。

Don’t let things load invisibly. If an action is performed, make sure you have a way of letting the user know that it has worked. If it takes a few seconds before finishing, see that the user knows that it’s in fact loading. You (hopefully) wouldn’t stare silently and expressionless when being given info from your colleague. Don’t create the same lack of interaction between your user and your app.

不要讓事情看不見。 如果執(zhí)行了一項(xiàng)操作，請確保您有一種讓用戶知道它已經(jīng)起作用的方法。 如果需要幾秒鐘才能完成，請查看用戶是否知道它實(shí)際上正在加載。 從同事那里得到信息時，您(希望)不會沉默無表情地凝視。 不要在用戶和應(yīng)用之間造成同樣的交互不足。

互動點(diǎn)太近 (Interaction points too close in proximity)

Space between two interaction points can help users to avoid clicking the wrong one.兩個交互點(diǎn)之間的空間可以幫助用戶避免單擊錯誤的交互點(diǎn)。

You might have perfectly sized fingers for app interaction, always hitting the exact button you aim for, but not all of us do.

您可能擁有適合應(yīng)用程序交互的大小合適的手指，總是按您要瞄準(zhǔn)的確切按鈕，但并非所有人都能做到。

(Some of us, not naming any names here, but it’s me, might be chronically unable to hit the right button on some apps. But this article isn’t about my shortcomings as a human.)

(我們中的一些人，雖然沒有在這里命名，但是是我，可能長期無法在某些應(yīng)用程序上按下正確的按鈕。但是，本文并不是關(guān)于我作為人類的缺點(diǎn)。)

Placing interaction points right next to each other can make the user experience more complicated than it needs to be. Give enough space between interaction points to help your user to hit what they’re aiming for. It’s an easy thing to work into the design, and you’ll avoid unnecessary user frustration.

將交互點(diǎn)緊挨著放置會使用戶體驗(yàn)比需要的更加復(fù)雜。 在互動點(diǎn)之間留出足夠的空間，以幫助您的用戶實(shí)現(xiàn)他們的目標(biāo)。 這是一件容易的事，并且可以避免不必要的用戶煩惱。

熱點(diǎn)太小而無法準(zhǔn)確擊中 (Hot spots too small to hit accurately)

Making the interactive area slightly larger than the visual point can be helpful for users.使交互區(qū)域略大于視覺點(diǎn)可能對用戶有所幫助。

Related to the point above, it’s not uncommon to come across apps that have made interaction points to be exactly as large or small as the visual point is. This can work for normal or large items, but when it’s a smaller item, you might need to consider making the actual interaction point larger than the item itself.

與上述要點(diǎn)相關(guān)，遇到交互點(diǎn)與視點(diǎn)一樣大或很小的應(yīng)用程序并不少見。 這可以用于普通或大型項(xiàng)目，但是當(dāng)它較小時，您可能需要考慮使實(shí)際的交互點(diǎn)大于項(xiàng)目本身。

If you have an interaction point in the shape of a word, consider making the interactive area slightly larger so it still works when a user taps just slightly off too.

如果您有一個單詞形的交互點(diǎn)，請考慮使交互區(qū)域稍大一些，這樣當(dāng)用戶稍微輕按一下時，交互區(qū)域仍然可以使用。

It’s a lot better than having users tapping repeatedly.

這比讓用戶反復(fù)輕按要好得多。

邊距不夠?qū)?(Not wide enough margins)

Please don’t skimp on the margins. That’s simply bad design work, and it lowers the user experience.

請不要在邊際上跳過。 那簡直就是糟糕的設(shè)計(jì)工作，并且降低了用戶體驗(yàn)。

With wide enough margins, your content, and any interaction points will be easily visible, usable, and visually pleasing. If you find yourself considering narrowing the margins to make things fit, instead take another look at what you’re trying to fit in. Can you move things around, place something on another screen, in a menu, or something else?

具有足夠?qū)挼倪吘?#xff0c;您的內(nèi)容和任何交互點(diǎn)將很容易看到，可用和視覺愉悅。 如果您發(fā)現(xiàn)自己正在考慮縮小邊距以使東西合適，則換個角度看一下您要放入的東西。您可以四處移動?xùn)|西，在另一個屏幕上放置內(nèi)容，在菜單中放置其他內(nèi)容嗎？

Less is usually more in design, so if you find things too cramped it’s better to remove content than margins.

設(shè)計(jì)越少通常越多，因此，如果您發(fā)現(xiàn)事情太局促，最好刪除內(nèi)容而不是邊距。

設(shè)計(jì)看起來不錯，效果不好 (A design made to look good, not work well)

This ties into the previous mistake with margins. Have you ever noticed how some apps aren’t built to be used with one hand despite there being no real reason to use two hands? Buttons, menus placed so they’re hard to reach in the top and bottom corners.

這與先前的錯誤與邊距相關(guān)。 您是否曾經(jīng)注意到，盡管沒有真正的理由要使用兩只手，但有些應(yīng)用程序不是為單手使用而設(shè)計(jì)的？ 放置了按鈕和菜單，因此很難在上下角找到它們。

If your app doesn’t need two hands, try to design your interaction points within the area that is hard to reach with a one-hand grip. You can imagine the area to be roughly the shape of a large egg, with the corners being the hardest to reach.

如果您的應(yīng)用不需要兩只手，請嘗試在單手握把難以到達(dá)的區(qū)域內(nèi)設(shè)計(jì)交互點(diǎn)。 您可以想象該區(qū)域大約是一個大雞蛋的形狀，而拐角最難到達(dá)。

Sometimes we need to use the corners, but not always. Don’t design like everyone else unless that is the right choice. Design for what works best for your app.

有時我們需要利用角落，但并非總是如此。 除非那是正確的選擇，否則不要像其他任何人一樣進(jìn)行設(shè)計(jì)。 設(shè)計(jì)最適合您的應(yīng)用的軟件。

In most app designs, avoiding these mistakes should be easily done, and you will be better off. And so will your users.

在大多數(shù)應(yīng)用程序設(shè)計(jì)中，避免這些錯誤應(yīng)該很容易做到，您的狀況會更好。 您的用戶也是如此。

Marcus Christiansen is a writer, teacher, and constant student of creative fields. He has a background in UX, design, copy, and product development. You can find him on Twitter and LinkedIn.

馬庫斯·克里斯蒂安森 ( Marcus Christiansen) 是創(chuàng)意領(lǐng)域的作家，老師和不變的學(xué)生。 他具有UX，設(shè)計(jì)，復(fù)制和產(chǎn)品開發(fā)的背景。 您可以在 Twitter 和 LinkedIn 上找到他 。

Originally published at https://marcuschristiansen.com on August 4, 2020.

最初于 2020年8月4日 在 https://marcuschristiansen.com 上 發(fā)布 。

UX Para Minas Pretas (UX For Black Women), a Brazilian organization focused on promoting equity of Black women in the tech industry through initiatives of action, empowerment, and knowledge sharing. Silence against systemic racism is not an option. Build the design community you believe in.UX Para Minas Pretas (UX For Black Women)，這是一個巴西組織，致力于通過采取行動，賦權(quán)和知識共享的舉措來促進(jìn)科技行業(yè)中的黑人女性平等。 對系統(tǒng)性種族主義保持沉默是不可行的。 建立您相信的設(shè)計(jì)社區(qū)。

翻譯自: https://uxdesign.cc/ux-mistakes-in-mobile-app-designs-3010f2b047db

ux設(shè)計(jì)中的各種地圖

總結(jié)

以上是生活随笔為你收集整理的ux设计中的各种地图_移动应用程序设计中的常见UX错误的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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