Facebook Events: Do stuff

Ideas

Facebook events app banner by Jihad kawas

So I haven’t been posting on this blog lately, but just yesterday, while I was browsing facebook, I mistakingly came across some really cool events my friends were attending (It appeared somewhere in my feed). I then started browsing other facebook events, and tried to act as if I was on eventbrite. However, facebook seemed to care the most about events that you got invited to by friends, with a neglectful focus on event discovery.

Aside from that, searching for events on facebook is a pain in the neck, it’s not well streamlined, and it almost is basic keywords search (No obvious date filters, clear categorized search, etc…).

Facebook has one of the largest events databases on the internet, and I believe that restricting it to a hidden tab on the facebook homepage is a crime.

So today morning, I sketched a basic app concept for Facebook Events, an app that turns facebook into the best event discovery app.


Icon

Screen Shot 2015-09-05 at 3.27.34 PM copy

The icon is a simplistic one, inspired by facebook’s “groups” app palette.


Discover

Discover

This is the page where most of the usage happens.

  1. It allows users to search events by categories (Which could be more than the 9 categories in the example above).
  2. It showcases hot events nearby (Level of **hotness** is measured by number of attendees + friend attendees + date)
  3. It allows users to search by keywords and filter results by categories and dates.
  4. And of course a “create” button for people who get excited and decide to launch an event

Browse

Browse

When people enter their search information (or press a category or an event), they’re taken to the screen above, which allows them to save the even, attend, or simply skip it. It shows date, time, location, friends attending, brief description, and a featured picture of the event (Visual is better). It could also be used to swipe events left and right, like a tinder interface.


Map (Around me)

Map

Browse events around you! (Should have a search/filter button to allow users to filter events by date, keywords, price, friends going, etc…)

 


My events

My events

And finally, my events, a list of the event you’re attending. (Should include a buttons to access favorited events too)


Settings

Basic-vanilla settings screen


That was a quick post on how I would improve facebook events. If you work at facebook, please steal it and build it at one of your hackathons. Alternatively, if anyone is interested in messing with the facebook API and build this app, I can send the .psd source files.

Peace out

Airbnb moments (beyond checkins & checkouts)

Ideas

header

I usually post an idea hoping one of my friends will steal it and make it happen. But this time, I’m going a bit beyond that and wishing a $13 billion company would steal my idea!

Airbnb, for those of you who don’t already know (shame on you), is a hospitality exchange company that allows people to rent apartments, homes, or even tree houses, mostly when traveling abroad (still, shame on you).

But here’s the thing: Airbnb is not just a hospitality exchange company. In fact, this is like saying Minecraft is just a computer game. To say it is just a hospitality company is the silliest thing and couldn’t possibly describe the inter-cultural experience gained while using the Airbnb service.

Through Airbnb, I have co-occupied apartments with people from all different parts of the world, people with different languages, foods, religions, and many other things. Those people are now some of my closest friends and people whom I constantly miss and wish I could spend more time with. We have shared great moments and amazing discussions, such that I have shared the memories and stories a bazillion times after coming home to my friends and family.

And right now, there are 60,000 people having those moments with no clear way of sharing them with the world.

So the suggestion I’m giving now, with Airbnb Moments, is beyond a few sketches that would make the service better. I’m hopeful that my suggestion could take the service to another level by supporting its mission—“Belong Anywhere”—and by giving Airbnb the real value that is way beyond a bunch of code that helps you check in and check out of an apartment. I’m talking about a bunch of code that will distribute the unique cultural moments happening around the world.

There’s thousands of these wall-breaking stories happening everyday, and I think Airbnb should consider putting those in the light.


The name says everything. Airbnb Moments helps people using the Airbnb service share their best moments with a public network of travelers.


Let’s move to the mockups I made during the holidays:


The icon

Icon Airbnb Moments by Jihad Kawas on mockupd

The icon is basically a take on the official airbnb icon, flipping it upside down in a shape of an “M” (which stands for Moments), as well as a heart (which obviously stands for love and happy moments)


