F-Droid: Communication strategy

The following post is written by a friend of mine
(I’m posting it for him because there is a limited amount of allowed attachments for new users)


Hi! I’m an advertiser and communication designer based in Vienna. As part of a small work for work deal among friends, I was tasked by @redplanet to take a look at F-Droids web-presence and kick off the development of a more thought out and unified line of communication. (Context)

This will basically be a dissection the current website, focusing on the front page, and the overall structure of the site. The goal is for me to provide you with a professional outside perspective, and hand you the tools to extrapolate from there. All drafts provided here are meant to illustrate different talking points - not Screen designs. Heads up: There’s gonna be a lot of marketing lingo.


Let’s dig in:
F-Droid has become the household name to source FOSS-apps, built and supported by a highly involved user base. The outward appearance of F-Droid has grown accordingly. It is very much geared towards a technically adept crowd, that largely already is part of the open source community and F-Droids user base.

Currently, little explanation and a lot of information that isn’t meant for newcomers generate a high psychological barrier of entry. Potential users that may have heard of open source software, but have little to no touching points, might be put off by the usual stigma: It will be hard. It will be inconvenient.

Word of mouth, merch, tech-press… Except for third-party hosts, it always leads to the website. As this is the way for F-Droid to acquire new users, convincing them they should try it, should be the first priority of the website. Marked in blue is the part of this process we are trying to streamline.

With hallmark open-source apps on more and more android screens, and online-privacy being a public concern, the time is right to spread the gospel of FOSS-Apps and grow F-Droid. Entry-level nerds, part-time technophiles, ex-facebook-users. There is a lot of potential F-Droid users.

In order to achieve that, the website needs to communicate in the simplest way possible what F-Droid is, and what sets it apart.


What are others doing:

Notice that both follow a similar structure:

  • Simple, unintrusive Navigation

  • Headline and lead text: The concept broken down in the simplest way possible.

  • Explanatory image: App in action

  • Call to action (download)

  • References (anchor to what new users are familiar with, who they trust)

  • Bullet points and features: Illustrated and simply explained.

  • Mastodon goes on and gets more into depth, but essentially repeats these elements.

It’s essentially an elevator pitch.

Signals approach is very simple. Mastodons approach is slightly more technical. I feel the sweet spot for F-Droid is somewhere in the middle.


User Behaviour:
Assume that new users know nothing about F-Droid. Assume they don’t care. They have no investment, and are unwilling to spend a lot of energy to understand. On the other hand, users have no problem scrolling, clicking, and navigating content themselves - as long as they’re able to intuitively find what they need. When it comes to apps, they are looking for things that will make them live better lives, and make their lives easier.


Structure and Navigation:
Let’s try applying this to our case. Currently the navigation feels organically grown, but not logical. (To clarify: I am using „community“ as a shorthand for everyone who has downloaded and tried the app, and is willing to actively interact with F-Droid or the people behind it, by contributing or donating.)


Information meant for new users, and information meant for the community should be seperate and visually distinct. Here are some examples of what that could look like:


Front Page
The front page is the place to tell F-Droids story in a quick and simple format. To explain what F-Droid is, and what sets it apart. So what’s special about F-Droid?
_

Core values (All of the initial communication should revolve around these):

  • makes open source easy (Not the technicalities of open-source, but the advantages and principles)

  • independent, for the people - by the people

  • secure

  • the non commercial, alternative to app-stores

_

Secondary values (These should be implied, as users have come to expect it):

  • trustworthy

  • professional

  • convenient

  • fast

_

Antivalues (Connotations to be avoided):

  • hard, complicated

  • corporate


Here’s my take
… on a new structure and wording of the frontpage.
Disclaimer: English is not my first language, and I’m not an F-Droid expert - So no guarantuee.


That’s it. I hope this was useful to everyone involved in reworking the website.
I will be lurking here for a while, so feel free to ask or critique.

Cheers, Roman

8 Likes

Hi Redplanet,

Good to hear back from you! This is brilliant. I especially like the copywriting. Your friend is a skilled english communicator. The copy really distils a bunch of thoughts and ideas I was hoping to bring together.

I assume your friend uses F-Droid?
He sounds like a native.

I’ve spent a bit of time incorporating the ideas into a design.

Will post images in the coming days.

The three dot menu button is not quite legible in the design that I’m doing, I’m trying to have no top bar background colour.

I think is might be nice to show the Forum link in the top bar on the desktop view because it shows the existance if the community.

I doubt that I’ll be able to fit the donate content in the mobile menu, but we’ll see. Some mobiles are tiny.

Yes, the language button is so much easier than drawing a flag for every language. I came across that idea a few days ago and swiftly adopted it, on the desktop I want to put it just to the left of the menu hamburger. ie. not in the hamburger. Is that okay?

In my design I’m doing something like the first example. I’m put some artwork at the top but there’s a hint of a mobile phone displaying the interface. The person scrolls a bit to see it. The interface has contrast that might compete with writing that we try to position over it. Does that make sense. I also think that the current UI in the app is not perfect yet also. The bottom blue bar icons and margins need a tweak, imo. Also I think that FDroid is so special that good artwork will highlight how great it is.

Its an exciting time!

In my opinion we also have to define userroles as Personas to see the needs, permissions and duties of different types of usergroups.

Different dimensions:

  • Android+GPlayStore: novice, non-technical-user, technical-user, android-developer
  • FDroidStore: novice, non-technical-user, technical-user, non-technical-contributor, technical-contributor( android-developer),
  • Security/Privacy: not-interested, novice (interested but no deep knowledge), advanced, expert, developer

Possible personas:

  • The current f-droid website is mainly from the perspective of a technical-user/contributor, Lets call this user “Teresa Technocrat”
  • The new f-droid website should make it more easy for non-technical-novice-users to enter the f-droid-universe. Lets call this user “Nicky Novice”
  • “Anton Activist” a non-tecnical student of political science who wants to learn more about “Security/Privacy”
2 Likes

Yes k3b, I do see the use case for Activist Annie.

I’ve added this bullet point to the bullet points in Reddragon’s friend’s post, “Private: With Orbpt and Tor Browaer, on F-Droid, you can take back your privacy from Biy Data. Learn more” or something to that effect. I also added the bullet point "Fast: (something about the large decentralised network of nodes that’s always growing).

If you have further ideas, pass them on.

I’ll publish the work Ive done soon.

BTW I wonder if in one pane we can inspire interest with a few big numbers. I know that F-Droid serves a lot of people. Any approximations, as to nodes, people served, daily apk serves?

Here’s the design so far.

Thoughts and suggestions welcome.

Mastodon