Facebook Connect on iPhone Stops Connecting; Connect’s Login UX Drops “Connecting” Language
If you haven’t noticed yet within your apps, the login screen for Facebook Connect has updated to feel more “iPhone friendly,” and Facebook has dropped this idea of “connecting” as a result.
Additionally, there are many cues in the new UX which assume an experienced Facebook user, which seems like a shift in Facebook’s approach for their API.
Facebook Connect side-by-side comparison
Notable changes include:
- Removed all “Connect” language in favor of “Login”
- Simplifies language overall, which assumes experienced user
- Title “Connect to Facebook to “Facebook Login”
- Removed description of what Facebook Connect is for
- Remove visual cue that helps users understand the purpose of the screen
- Removed Facebook terms/conditions fine print
- Removed “Cancel” button
- Asks for either your email or your phone number
- Increases size of user input fields
The 5 Commandments of Mobile Web Design
A one-size-fits-all approach to solving problems rarely seems to work in the real world, and the mobile Web is no different.
Up to this point, most mobile sites have been developed by re-hashing traditional Web content and squeezing it onto the small screen—an unfortunate “Mini-Me” approach to mobile Web design. The result? While the traditional Web becomes more useful and creative every day, the significance of the mobile Web has largely stalled. The mobile Web has yet to realize its awesome potential, and the problem isn’t a technology issue like you may be already thinking. The problem is design, or rather, a lack thereof, within the mobile medium.
1. The Mobile Web is Not the Little Sister of the Traditional Web.
What makes a mobile site so different?
It’s not the screen size—it’s the intent of the user. Very often, traditional Web users browse the Web for entertainment or to kill time. Even when traditional users need to perform work-related tasks, they are easily sidetracked by Twitter, YouTube, or any of the thousands of social networking sites.
Mobile users, on the other hand, typically browse the mobile Web when they are in need of specific information. These experiences tend to be much shorter than they are on the traditional Web, and users rarely browse for entertainment purposes. Let’s just be honest with ourselves—if a user could be in front of a computer, that’s where he or she would be.
Suppose that you were offered a chance to view a new Red Hot Chili Peppers music video on your phone. Would you actually navigate to the video and watch it, when you could just as easily view it on a speedy home computer? Re-purposing traditional Web content and stuffing it into a mobile browser is a recipe for disaster. Instead, it’s time to look at the mobile Web as a uniquely distinctive medium.
2. Give People What They Want, When They Want It.
All mobile Web users across the globe want the same thing: the ability, at any time, to easily access any information.
What this means for mobile Web designers and developers, is that first and foremost, we need to approach mobile Web sites as an information-architecture problem, and NOT as a technology problem. Mobile Web sites should be formatted in a way that allows users to easily navigate and make decisions. Users don’t want to dig through the clutter of a traditional Web site to find the tiny link they were looking for.
Companies that merely ensure their existing Web site is viewable on mobile phones, have, for the most part, wasted their time and money. This is primarily because this type of mobile Web site will likely be hard to navigate through, or be terrible looking. All too often, users get frustrated when they can’t find the content they are looking for. This fact is exactly why wireless carrier “decks” exist.
3. Build Unique Mobile Content, or Don’t Bother Building Anything at All.
Mobile is a unique medium and it should be designed with this idea in mind. If you are not willing to rewrite, modify, or create custom mobile content, then don’t bother creating a mobile site in the first place.
This point is best illustrated by an example:
A university could easily mobilize its existing Web content to create a mobile Web site, but do freshman really need to be able to schedule classes from their phone when they are lost in the Quad? The answer should be, obviously, no.
Wouldn’t the university mobile site be more effective if it was limited to custom information that is relevant for on-the-go students—such as mobile maps, a one-click phone number directory and faculty office hours? The answer is yes.
4. Make It Useable. Make It Useable. Make It Useable.
Mobile Web sites MUST always work on every phone. Period.
What this means is that mobile Web designers need to consider multiple screen sizes, as well as multiple technologies. A mobile Web site should dynamically transcode content such as forms, images, videos, ringtones and layouts, so that any user, with any phone, can enjoy a seamless browsing experience. Users should never have to tell a mobile site what kind of phone they have—it should already know.
Consider that for the traditional Web, designers and developers need to account for differences between Internet Explorer, Safari, Firefox, Opera, screen sizes, color depth, Flash versions, and more. Why would mobile be any different?
5. Don’t Forget About Design. Seriously.
Mobile Web surfers are still consumers, and consumers are deeply impacted by design. Don’t believe this? Allow us to introduce you to a fine company called Apple.
Because the concern at the forefront of people’s minds has been technology, brands and agencies often neglect the importance of design in the mobile space. It is almost assumed that because the mobile Web has to work on every mobile device, it can’t also look great. We couldn’t disagree with this mindset more.
When a mobile marketing firm approaches a mobile Web design project, it should design a series of visual layouts for a client that illustrate how the mobile site will look on a variety of different devices. For example, our firm refines a selected visual design concept into a WML layout (old school WAP 1.0), an XHTML-MP (WAP 2.0) layout at several different screen sizes, and (when possible) an iPhone-specific layout. The goal here is to ensure that no matter what phone is viewing the content, it will look its absolute best.
In Summary:
1. Think about the mobile Web in a new way. Get creative.
2. Clear and concise information-architecture specific to mobile is an absolute must.
3. Create compelling mobile content or don’t bother at all.
4. Mobile sites have to work—always. No ifs, ands, or buts.
5. It’s called mobile Web DESIGN. Not mobile Web cram-it-on-the-screen.
About Punchkick Interactive
Punchkick Interactive is America’s first design firm to focus exclusively on full-service mobile marketing. The firm specializes in creating text-message campaigns, mobile games, Flash Lite content, branded mobile Web sites, custom BREW and Java ME applications, iPhone apps, mobile media distribution systems, Bluetooth proximity marketing campaigns, and more. For additional information about mobile marketing visit http://www.punchkickinteractive.com or call (800) 549-4104.
New ‘Google Wake Up Kit!’ Spotted on Google Calendar
While using Google Calendar this morning I noticed a new feature titled, “Google Wake Up Kit!” I clicked on it because I often have trouble waking up. Unfortunately, however, it was just an April Fools Day joke from Google.
In combination with the kit, you can receive a new type of notification from Google Calendar, called the “wake up” notification. This notification is relentless in ensuring your timely awakening from restful slumber.
The “wake up” notification uses several progressively more annoying alerts to wake you up. First it will send an SMS message to your phone. If that fails, more coercive means will be used. The kit includes an industrial-sized bucket and is designed to be connected to your water main for automatic filling. In addition, a bed-flipping device is included for forceful removal from your sleeping quarters. Learn more.
Learn more about Punchkick Interactive’s custom mobile software capabilities.
We are excited to announce that Mobile Ocean, a Flash Lite screensaver that we designed and developed, has been selected for the launch of Adobe’s new Flash Mobile Gallery within Adobe.com.
Hopefully, it will be the first of many featured items for Punchkick Interactive on Adobe.com. The Punchkick Interactive Mobile Ocean screensaver can be viewed within our company Web site on our Flash Lite Screensavers and Wallpapers page or purchased from Handango.com.
Learn more about Punchkick Interactive’s mobile screensaver design capabilities.
Random Links for February 18, 2008
20+ Tools For Working With Colors
Sometimes all you need to get inspired to build a site is picking a color scheme, or even if you get stuck later in development you need some color help. Mashable.com has gathered 20+ tools for helping the “color challanged” designers.
Source: Mashable
The Analog Cellphone Timeline
Source: Gizmodo
Hide an Image in HTML — Reveal it by Highlighting Text with your Mouse
Source: BoingBoing
p.s. This is really cool.
14 Hidden Hotel Fees to Avoid
Source: Fodors
Hottest Google Search Terms for February 18:
1. patricide
2. ziggs
3. dancing with the stars
4. alex cambert
5. dan cortese
6. kit carson
7. my dad is better than your dad
8. ziggs.com
9. marlee matlin
10. juicy campus
Punchkick Interactive cited in Mobile Web Design book by Cameron Moll
Cameron Moll has just finished and released his book, Mobile Web Design.
Much has been written about mobile devices. Plenty has been written about developing websites for the so-called “standards era” of the web. However, little has been written about the two colliding. This resource aims to fill that void.
As a reviewer of the book, and more specifically the Flash Lite section, I have had a chance to read through the entire book and it is really a great piece of writing. It is certainly not written for the mobile Web expert, but rather, it speaks perfectly to anyone in a position to develop for, manage, or give advice regarding your organizations foray into a web strategy for mobile devices.
PDF copies can be purchased for $19. Well worth it for anyone interested in the mobile space. You can also download a preview sample.
Why a True Apple Fan Would Never Buy an iPhone
It’s been called the Second Coming—a gadget so revolutionary that people literally fall to their knees in praise of its magnificence. And why shouldn’t they? It’s from Apple, the same company that heroically unshackled us from the misery that is Windows. Apple opened our eyes to a whole new world of computing, one where fantastic design and seamless integration rule above all else. Macs taught us how easy managing a digital photo album could be, and were the de facto force behind our extensive (and legal) digital music libraries.
So why am I, a die-hard-Mac-fanatic, not purchasing Jobs’ brand new marvel? For a number of reasons, all of which are tied to one unfortunate reality: The iPhone is many, many things, but it sure ain’t no Apple.
Let me explain:
- Got a .Mac account? I do. And I couldn’t imagine life any other way. Syncing my emails between different computers is no longer an option for me—it’s a requirement, and I have only Apple to blame for my expectations. The iPhone? It won’t be doing that.
- Speaking of email, how could Apple drop the ball on such an important feature of the iPhone? Noticeable delays between the reading and deleting of emails? Manual deletion of emails one at a time with no option to delete a selected grouping? No BCC option? Yikes.
- On my Mac, Safari is the most dependable browser I’ve ever used. Not on the iPhone. Call me crazy, but surfing the internet sans Flash and Java just doesn’t feel like a true Web experience to me.
- The Edge Network. Can this actually be faster than dial up?
- 8 gigs is just too meager for the iPhone. One of my favorite things about using a Mac and iPod together is the ease with which I download music and sync them. The iPhone’s memory limitations require users to manually manage music and photos—something Apple liberated us from, a loooong time ago. Looks like you’ll have to carry around your iPod and a bigger phone in your pockets now.
- In case I haven’t already made it abundantly clear, syncing is vital to a true Mac user. So why does the iPhone’s Calendar app have so many problems syncing events with a desktop?
Look, I know there are a ton of other problems ($85.95 for a new battery after 300–400 charges?!) with the iPhone. I also know that in many ways, the iPhone rocks. But when Apple creates something unique, and invites me to make it a part of my life, I expect that device to bring it. Maybe my expectations are too high, but Jobs and Co. has taught me to expect only the best out of my gadgets. Ultimately, the iPhone is a jack of many trades, but a master of none. It delivers the internet, serves as an iPod, and provides portable access to iCal and iPhoto—but requests that you enjoy them in an undeniably diminished way.
For a true Apple fan, this is just simply too much to ask.
Learn more about Punchkick Interactive’s iPhone software development capabilities.
Simple Spark catalogs more than 160 mobile services
Simple Spark catalog lists at least 165 mobile services in one well designed, easy to read page. The list ranges from Sonopia to WidSets, and everything in between. Anyone remotely interested in where mobile is going should really browse this list.
Via Simon
The Tunnel House is just fun to look at
Useless nonsense that is fun to look at. Read more.
Random links for Monday, June 25th
- Is Google going to launch a Google-branded handset?
A short post asks this question citing Google’s announced partnership with LG Electronics. - Creating and Testing Mobile Web Sites with Adobe CS 3
Short article on testing .mobi sites with Dreamweaver CS3 and Device Central. It’s another great read from Scott. - Vodka Authentication by SMS
Apparently, counterfeit Vodka is running rampant in Russia. To combat that effort, the Russian government is creating a Vodka authentication system via SMS. “By sending the serial number of the bottle to a designated short code, they will get a response by SMS certifying (or not) the product.” - Penrillian .sis Packager
Penrillian have recently released a useful .NET application that allows anyone to package up passive content (music, images, ebooks etc) as part of standard UIQ or S60 .sis install. - Nokia Mobile Web Server
- ustwo is hiring interface designers
- iPhone guided tour from Apple
- Top 10 phones for playing games
It is what it is. Every list of links needs a good “top 10″ article. - Appleiphany
“Appleiphany (noun): The feeling experienced when using or viewing an Apple device, questioning why the heck things haven’t worked like this all along. Example: When viewing the recent iPhone Guided Tour, I kept asking myself why mobile phones don’t already do all this stuff… seriously, it’s so dang obvious. See also hindsight.”