Join the moment:

Signup Airbnb Moments by Jihad Kawas on mockupd

Sign up with Airbnb (which will get all the information required, from profile info, to listings, current trips, and reviews, etc…). Users can still connect social networks later on, but signing up with Airbnb is essential as it carries everything the app requires to provide the full experience.


Home feed:

home Airbnb Moments by Jihad Kawas on mockupd

Very similar to an Instagram feed, but for awesome moments instead of food and selfies (though it might include #food and #selfies as well). Save your favorite moments, check locations, users, reviews, captions, and hashtags. You can also hit the search button to look for moments by location or keywords and #hashtags .

+ The core feature of the app: snap a moment right from that round red button.


Menu:

Menu Airbnb Moments by Jihad Kawas on mockupd

Navigate other sections of the app:

Discover: Trending places and featured listings

Trips: Manage current trips and plan next trips

Wishlist: Access your favorite moments/listings

Around me: Find moments around you

Profile: Check and edit your Airbnb profile


 Know more:

post Airbnb Moments by Jihad Kawas on mockupd

Once you hit a moment, you can contact the host, book the listing, and know almost everything about the host, guest, and the listing itself (location, reviews, amenities, specifications, price, availability, etc…). The screen is very similar to the one in the Airbnb app after clicking a certain listing.


Snap the moment:

Snap Airbnb Moments by Jihad Kawas on mockupd

A moment is worth a thousand pictures, but let’s just pick one. Click the red “snap” button and take a picture or video to illustrate the moment. (Video could be a six second Vine-style video.)


Share the moment:

Caption Airbnb Moments by Jihad Kawas on mockupd

The user can add a caption with #hashtags, tag friends and people in the moment, and share on social media. (Apartment is directly detected from the data retrieved after signing up with Airbnb). Also, there is potential to add something called “Story,” where the user doesn’t just type a quick caption, but adds an actual post about this specific experience or moment.


Profile:

profile Airbnb Moments by Jihad Kawas on mockupd

The profile shows the user’s moments, reviews, badges (check below), and listings (if there’s any). It also allows people to contact the user depending on his/her public preferences.

We can also add a follow button. For example, I’d be very interested in following someone on a trip to India or China, or simply someone who frequently travels and shares interesting stories, moments, and photographs.


Badges baby!

badges

Another idea I have to gamify the usage of not only Airbnb Moments, but the whole Airbnb service as well, was “Badges”! Who doesn’t love badges? And who didn’t get angry when foursquare took the work of our life away a few months ago?

Whenever someone shares moments in a specific city/country or even specific hashtags or keywords, he/she gets a badge for that achievement. This helps build a cool and trustworthy profile as well.


Redeem (Incentive):

reward Airbnb Moments by Jihad Kawas on mockupd

One of the questions that came to my mind while designing Airbnb Moments was: how can we reward awesome people sharing great moments and incentivize them to use the platform more often? And for a moment I thought, if I had a listing, I wouldn’t mind offering a discount to guests who share positive cool moments (as this will increase trust and safety with the next guests). So one way to do this is for the hosts to offer a symbolic discount for sharing moments. The other kind of rewards could come from Airbnb itself, to help kick off the platform for the first few months. (This could simply be discounting the 10% cut that Airbnb takes on each reservation.)


 It looks cool on the browser as well:

Desktop View Airbnb Moments by Jihad Kawas on mockupd

The app ain’t just an app; it’s going to improve the web browser experience as well.

Besides showing pictures of the place along with some specifications, it will now show the spirit and the life behind the walls of this apartment.


So, what’s in it for Airbnb?

-Boost user engagement.

-Radically improve trust and security. (Phillip Cardenas would have loved this.)

-Build an active community.

-Enhance the viral effect of each user sharing stories and moments.

-Improve the number of bookings.

-Lower barriers to booking, by showing moments and establishing trust, hence leading to a more spontaneous reservation.

-Understand each user’s interest and use that data to improve the user’s experience. (Exactly what Brian Chesky mentioned in his interview with Sarah Lacy.)

-Turn Airbnb from a usable service to a shareable story.


The new equation:

The Airbnb Formula Airbnb Moments by Jihad Kawas on mockupd


Note:

After designing the whole thing, I came to realize that Airbnb Moments could be integrated in the original Airbnb app instead of being a stand-alone app. In both cases it will still have the same features.


An ambitious statement:

If any awesome person at Airbnb reads this, I’m coming to San Francisco on January 19th, and yes, I would love to grab some coffee and discuss the project.

Drop me an email


Updated:

I pitched Airbnb Moments to the Airbnb design team at Airbnb HQ in San Francisco. And they LOVED it.

airbnb visit, Jihad Kawas with the Airbnb Design Team

Jihad Kawas with the Airbnb Design Team

Jihad Kawas next to The Founder and CEO of Airbnb Brian Chesky

Jihad Kawas next to The Founder and CEO of Airbnb Brian Chesky

Foosh: Dead-simple food ordering

Ideas

Foosh

Nowadays, Online/Mobile food ordering is as easy as getting in and out of the Department of Motor Vehicles – just so we are on the same page.

How it works now?

You open the app (GrubHubSeamless, etc…), and you will see 9+ different types of cuisines (Of which you comprehend just a couple of items). Then you are presented with a never-ending list of restaurants.

Moreover, you click on a restaurant for no specific reason, and repeat this a dozen times before you find the best one with the best reviews. Finally, you end up choosing one (Probably based on the logo or name, and do not try to convince me otherwise).

Then, you will see the menu with 245 dishes to choose from – of which you will probably recognize 20%. You scroll through all the unfathomably oddly named items and then you find something that appeals to you; “Burgers” or “Pizzas.” Tadaaaa!

Alternatively, you may decide to take the adventurous course and select a new plate. Next, you will surreptitiously google it or ask the drunken dude next to you whether it tastes good or not. Ultimately, you end up ordering the burger or the pizza anyway.

In the end, you pay and slip into hibernation until the food arrives.

Too bad you’ll have to get 20 more credits to graduate with a degree! Seriously? Food ordering should be much simpler than that! What’s worse is that you see those apps saying “Food ordering just a click away”. NO, it’s not! It’s NOT! It’s more like, “Food ordering, 136 clicks away.”

What you experience is that you open the app to get a specific dish and you end up swimming through the murky waters of endless food choices that you do not like. Along with it comes every option you will never choose and by that time, you are prepared to eat anything that moves insofar as a state of primal starvation has set in.

So, the entire point of Foosh is to make food ordering much simpler for your hungry stomach, your weak fingers, and your exhausted mind (That’s at least how I feel when hungry!) By limiting the choices and delivering what you want, it is truly just a two-click ordering experience.

Signup:

When you open the app, you will sign up very quickly with only basic questions (You should not be asked if you are male, female, or other, or your age, grandmother’s sexual preference, foot size, any pending litigation, or panties color).

Then you will setup your payment method once and for all (I would suggest adding card scan, integrating Apple Pay or PayPal, whatever seems fast and reliable to the customer in the region you are targeting).

foosh home

The concept is simplistic, like me.

Think of it as Speed Dialing for food ordering. You will see 4 to 5 main menus that cover the all-important major food groups: Pizza, Burgers, Salads, Sushi, and Burritos. We can also enable the user to add other kinds of food he or she likes.

You can move from menu to menu by swiping right or left (not Tinder, relax). What you will get on each page is a simple 2-choice option.

Example (Shown in the picture above):

Burger: 1) Cheese burger  2) Double Cheese Burger

