All posts tagged android

Onto New Challenges

Reddit Burning Man Meetup 2015. Photo by /u/umdmatto

Reddit Burning Man Meetup 2015. I’m at top right wearing horns. Photo by /u/umdmatto

After a wild and wonderful time at Reddit, I’ve decided to move on.

And when I say wild, I mean it. The past year has been the most tumultuous in Reddit’s history. I joined the week of the Celebrity Photo hacking scandal (aka The Fappening) and stayed through two CEO changes, user uprisings, a moderator-driven Reddit blackout, and enough drama to run the Eastern seaboard dry of popcorn.

That’s the bad.

The good was, simply, amazing. I worked with some of the most talented, kind, creative people I’ve ever met. People like Josh, who thought up and implemented The Button, the internet’s most devastatingly crafty April Fool’s day prank. And, people like Heath, who couldn’t imagine why shipping boxes couldn’t be colorful origami cat homes.

We also didn’t let the turmoil stop us from getting stuff done. I’m thrilled to have shipped features such as responsive mobile web, embedded comments, improved mod tools, and better mechanisms for combating online harassment and abuse. Most fun was designing Reddit’s first Android app, which is now in beta and launching to everyone soon!

What’s Next

Tomorrow, I start at Google as Lead UX designer on Project Fi, working out of the San Francisco office. Fi is a tremendously exciting initiative that offers an alternative to the traditional model of cell phone network plans. Right now, the average American is paying a single cell phone company over $100 a month for service limited to that company’s coverage. It sucks, but you have no other option, right? Fi’s another option. For a Fi plan starting at $20 a month, your phone will invisibly switch among Wi-Fi and cell carriers to whatever connection is fastest at your current location.

Google Fi Box

Project Fi is still fairly new. It’s only available on a few devices in an Early Access Program for now, but I’m excited to see how we can build and grow it. Newer projects carry more risk and more potential, which are characteristics of the challenges most fun to tackle. I can’t wait to see what tomorrow brings.

Changes for Firefox Mobile’s Add-on Manager

I’ve been blogging about Firefox’s add-ons manager lately. But what does the add-ons manager look like on Firefox Mobile?

Current Add-ons Manager on Mobile Firefox

Currently, the Android/Maemo add-ons manager in Firefox looks like the image below. At the top are the user’s installed add-ons. Below them, a “Get add-ons” section includes add-on catalog search and five recommended add-ons. Below these is a “Browse all add-ons” button which links to Mozilla’s Mobile Add-on page.

Current Add-on Manager in Firefox Mobile

How Should Mobile Users Learn More About Add-ons?

Giving users information about add-ons has been a continual focus in the non-mobile Firefox add-ons manager redesign. Justin Scott has been leading the design of Firefox’s “Get Add-ons” pane. This pane, which loads within the manager itself, introduces users to add-ons by recommending popular add-ons and promoting the community behind them. The pane also includes a “Learn More” button, which will eventually link to a site which provides add-ons help, information, and even videos about add-ons.

This solution works well on the desktop because of the space available in the add-ons manager and the ease of loading content within Firefox. But would should the mobile solution to add-on information be? And where should that pesky “Learn More” link lead on mobile?

The first option is for “Learn More” to go straight to Mozilla’s page for Mobile Add-ons. However, this site is a portal to our huge catalog of add-ons: it doesn’t provide the simple explanation that “Learn More” implies. Also, it forces the user to leave the add-ons manager and load a media-dense page. Both of these could negatively surprise users.

A second option is for “Learn More” to expand the current “What are add-ons” section within the column to provide more detailed information within the add-ons manager. This has the benefit of consistency with the current mobile UI, where some sections already expand to show more information. It also doesn’t require users to leave the add-ons manager. However, this design also has a few drawbacks. The page height becomes much taller, requiring more scrolling to go between the user’s add-ons and the recommended add-ons. Also, considering the “What are add-ons?” section already expands with a click, now there would either be three levels of zoom or a large surprise the first click.

A third option would be to create another page, within Mobile Firefox’s preferences, that provides an explanation of add-ons. This is better than an external page, because it would not require a lengthy load time while presenting the most relevant information. It also may provide less of a surprise than the expanding in line option. But, it would require users to leave the screen they are on, and would be inconsistent with how the UI works now.

Three Possibilities for Where "Learn More" Link could lead

A Simpler Design

After considering these options and their drawbacks, I went back and thought about exactly what purpose the explanation of add-ons is meant to provide. In Firefox, this section’s purpose is to tell users who have never encountered add-ons what they are and why they are useful. In fact, as soon as the user installs a few add-ons in Firefox, they never see that explanation again. There’s no need for the message to be persistent, as it is currently in Mobile Firefox. In fact, as soon as a user installs an add-on, they no longer need the explanation. Making the message dismissible is the first step towards a better Mobile Design.

So, how can users gain more information about add-ons? And what information would they want?

Assuming that the “What are add-ons” snippet gives a good summary of what add-ons are, and add-ons themselves explain what they do in their descriptions, there simply isn’t enough information left to tell mobile users that justifies a separate explanation link. Additionally, on Mobile Firefox, there are less than 100 add-ons currently available. I simply can’t think of information about these add-ons that would be important enough to users to include a link and a separate page about what add-ons are.

So, the design I’m recommending keeps the explanation of add-ons short but prominent in the add-ons manager. It’s dismissible, but also disappears automatically once the user installs one or more add-ons. If the user wants to browse Mozilla’s Mobile site, the “Browse all add-ons” link at the bottom of the list will direct them there. With such limited screen space, keeping the interface simple should provide the best experience.

Proposed Design for Mobile Firefox's Add-ons Manager