mobile UX —  push notifications ⏰

This is the second part of my blogpost series „7 aspects that improve the UX of your app“.

image

As a disclaimer, i must say that this part of my talk/blogpost series is influenced and almost a summary in my own words of this blogpost, because i found it contains all relevant topics that i also encountered and wanted to point out.

Push notifications are a very effective way to engage the users of your app. But if done wrong, they can do great damage to the user experience.

„The good thing about notifications is they remind your users that your app is installed. A bad thing about notifications is they remind your users that your app is installed.“ – Sam Jarman

image

71% of users who uninstall an app, do this because of annoying notifications (source).

What can we do to prevent this from happening?

1 permission

Initially, we can ask for permission carefully. We should use one additional alert to explain the value of the notifications to inform the user about the benefits of allowing them or even why your app doesn’t make much sense without them (if that’s the case). When you do that before the official permission alert, the acceptance will be much higher.

2 amount

Try to find out the suitable amount of notifications to be sent to the user. Of course, the tolerated amount depends heavily on the purpose of your app. There’s basically no limit if you have an app where users follow a live soccer event (like the HSV app we built at Evenly), but the limit for a tolerable amount might be very low if you want your users to do/purchase/use something.

3 timing

Think about the best timing for each notification. Keep in mind that your users might be in different time zones and check out if the push service you’re using has the option to send out a notification in the local timezone for the user.

4 wording

Be precise, you only have a very limited amount of words. Maybe you should practice your copywriting skills by using twitter 😉 Or just hire a good copywriter who knows their craft.

5 relevance

Make them relevant: try to personalize the notifications and not send the same content to everyone. If it makes sense in the context of your app, let users choose their preferences and respect those. (I once deleted a news app because they sent me push notifications on topics i didn’t select). You can also personalize them based on the user journey, for example for new users or for users who have an item in their shopping cart.

If it is suitable and helpful, you can use the location of the user. If it’s a travel app, you can provide a relevant feature/information.

6 implementation

In most cases it makes sense to use a 3rd party service, so you don’t have to worry about scaling and reliability and can use their features. Make sure the provider is able to fulfill your needs, like extremely fast push notifications (again, think if a soccer app where your users want to be notified about goals instantly). You might also want to use rich notifications. You can add a picture, a title and a body text. And a little side note: don’t use them for ads (at least this is forbidden by Apple).

via Tumblr http://ift.tt/2yLTBxG

Advertisements

mobile UX — animation 🐎

„Animation is not about making your app cool. It’s about providing your users with the experience they expect.“ – Nick Babich

image

The first topic of my 7 parts blogpost series is animation. There are several purposes of animation in apps.

1 show status

It is helpful for the user to see the current status of what’s happening in the app. Examples include showing a „loading indicator“, a „pull to refresh“ animation or an animation that indicates a problem.

2 navigation and transitions

Animated transitions explain changes in the screen and provide valuable context. When a button changes its function (e.g. a play button turning into a pause button or the change in the example below) it can be helpful to animate this transition so that the user understands why there is a change. You can also use them to show the visual hierarchy between objects. This example (source) shows several transitions where the state changes:

image

3 visual feedback

This might be the most important animation because a lack of visual feedback can be really confusing. First of all, we want to make controls appear tangible and when they are tapped we need to provide a visual feedback to reassure the user that tapping it actually worked and then visualize the results of the action.

This GIF (source: Material Design) shows buttons responding to a user’s tap: 

image

via Tumblr http://ift.tt/2CDo2cL

new blogpost series: 7 aspects that improve the UX of your app

Dieser Beitrag ist auf Englisch weil es um einen Vortrag geht, den ich dieses Jahr ein paar Mal gehalten habe, jeweils auf Englisch, und ich die Inhalte für die Leute bei den Events zugänglich machen möchte. Häufig lädt man als Sprecherin ja nach dem Vortrag die Präsentationsfolien irgendwo hoch. Da auf diesen jedoch kaum Text steht, möchte ich das ganze jetzt in mehrere Blogposts verpacken.

This year i started giving talks at conference and other events. When the Codemotion team asked, if we (Ladies That UX) would like to be part of their program on the community stage, i agreed to give a talk there. Here’s my abstract on the Codemotion website. If you’re good at using Google, you might find the audio recording of that talk, but i don’t want to share it because it feels so strange to hear my voice and honestly, i don’t feel confident to share it with the world. ¯\_(ツ)_/¯

 The topic of my talk is something i have focused on during the past +2 years in my current job as a product/project manager at Evenly: the user experience of mobile apps. I collected a bunch of sub-topics and gave it the umbrella-like title „7 aspects that improve the UX of your app“. After Codemotion i also gave that talk at the Product Camp and at Devfest, refining and changing it a little bit each time, and then finally i presented the talk at our Ladies that UX anniversary meetup in November at Researchgate.

