Tagged: mobile Toggle Comment Threads | Keyboard Shortcuts

  • Bobby 12:32 pm on October 17, 2013 Permalink | Log in to leave a Comment
    Tags: , , mobile,   

    Native App or RWD App? Infographic 

    Here’s a chart to decide whether to build a native or web mobile app | VentureBeat.

  • Bobby 11:32 am on July 30, 2013 Permalink | Log in to leave a Comment
    Tags: , mobile   

    Mobile Takes an Increasing Share of Email Opens – eMarketer.

    Smartphone and desktop see similar email open patterns
    Email remains one of the most critical marketing channels—if not the most exciting. And as more consumers access on mobile, there is a growing imperative to make sure emails are smartphone- and tablet-optimized. However, that doesn’t mean marketers can forget about the desktop just yet.

    In May 2013, research from marketing solutions provider Harland Clarke Digital found that consumers primarily in the US used the desktop to open 55.2% of business-to-consumer (B2C) and business-to-business (B2B) marketing emails. The smartphone took one-quarter of email opens. And when adding in the tablet, mobile’s share of exclusive email opens rose to nearly one-third. There was also some frequency of consumers accessing the same marketing email on two or more devices.

    Read more at http://www.emarketer.com/Article/Mobile-Takes-Increasing-Share-of-Email-Opens/1010087#oiiJdfA9VlptyQqH.99

  • Bobby 10:20 pm on May 23, 2013 Permalink | Log in to leave a Comment
    Tags: , mobile,   

    Smartphone Browser localStorage is up to 5x Faster than Native Cache New Research | Mobify 

    As a web developer you know that creating engaging web UX means means quickly delivering content that captures your visitors attention.

    The storage API, including localStorage, was designed to help web developers provide more app-like behaviour for the web than cookies previously allowed.

    But it turns out you can also use localStorage to make your mobile website faster!

    How much faster? Well, you can load some critical path resources such as a JavaScript thats required for your UX up to 3 – 5x faster using localStorage than from the browsers native cache. Using millions of data points from Real User Monitoring RUM I had the following surprising results.

    via Smartphone Browser localStorage is up to 5x Faster than Native Cache New Research | Mobify.

  • Bobby 11:14 pm on February 18, 2013 Permalink | Log in to leave a Comment
    Tags: , mobile, tablet   

    For Email, Users Reach for the iPad – eMarketer.

    Interesting findings:

    For reading emails, more than half of respondents chose the tablet as their preferred device, beating out PCs and Macs by over 20 percentage points. The difference was understandably narrower for sending emails, given that the keyboard is essential to writing emails. Just under half of respondents said they preferred the tablet vs. 41% who preferred a desktop or laptop computer.

  • Bobby 2:05 pm on February 4, 2013 Permalink | Log in to leave a Comment
    Tags: , mobile   

    46% of Holiday “Mobile Price Matchers” Bought In-Store 

    More adult mobile owners used their devices to help them shop during the 2012 holidays than during the 2011 season, finds the Pew Research Center’s Internet & American Life Project in new survey results [pdf]. Among various actions taken, 27% used their device to look up product pricing “mobile price matchers”. While that was not up significantly from a year earlier 25%, what they did after comparing prices did shift. Specifically, 46% of this group reported ultimately purchasing the product at the particular store. That represents a significant 31% increase from 35% who reported doing so the prior year.

    via 46% of Holiday “Mobile Price Matchers” Bought In-Store.

  • Bobby 11:48 am on January 23, 2013 Permalink | Log in to leave a Comment
    Tags: , mobile, ,   

    The Post-PSD Era < AGREED! 

    The Post-PSD Era.

    This is one of those posts that really makes me think and then cringe. While I totally agree with this…

    Throughout my career, I’ve watched immensely talented designers waste a shitload of time creating fully fleshed-out comps of what a website could look like. Pixels get pushed, details are sweated, pages are printed out, hung on walls, and presented to clients. Clients squawk their feedback, then designers act on it. They repeat this dance until everyone is content (or until nobody gives a shit anymore, which happens more often than you’d think). Only then do those pristine comps get handed (more like shoved) over to developers to build.

    It’s an increasingly-pathetic process that makes less and less sense in this multi-device age. I’m not making a case for ditching Photoshop altogether and designing solely in the browser (where are the blend modes in Chrome dev tools again?) but rather better understanding how we use Photoshop in modern web design (thanks Trent).

    I hate to see this era coming to an end.

    I will say that last year (’12) I started prototyping in a web based app called PROTO.IO This was the first time that I honestly believed I could design a complete site or mobile app and not rely on photoshop 100%.

    This doesn’t make photoshop something I wouldn’t use. I would use it to create background textures, icons, and any images needed, but the actual layout I can do in something like Proto.io.

    The advantage to using an app like Proto.io is that it will let me not only design the experience, but prototype the experience. It forces the designer to think about HOW something is used and not just what it will look like. It also lets you preview your work via the device you’re designing it for.

    So yes, I believe that we are in a Post-PSD era.

  • Bobby 4:56 pm on January 16, 2013 Permalink | Log in to leave a Comment
    Tags: , mobile   

    Walmart is Mobile Retailer of the Year – Mobile Commerce Daily – Awards.

    Is anyone shocked at this? I’m not.. it’s Walmart.

  • greg 10:23 am on December 17, 2012 Permalink | Log in to leave a Comment
    Tags: , mobile   

    10 Mobile Web Design Best Practices 

    Go to full site – the mobile website escape

    Always include a link to the full site for your users. No matter how good your design, some people just want the experience they’re used to. The only thing that likes change is a wet baby.

    Keep headings shorter than short

    Headings that wrap over more than 2 lines push your content down the page and often out of frame for users. Keep them short, focused and descriptive without telling the whole story.

    Use placeholder text on small, common form inputs

    On small forms where context is obvious, use placeholder text instead of labels (eg. login forms, search boxes or address forms).

    Place labels above form inputs

    When you use labels they should be placed above form elements. Using top-aligned labels makes sure that if the mobile browser zooms in on the input, the user doesn’t lose the context of the input.

    Pop-ups suck on mobile

    Window management on mobile still sucks. YouTube, Maps, anything that opens native applications takes the user outside the website’s flow and out of context. Do your best to integrate these elements on the page so that users can stay with the website they’re viewing.

    Save time with font-based icons

    We (heart image) icons! They spice up your designs. To avoid managing a sprite sheet with both retina assets and smaller icons, opt for a font-based icon set like: Font Awesome; glyphish; iconsweets; or symbolset. Or, make your own. Here’s how.

    Give your mobile website a mobile-first makeover

    Going mobile is about more than just squeezing an existing website into a one-column format. Examine your analytics and your user feedback. Tackle the opportunity to re-imagine your website for mobile and to focus on the important elements. Reorganize content so that it makes sense to the user. Drop extra content blocks. Move elements up or down the page. Add new elements for mobile devices. It’s your site to make amazing.

    Make your default font size at least 14 px

    Even if that seems really big, it’s the right thing to do. The only time to go smaller (and just to a minimum of 12 px) is on very precise labels for forms.

    Respect the fat fingers and tipsy taps of your users

    None of us are as dexterous as we’d like to be on our mobile devices. We can all have a touch of “fat fingers” symptoms. So design your actions accordingly. Make the touch targets big. We recommend 40px by 40px.

    Give targets lots of margin too. We recommend at least 10px margins around the targets. Primary actions should always be big and tappable.

    Embrace the wild and wonderful world of device APIs

    When making a desktop site mobile we sometimes forget that smartphones and other mobile devices access user location, can make phone calls, take pictures and much more. Don’t confine your creativity to what’s on your desktop site.

    via 10 Mobile Web Design Best Practices | Get Elastic Ecommerce Blog.

  • Bobby 12:09 pm on November 7, 2012 Permalink | Log in to leave a Comment
    Tags: mobile, ,   

    Mobile Design Details: Hide/Show Passwords 

    LukeW | Mobile Design Details: Hide/Show Passwords.

    I’m totally on board with this one. I think giving the user the option to show the password on mobile is key to them not giving up on logging in.

    Masking passwords doesn’t even increase security, but it does cost you business due to login failures.” …and it’s worse on mobile. -Nielsen Norman Group

  • Bobby 3:41 pm on November 6, 2012 Permalink | Log in to leave a Comment
    Tags: , mobile   

    50 Latest Mobile Web Design For Inspiration | Design | Graphic Design Junction.

  • Bobby 10:59 am on September 27, 2012 Permalink | Log in to leave a Comment
    Tags: mobile,   

    The Humble Business Card Gets Superpowers With NFC [EXCLUSIVE].

    NFC FTW!
    I still have hope in what this technology can do. It’s great that MOO is pushing it IMHO.

  • Bobby 8:22 am on September 26, 2012 Permalink | Log in to leave a Comment
    Tags: , mobile,   

    iOS, Not Android, Users More Adventurous in Browser Choice | Chitika Insights.

    Great to know that we should really focused on the native browsers then when it comes to mobile optimization .

  • Bobby 4:37 pm on September 24, 2012 Permalink | Log in to leave a Comment
    Tags: , mobile,   

    Inspired UI – mobile patterns.

    Get Inspired! This site is awesome for mobile appyness inspiration.

  • Bobby 10:56 am on August 17, 2012 Permalink | Log in to leave a Comment
    Tags: , , mobile   

    Mobile Marketing: How do I create a mobile optimized email campaign? – Quora 

    and EXCELLENT post on Quora about mobile optimized email designs.
    Mobile Marketing: How do I create a mobile optimized email campaign? – Quora.

    Here is a great list of links n’at.

    Some recommended resources that our designers use when creating mobile ready emails.

    One last thing before you begin your campaign

    Your team needs to decide…

    • Should we create and send a mobile ready email and a normal desktop email separately?
    • Should we send a normal desktop email with a link to the mobile version?
    • During sign up should we ask our clients whether they want to receive a mobile ready email?
  • Bobby 10:52 am on August 7, 2012 Permalink | Log in to leave a Comment
    Tags: mobile,   

    LukeW | An Event Apart: Mobile Content Strategy.

    As usual LukeW’s notes from one of the AEA presentations is priceless:

    In her presentation at An Event Apart in Washington DC 2012 Karen McGrane outlined why providing content to mobile users is not only a strategic imperative but also an obligation for many organizations. Here’s my notes from her talk on Uncle Sam Wants You (To Optimize Your Content for Mobile):

  • Bobby 2:30 pm on July 30, 2012 Permalink | Log in to leave a Comment
    Tags: mobile   

    Making of: People Magazines Responsive Mobile Website Global Moxie.

    A really good read about how a HUGE project went for Global Moxie.

    Our brief was to design a responsive site for phones and 7” tablets (Kindle Fire, Nexus 7, etc.). People has two other sites: one for desktop and one for iPad. The new edition stakes out the smaller end of the spectrum, replacing a very simple site that has served phones for several years. The new site’s responsive web design adapts to three primary breakpoints: the phone, 7” portrait, and 7” landscape.

    The irony for this “small-screen” website is that its 7” landscape layout is nearly as wide as People’s desktop design. In creating this small-screen design, in other words, we also created a desktop-sized design, too. This is the essential nature of responsive design, of course, a layout that adapts gracefully to a wide range of screen sizes.

  • Bobby 8:17 am on July 10, 2012 Permalink | Log in to leave a Comment
    Tags: mobile   

    Things change for an Internet company when the majority of their usage and traffic shifts from desktop to mobile devices. New processes, priorities, and product thinking are required to adapt. But don’t wait too long to change as the shift from desktop to mobile can happen faster then you think… via LukeW | Data Monday: How Long To a Mobile Majority?.
  • Bobby 8:41 am on June 18, 2012 Permalink | Log in to leave a Comment
    Tags: , mobile, tracking   

    ClickTale Mobile™.

    They are claiming to be able to record your users’ “every tap, pinch, swipe and tilt” on mobile Web browsers.

    This is hardcore if it works and would LOVE to see the analytics it puts out.



  • Bobby 12:23 pm on June 11, 2012 Permalink | Log in to leave a Comment
    Tags: , , mobile   

    Android Design.

    I’m not sure why i didn’t know about this site/style guide before today, but glad I found it.

    Designing for mobile can be a frustrating and tricky thing, especially for Android.

    The latest version of Android is 4.0 or “Ice Cream Sandwich”. I personally think it’s one of the best designs and UI’s I’ve ever laid eyes on. I’ve blogged about the design philosophy behind it before and this site just brings it all together.



  • Bobby 4:28 pm on June 8, 2012 Permalink | Log in to leave a Comment
    Tags: mobile,   

    The QR Code’s Punk Rock Little Brother is Gonna Shake Things Up | Business 2 Community.

    I’ve been saying for a while that this kind of stuff is what needs to happen for the mobile marketing and point of sale marketing channel to really take off. We shouldn’t need to have a QR code for our phone cameras to be able to trigger off an event. It can happen with something unique like a logo or image.

    This demo is what I’ve been thinking.

    The only thing missing is this “scanner” being native in the phone camera itself. Why should I have to open an app to scan something (using my camera) when I already have the camera app itself built into the phone. Just give me the option in the camera app to SCAN something like in Batman Arkham Asylum.. :)

    Which ever tech company can get that in first will win this QR/AR fight IMHO.

compose new post
next post/next comment
previous post/previous comment
show/hide comments
go to top
go to login
show/hide help
shift + esc