Pizza: 1) Vegetarian  2) Peperoni

Salad: 1) Boring (Normal)  2) Less Boring (Caesar)

foosh order

Here comes the kicker – The order page:

When you want to order, Foosh will automatically choose the nearest top-rated restaurant for you. There are two options here: 1) Let the user choose which restaurant he or she, or other, wants to order from (Which will consume 30 to 60 seconds). 2) The Narcissistic totalitarian dictatorship version: Choose the best and nearest one without giving the option to change restaurant, which comes back to limiting options for a quickly expedited experience. Lastly, the user simply adjusts quantity, and hits done – BAM! Good eats are on the way.

foosh settings

Settings: The average settings menu to adjust payment methods, location, password, or to add new categories, or apply some filters.

How do you get the restaurants database and establish delivery orders with those restaurants? How do you make money?

Don’t worry, it’s dead simple! We’ll use Ordr.in API to do everything from finding restaurants to placing the order and processing payments, as well as giving you part of the cut (Which is usually 0.75$ to 1$ per order).

Wait, where did I see this design before?

If you feel the design is familiar, that because it is purely based on Paper, the Facebook app. Which, by the way, has all the amazing animations available for you to integrate into your next app (or maybe Foosh)? Find the public library here.

Wait, where did I hear this idea before?