Every event was different but it was always a fun challenge to be a speaker. I prepared it quite last-minute during three days before the first presentation because i needed the pressure of the deadline, but that worked well for me as everything was quite fresh and still in my short-term memory 😉 I would like to thank everyone who listened, took sketchnotes, tweeted about it, asked questions and gave feedback. It was extremely rewarding and motivating when people told my they learned something from that talk, because that was my main goal. It should be suitable for anyone who is interested in User Experience and Apps. If you have no experience in this area yet, it should give you a helpful overview and if you are very experienced, it should contain at least some useful reminders. Please note, that it’s not a full guide on how to create an UX concept for apps but more like a selection of my current favorite topics in this area.

In the future, i would like to improve the design of my slides and for the next public speaking gig i will probably focus on one topic instead of compressing several topics into one presentation. Let’s see what 2018 brings…


Instead of just uploading the slides, i would like to transform the content into 7 blogposts, to be able to share it with more people and maybe get some more input. So in the following 7 days i will publish one blogpost each morning. At least that’s what i’m planning to do.

via Tumblr http://ift.tt/2B9yTea

Spotify CodeEs gibt ein praktisches neues Feature bei Spotify….

Spotify Code

Es gibt ein praktisches neues Feature bei Spotify. Nach dem Prinzip der Snap Codes von Snapchat ist es durch diese QR-Code ähnlichen Codes mit der Spotify App abzuscannen und sich so das Eintippen eines Suchbegriffs zu ersparen.

Da gibt es einige Anwendungsfälle, in denen das sehr praktisch sein wird. Einmal das Empfehlen an Freunde (ich halte dir den Code hin, du scannst ihn ab, zack fertig) und dann natürlich die Möglichkeit für Künstler, den Code zu ihrer neuen Single direkt auf ein Plakat zu drucken, sodass man es unterwegs in der Stadt im Vorbeigehen superschnell finden, anhören und speichern kann.

Und natürlich bietet es sich auch an, die Codes im Netz zu verwenden. So könnt ihr das jetzt zum Beispiel mal mit den vier Empfehlungen, die ich oben gepostet habe, ausprobieren. Dazu geht ihr einfach in eurer Spotify App auf den “Suche” Button und tappt das Kamera Icon, welches sich nun rechts von der Suchleiste befindet.

Um einen Code anzuzeigen geht ihr einfach bei einem Song auf die drei Punkte (wo sich auch die anderen Optionen wie Speichern/zu Playlist hinzufügen/Teilen etc befinden). Da wird dann das Artwork mit dem Code angezeigt – um es abzuspeichern einfach drauf tippen.

🎶

via Tumblr http://ift.tt/2qLOdrV

Wie cool ist das denn? Ein Eichhörnchen Plüschtier als Game…

Wie cool ist das denn? Ein Eichhörnchen Plüschtier als Game Controller. Um im Spiel Nahrung von den Bäumen zu pflücken und Hindernissen auszuweichen, muss man das Eichhörnchen anheben. In seinem Bauch befindet sich ein Arduino Leonardo mit Lichtsensor. Und natürlich viele digitale Haselnüsse.

Ein Projekt von Martina Uhlig. Schaut euch hier mal das Video dazu an!

via Tumblr http://ift.tt/2jCibhz

Wie cool ist das denn? Ein Eichhörnchen Plüschtier als Game…

Wie cool ist das denn? Ein Eichhörnchen Plüschtier als Game Controller. Um im Spiel Nahrung von den Bäumen zu pflücken und Hindernissen auszuweichen, muss man das Eichhörnchen anheben. In seinem Bauch befindet sich ein Arduino Leonardo mit Lichtsensor. Und natürlich viele digitale Haselnüsse.

Ein Projekt von Martina Uhlig. Schaut euch hier mal das Video dazu an!

via Tumblr http://ift.tt/2jCibhz

UXmas | An advent calendar for UX folk

UXmas | An advent calendar for UX folk:

Ein Adventskalender mit täglichen Artikeln zum Thema User Experience. Die kann man dann morgens lesen, während man seine Adventskalenderschokolade verzehrt 🙂

via Tumblr http://ift.tt/2fOX6im

Ladies That UX – jetzt auch (bald) in BerlinDa ich mich im…

Ladies That UX – jetzt auch (bald) in Berlin

Da ich mich im Rahmen meines Jobs und aus generellem Interesse mit dem Thema User Experience beschäftige, habe ich mich mit ein paar anderen zusammengeschlossen und das Berliner Chapter von “Ladies that UX” mitgegründet. Es hat noch nicht so richtig angefangen, aber wir sind dran. Wer also in Berlin wohnt und Lust hat sich zu dem Thema auszutauschen und nette Leute zu treffen, kann schon mal einen Blick auf http://ift.tt/2d20Jfy werfen und dem @ladiesthatuxBER Twitter Account folgen. Ich freu mich schon auf das erste Meetup – vielleicht sieht man sich ja dort!

Mehr über Ladies That UX:

“A friendly, welcoming and collaborative community, with a growing number of local groups based in cities worldwide.”

via Tumblr http://ift.tt/2d20Urh