Connect with us

Tech News

Designer wars: The hamburger vs. the floating action button

SO, you’re just now learning about the “hamburger” three years late, and the debate in the developer community is over hamburgers vs. floating action buttons. Time to catch up.

Published

on

google plus floating action button

google plus floating action button

The glory days are over

It seems that the floating action button may soon go the way of the hamburger.

Huh?

If you’re a web designer you probably know what I’m talking about, but if you’re not, let me catch you up.

bar

What’s hidden stays hidden

The “hamburger” or “hamburger menu” refers to an icon consisting of three parallel lines – like two buns and a burger – used on a website or mobile app to pull down a menu. The hamburger was popularized as a design feature as developers were trying to cram as much information into the slick, slimmed-down designs of mobile apps as possible.

Theoretically, it’s a good idea. It’s a simple menu that allows the user to access more content than can fit on the screen. In practice, however, the hamburger has proved to be pretty dysfunctional. The fact is that people don’t really think about – and don’t click on – what’s hidden, so engagement with the hamburger menu is extremely low. In the words of Josh Constine over at techcrunch.com, “hiding your features off-screen behind a nondescript icon in the corner is usually a poor mobile design choice.”

Mobile doesn’t translate

Hamburger menus are dipping in popularity, showing that designers still have some finagling to do to figure out what actually works best for mobile – our first assumptions often prove incorrect after user testing. What’s more, designers are also finding that what works for mobile often doesn’t translate well for full-size computer and tablet screens.

This is also the case for floating action buttons – usually a circle with a simple icon that hovers over other page content in the lower right corner (where your thumb can easily tap it on a mobile device). Floating buttons are a recognizable feature of Google’s Material Design – a design aesthetic created for Google’s branding that has quickly become the go-to for modern web design.

Designers need to keep the user in mind

The floating action button usually represents the “primary action” of the page. Unfortunately, designers too often choose an action that is actually not the most popular user action. The designer has to narrow down an app with several functions to the “primary” function – and often guesses incorrectly which action users will want to take. A conveniently located button that toggles your music playlist is useless when what you actually want is a play/pause button, for example.

The moral: test it out

Like the hamburger menu, the floating action button translates awkwardly to large screens. On a computer, the floating button often ends up on the opposite side of the page as the rest of the navigation. Meaning that, just like with the hamburger menu, people aren’t really going to use it.
Google’s Material Design has some good ideas. But let’s be honest – copying a highly popular site’s design aesthetic isn’t going to make your site stand out.

And more importantly, you want your design features to actually engage users. Design concepts that theoretically make sense and look cute still need to be tested by real users to find out if they are working.

#FloatingActionButton

Ellen Vessels, a Staff Writer at The American Genius, is respected for their wide range of work, with a focus on generational marketing and business trends. Ellen is also a performance artist when not writing, and has a passion for sustainability, social justice, and the arts.

Continue Reading
Advertisement
Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Tech News

Amazon backtracks on hybrid return-to-work plan, allows work from home

(TECHNOLOGY) Amazon retracts its original statement proposing a hybrid work schedule and is now open to allowing employees to work from home indefinitely.

Published

on

Samsung photo with amazon app loading page.

Let’s face it, companies can’t make up their mind regarding remote work. One week it’s this, the next week it’s that. Somehow, even though they have been running smoothly while working from home in the midst of the pandemic, employees are now suddenly considered to be “twiddling their thumbs.”

 

Following in the footsteps of other FAANG companies, in March 2021, Amazon said that their “plan is to return to an office-centric culture as our baseline. We believe it enables us to invest, collaborate, and learn together most effectively.”

What a stark contrast from the newest proposition: “At a company of our size, there is no one-size-fits-all approach for how every team works best” said Jassy, the now CEO of Amazon.  

Multi-member Zoom call on a Apple Mac laptop with a blue mug of black coffee next to it.

Contradictory, but admirable! Before this most recent announcement, Amazon was going to require all corporate works to adhere to a hybrid schedule of 3 days in office, unless otherwise specified. The hybrid work plan was set to begin in September 2021.

Now, the decision falls into the individual team’s hands and employees will be evaluated based on performance, despite where they choose to work. However, the underlying preference is to be located at least within reasonable distance to their core team’s office in order to come in on short notice.

“The company expects most teams will need a few weeks to develop and communicate their respective plans.”

Once plans are more finalized, Amazon will share specific details prior to January 3rd, 2022 – the date they initially planned for everyone to return to the office. Even though they may be a little indecisive, compared to Facebook, Apple, and Google, they’re actually being more flexible.

Finger snaps for the king of two-day shipping.

Now you have an excuse to pop open Amazon.com on a new private tab, while working from home, and buy a little something to celebrate. Seems counterintuitive to what we’re trying to prove here, but it’s necessary. Treat yo’self!

Continue Reading

Tech News

Nate app: $38M Series A fintech startup you should keep an eye on

(TECHNOLOGY) The nate app combines the best of social media and shopping into one platform, streamlining the check-out process for hassle-free purchases.

Published

on

African American woman holding iPhone scrolling through the Nate App homepage.

No one likes to hop around from store to store searching aimlessly in aisles for all of their necessary items. That’s why the big guys win, like Walmart, Amazon, and Target – they have all you need in one swoop! Users choosing to shop online feel the same way. Having to reenter payment, billing, and shipping information over and over again becomes a pain – or worse, a deterrent to purchase, resulting in cart abandonment- that’s where the nate app comes in.

Nate combines the best of social media and shopping into one platform.