The entire app idea came from Push For Pizza, which is an app that lets you order pizza with a couple of clicks. I just wanted to take it one step further, with a better design experience and a few more options that will enrich the experience without making it a mess.

Have a laugh:

 

DISCLAIMER: Feel free to steal or share this idea and make sure to reach out for any help (I can also provide the PSDs done so far). I hope someone has enough time to build it as it has unlimited potential. I am a non-attorney spokesperson, and I approve this message ^^.

The Horror Of Airplanes’ LCD Monitors.

Critics

DISCLAIMER: This is my first post on Mockupd, so expect all kinds of grammar and spelling crimes, as well as structure disasters.

Speaking of disasters; you have probably travelled somewhere on a plane, and you have probably had more than one problem during the journey. From seats, to food, to crying babies and mean hosts. Those are normal problems.

Let me tell you about “disasters” that happen on a plane. And while many of you might think a disaster is a crash, well, what I’m about to expose is referred to as “User Interface Disaster”.

Ladies and gentleman, I’m talking about this rectangular disaster in front of your seat, that plays old movies, bad songs, and silly (ridiculously silly) games.

IMG_3533-1024x768

Lately I’ve been traveling a lot from Beirut to San Francisco (Which is almost 16 hours on plane), so I had to spend so much time in front of those screens trying to understand them and analyze the reason they’re that bad. I couldn’t find one.

To be quick and straight to the point, there is no technical barrier that forces those screen from having nice UI, and it actually is harder to build such an ugly design than building a decent one. It just makes no sense that systems such as LCD Monitors on planes that cost hundreds of thousands of dollars to build, cannot afford the design of a 0.99$ app on the iPhone AppStore.

So while I was on my plane back to Lebanon, I tried to design the screen I had in front of me, and this was the best I could illustrate:

LCD

 

Few minutes later, I decided to re-design it, and imagine if I was the designer in charge of designing it in under 10 minutes! And here’s what I came up with:

view 1

 

view 2

 

I’m personally not that good of a designer! I just have photoshop, and a taste of what looks good, and what hurts my eyes when looking at it!

So basically what I did here is that I removed all the useless boxes that divided the screen into useless parts taking a huge amount of space, and replaced it with simple elements that will do the job in showing the right information in the right context. I also added this blurry background of a scene in the movie to give the experience a more personalized taste where the user could actually sense some sort of ambiance when browsing through the movies/music/etc…

And as for navigation, I think that a burger menu could do the job instead of taking you back to the main menu that is almost 10 clicks away!

I did this thing out of frustration, and I came up with an idea for a company that targets airlines to fix their designs and provide better quality visuals for their travelers. So if you’re a designer, and know a bunch of other designers, I’d suggest you find an airline with a bad LCD UI, create a full mockup of a potential fix, reach out, and maybe get your first client, and so on and so forth towards other airlines (It’s not as easy as it sounds, but it’s still a valid Idea).

 

Well that was my first quick post, hope it wasn’t full of disasters language-wise.

Stay tuned, as I’ll be adding more ideas soon.