Mobile Web Resources | Mobile Web Best Practices
Mobile Web Resources | Mobile Web Best Practices.
(via Zeldman Tweet) A great collection of articles and such about Mobile. A bookmark fo sho!
Tagged: mobile Toggle Comment Threads | Keyboard Shortcuts
-
Bobby
-
Bobby
Buttons are a Hack
LukeW | An Event Apart: Buttons are a Hack.
LukeW took some great notes for this AEA Session.
Very intersting take on buttons and touch gestures. This thinking is way forward for most clients but it’s good to start thinking this way IMHO.
-
greg
5 Things Every Mobile Design Should Have
Okay, so it looks like this whole mobile web fad just isn’t going away any time soon. I’m starting to get the feeling that we’ll need to start designing more mobile friendly websites. As much as we think mobile web design is very different from full screen web design, it really isn’t. Although the screens are smaller and you can touch them, most of the basic principles of design still apply.
But there are some considerations that you may wish to take when designing for mobile browsers to compensate for some of these little differences. I’ve tried to boil it down to 5 main elements that every mobile site MUST have:
- Meaningful Navigation
- Focused Content
- Feedback
- Clear Branding
- Plenty of Space
Now I know there is probably some more elements that every mobile must have, but I feel like these 5 elements are critical pieces that shouldn’t be overlooked and are things we must consider when designing our mobile versions.
see more examples at 5 Things Every Mobile Design Should Have | Codrops.
-
Bobby
What to Expect from Mobile Marketing Tech in 2012
What to Expect from Mobile Marketing Tech in 2012.
-
Bobby
Facebook Plans First Foray Into Mobile Ads | Digital – Advertising Age. GET ON IT MEDIA PEOPLE!
-
greg
With consumers increasingly using their handsets to shop, CVS/pharmacy has revamped its mobile site to make the entire CVS.com catalog available to shoppers.In addition to being able to purchase items for the first time, the mobile site has been enhanced with additional new functionality such as the ability to redeem coupons and purchase photo prints for in-store pick up. The new site is part of CVS/pharmacy’s ongoing efforts to expand its mobile offerings to serve its customers better.
“We know our customers like to engage with us in all different ways including shopping in-store and online,” said said Erin Pensa, Erin Pensa, director of public relations for , Woonsocket, RI. “Adding mobile purchasing gives them another option and allows shoppers to purchase what they need – and even refill prescriptions – while on the go.”
“CVS/pharmacy is committed to making the mobile experience for customers second to none,” she said. “With over one-third of American adults owning smartphones, CVS/pharmacy recognizes the importance of providing useful solutions to our customers, and we’ve worked to optimize and expand the mobile suite to accommodate this trend.”
-
greg
Google Maps adds indoor tracking: http://goo.gl/61Cb7
I can’t tell – is it android only or will the service work on an iOS device? -
Bobby
Building a Mobile App Is Not a Mobile Strategy – Jason Gurwin – Harvard Business Review
Building a Mobile App Is Not a Mobile Strategy – Jason Gurwin – Harvard Business Review.
Everyone wants their own mobile application. In the last year, I have heard this consistently. In fact, mobile analytics firm Distimo claims 91 of the top 100 brands have their own mobile app (up from 51 just 18 months ago).
On the surface this sounds great, right? I can use my big brand name to get people to install my application, and then I can market to them via the palm of their hand whenever I want. If you’re a big brand, I have no doubt you will get a ton of downloads. But downloads are a vanity metric; they don’t measure success.
-
greg
What are the three keys to effective mobile social marketing?
With more consumers using their mobile devices to access social networks, brands need to start thinking differently in terms of their social media strategy.
Consumers are using their mobile devices as the main way of connecting to social media sites, leaving an opportunity for mobile marketers to tap into. In particular, marketers need to pay especially high attention to time and focus on short messages when marrying mobile and social media marketing this holiday season.
“We are just beginning to think about the customer experience across mobile and non-mobile channels,” said Erika Brookes, vice president of marketing at Vitrue, Salem, NH.
“Marketers need to understand how each channel varies in terms of user engagement, user experience and the benefit for the end user,” she said.
Key punctuation
According to data collected from Virtue, punctuation and grammar are vital to targeting the right group of mobile consumers.
Short, targeted messages that point across quickly are key.
For example, Facebook posts with question marks in them received 4.8 percent less likes than posts without them, and posts with an exclamation point generated 13.7 percent less likes than those used without an exclamation point.
Additionally, across all pages sizes – including Web and mobile – social media posts with less than 70 characters received more likes and comments.
For mobile devices specifically, engagement increased by 4.3 percent when messages were less than 70 characters long.
Virtue’s data is proof that when planning a social media marketing initiative on mobile devices, it is better to be short and sweet because consumers have less attention on mobile than they do on desktop experiences.
via What are the three keys to effective mobile social marketing? – Mobile Marketer – Social networks.
-
Bobby
Recent / iOS UI Patterns beta
Recent / iOS UI Patterns beta.
AWESOME. UI Patterns for iOS. This will come in very handy yo.
-
Bobby
What’s different about mobile UX design? | @dmitryn/blog
What’s different about mobile UX design? | @dmitryn/blog.
Excellent article especially:
2) Consistency with the overall device experience is more important than consistency across platforms.
The “uncanny valley” that results from porting an app design straight from one platform to another, or attempting to mimic native UI elements in a web app as closely as possible, is especially to be avoided.
-
greg
Quick Amazon Silk thoughts – QuirksBlog
So Amazon has announced its Kindle Fire tablet, and it will not be an iPad killer. It runs Android, but not the standard Android, but rather a special Amazon port that does not include any standard Google apps. Notably, Amazon will have its own app store.
The Kindle Fire will also sport its own browser: Silk. Kudos to Amazon for actually giving their browser a name. That helps a lot.
Yesterday I was surprised at the fact that so many people were surprised that Amazon would use its own browser. What else would they have done? Copy Android WebKit, the most disappointing mobile browser right now? Android WebKit is hardly progressing, and if you want a state-of-the-art browser you’d better build something yourself.
On the positive side, Amazon actually created a blog about the new browser — something you rarely see in the mobile world. On the negative side, it’s bloody vague:
Amazon Silk deploys a split-architecture. All of the browser subsystems are present on your Kindle Fire as well as on the AWS cloud computing platform. Each time you load a web page, Silk makes a dynamic decision about which of these subsystems will run locally and which will execute remotely. In short, Amazon Silk extends the boundaries of the browser, coupling the capabilities and interactivity of your local device with the massive computing power, memory, and network connectivity of our cloud.
Some tantalising hints, but mostly marketing speak. Let’s deconstruct it. See also this article and this one.
Silk uses WebKit. That’s good.
Right now the Kindle Fire lacks a 3G model. However, I feel the browser has been made ready for 3G. (Why? Forward compatibility to next-gen Kindles, and see also below.)
Silk seems to be an Opera Mini-like proxy browser, where the client asks the server to fetch and render the page, and then receives what’s basically a bitmap image. This makes for very fast browsing and little data traffic. (See however update below.)
They call it “split-architecture.” Whatever.
An engineer describes it as a store for accessing your files — which reside in the Amazon cloud. That’s a good way of explaining cloud-caching.
Still, cloud-caching won’t cut it on a 3G network. The problem there is not the connection between the Amazon cloud and the website, but between the Kindle and the Amazon network.
Michael Mace discusses the Kindle, and makes an interesting remark:
Amazon could tie the browser to its own content services and distribute it to other hardware vendors. Basically, it could try to make Silk the content layer on Android that Google wants to be. This could be a good business move for Amazon, since it’s not making money from the hardware anyway.
Technically I’m not quite sure how a browser could be a content layer, but that’s mostly because I lack technical information. Of course the browser could tie in with, say, the e-reader so that it can access your ebooks and other content. We’ll have to see whether that is the case, though.
If that is the case I wonder if Silk can run on a regular Android device. Now that would piss off Google: Amazon would take over their entire content layer in one fell swoop.
And why stop at Android? Thin Silk client offering a gate to your Amazon content on other OSs? Say, on iOS? The main problem I’m seeing here is that it would need caching on the device itself. The cloud won’t cut it if you’re on a lousy mobile connection and want to read your e-book.
I could be completely wrong here; I’m arguing from severely incomplete information. But the ramifications of a thin Amazon client are intriguing.
Update: Some say that Silk is a hybrid browser: it can function either as a proxy browser or as a full browser. Now this could be true. In fact, it was what I originally thought, but I changed my mind after watching the Amazon video, which basically talks only about proxy aspects.
If Silk is indeed a hybrid browser Amazon is doing its best to confuse the world.
And if Amazon ever wants to expand its browser (and thus its content) to other platforms, a proxy browser is what they need. It’s much easier to write a thin proxy client for dozens of platforms that a hybrid browser that also contains a rendering engine.
-
greg
Mobile Frameworks Comparison Chart
Looking for the right mobile Framework? Compare all major Frameworks and choose the one that fits best.
check out Mobile Frameworks Comparison Chart.
-
Bobby
AppAddictive: The next big platform for brands and social media? – TNW Apps
AppAddictive: The next big platform for brands and social media? – TNW Apps.
-
Bobby
Google acquiring Motorola Mobility — Engadget
Google acquiring Motorola Mobility — Engadget.
THIS. IS. HUGE.
-
Bobby
Android User Interface Design | Mobiletuts+
Android User Interface Design | Mobiletuts+.
This is going to come in uber handy in the future.
-
Bobby
Android GUI PSD High-Density | Downloads | Teehan+Lax
Android GUI PSD High-Density | Downloads | Teehan+Lax.
The latest and greatest Android GUI from the guys at Teehan+Lax.. which eerily sounds like Shaheen+Lux .. weird.
-
Bobby
Responsive Web Design Techniques, Tools and Design Strategies – Smashing Magazine
Responsive Web Design Techniques, Tools and Design Strategies – Smashing Magazine.
In this excellent collection of articles about responsive design, they give some links to responsive mobile email design! YOI!
MUST READ!
-
greg
These reports offer insight to what demographics are using mobile and digital media, and how they are using it.
comScore 2010 US Digital Year In Review
comScore 2010 US Mobile Year In Review -
Bobby
Mobile UI Patterns
Mobile UI Patterns › Activity Feeds.
This page is pretty awesome. Patterns for mobile design.
It’s simple and easy to get a quick look at how some other apps are designing things like Check-in Screen, Custom Tab Nav, Lists, etc.
Reply
You must be logged in to post a comment.