The well-funded, series A startup utilizes artificial intelligence (AI) to complete purchases seamlessly without all of the fluff a user discovers when checking out at various online retailers. Once a user inputs shipping and payment information into the app during sign-up, nate keeps the data on file for subsequent purchases, virtually eliminating the time-consuming check out process. If a user sees a product they like from an online merchant, they simply have to “share” the item to the nate app, and it will take care of the rest.

Unicorner’s startup analysis states, “In essence, nate is bringing the benefits of shopping on a centralized platform like Amazon to a decentralized shopping ecosystem.”

Brown leather wallet with tip of credit card sticking out next to a iPhone showing a shoe purchase on the Nate App.

With a nod to Pinterest and LikeToKnowIt, the platform allows for users to create visual product lists on a personal account that can be shared with followers. If a follower likes an item they see, they can purchase the item in-app in just a click or two.

In contrast to the big wigs of the social media world, the nate app hopes that users will purchase based on true inspiration and not a targeted algorithm suggesting what they should buy. Instead, the app runs its business model on a $1 fee for each transaction which covers the ability to issue virtual cards, protect online privacy, and apply available discounts.

The nate app simplifies gift giving as well. Users are able to select a gift item and enter the recipients phone number – if the recipient is a nate app user, it can be shipped directly – otherwise, they will receive a text asking them where to send their new gift! This makes it a perfect choice for the upcoming holidays (yes, 2021 is almost over…whew).

To stay up to date on everything nate, download it now on the App Store.

Continue Reading

Tech News

Facebook deletes developer over ironic browser extension invention

(TECHNOLOGY) Think a muted week for a nipple shadow is bad? Facebook just permabanned this inventor for…helping others to use the platform less.

Published

on

African American hand holding iphone on Facebook's login page.

It must be true that corporations are people because Facebook is pulling some seriously petulant moves.

In a stunt that goes beyond 24hr bans for harmless hyperbole, and chopping away at organic reach (still bitter from my stint in social media management), Facebook straight up permanently banned one of their users for the high crime of…aiming to get people to use the platform a little less.

Developer Louis Barclay came up with Unfollow Everything, an extension that basically instantly deleted your feed without having you unfriend anyone or unlike anything. Rather than have users manually go through and opt out of seeing posts, they’d now opt IN to keeping who they wanted front and center.

In his own words on Slate: “I still remember the feeling of unfollowing everything for the first time. It was near-miraculous. I had lost nothing, since I could still see my favorite friends and groups by going to them directly. But I had gained a staggering amount of control. I was no longer tempted to scroll down an infinite feed of content. The time I spent on Facebook decreased dramatically. Overnight, my Facebook addiction became manageable.”

Since more time spent on Facebook means more ads that you’re exposed to, means more you spend, the add-on started slowly making headway. I myself pretend to be a ranch owner to keep ads as irrelevant to me as possible (though my new addiction to hoof trimming videos is all too real), and Unfollow Everything probably would have been a great find for me if it hadn’t been killed by a cease and desist.

Law firm Perkins Coie, representing the internet giant, let Barclay know in their notice that Unfollow Everything violated the site’s rules on automated collection of user content, and was muscling in on Facebook trademarked IP.

They also added, in what I can only assume was a grade-school narc voice, that the add-on was “encouraging others to break Facebook’s rules.”

Barclay, not having the resources to fight a company with the finances of a small country, promptly ceased and desisted. Practical.

Officially speaking, Facebook might have actually have some ground to stand on vis-à-vis its Terms Of Service. The letter and legal team may have been warranted, not that we’ll ever truly know, since who’s taking Facebook to court? But then they followed up with a ‘neener neener’ deletion of Barclay’s 15 year old account – which was still very much in use.

Look, Facebook is the only way I connect with some of my friends. I don’t take enough pictures to make full use of Instagram, I fully hate Twitter, my Tumblr is inundated with R-rated fanfiction, and any other social media platform I’m happy to admit I’m too haggish and calcified to learn to use. So a complete WIPE of everything there with no notice would be pretty devastating to me. I can only imagine how Barclay felt.

And in light of the fact that the browser extension wasn’t hurting anyone, taking money, or spewing hateful rhetoric, there’s really only one thing to say about Facebook’s actions…they’re petty.

Sure, they may have the legal right to do what they did. It’s just that when you notice every fifth post is an unvetted advertisement, their high ground starts to sink a little. I mean nothing says ‘We’re being totally responsible with user information’ like the number of add ons and user tactics popping up to avoid seeing the unnecessary. This isn’t the first time we’ve seen Facebook put up a fight against losing ad traffic.

We all know all those stores with amazing deals aren’t actually going out of business, or even using their own photos right? Right?

Barclay added in his article, “Facebook’s behavior isn’t just anti-competitive; it’s anti-consumer. We are being locked into platforms by virtue of their undeniable usefulness, and then prevented from making legitimate choices over how we use them—not just through the squashing of tools like Unfollow Everything, but through the highly manipulative designs and features platforms adopt in the first place. The loser here is the user, and the cost is counted in billions of wasted hours spent on Facebook.”

Agreed, Mr. Barclay.

Now I’m off to refresh my feed. Again.

 

Graffiti wall with image of Facebook founder, Mark Zuckerberg, with the saying "You've been Zucked."

Continue Reading
Advertisement

Our Great Partners

The
American Genius
news neatly in your inbox

Subscribe to our mailing list for news sent straight to your email inbox.

Emerging Stories

Get The American Genius
neatly in your inbox

Subscribe to get business and tech updates, breaking stories, and more!