Posts Tagged "mobile"

avatar
  • 05.06.13

Responsive Web Design POV 2013

Responsive Design

How can you design a site that works well at any screen size, keeps SEO and analytics under one URL, and requires less future maintenance?

Introducing…responsive web design. In very basic terms, a responsive design is one where the website adapts to the user’s screen size automatically by resizing images, videos, navigation, text, and more so that it fits nicely at any size.

Responsive design ensures that your content can flow into any device because you’re designing once for all platforms.

Our updated-for-2013 presentation answers the following questions:

  • What is it?
  • Why should you care?
  • What’s the design process?
  • Is it right for your site?

View the presentation below and contact us if you want more information! Click bottom right corner for full screen:

avatar

Mobil Phone Fussing: iPhone Camera & WP7 Screen Cap

Lately I’ve been using two mobile devices: an iPhone 4 and a Samsung WP7. I’m an Apple user and generally happy with my iPhone as an internet browsing device (very unhappy with it as a phone). I must say playing with a WP7 device has been particularly cool. I’m a big fan of the Metro design principles, use of icons, beautiful Segoe typography, and primarily the focus on pushing content and not chrome. I’m a UX person after all, so the minimalist UI approach is somewhat my aesthetic preference. Playing with familiar apps like Twitter on WP7, I would go even as far to say that they are more ‘hip’ on the WP7 then on the iPhone. I think WP7 is actually pretty awesome and I hope that more people try it out and adopt.

After playing with the two phones for a while, I’ve picked out my biggest frustration with both to date. Time for mobile phone fussing…

Continue Reading

Next-Generation Mobile Applications

The adoption of smartphones is increasing at an incredible rate. Nielsen predicts that smartphones will overtake feature phones by the end of 2011. This shift will be the catalyst for innovation in the mobile marketplace. Marketers and their partner agencies need to consider how they’ll create for the next-generation mobile devices.

These next-generation mobile devices will push far beyond current devices in both hardware and software capabilities. Increases in mobile broadband, processing power, image resolution, storage, and connected services will drive innovation.

A competitive mobile platform marketplace dominated by RIM, Apple, and Google has been the primary storyline over the last few years. Previous market leaders such as Nokia and Microsoft are poised to challenge the current leaders and regain market share.

The operating systems that have dominated the marketplace for the last few years have focused on an app-driven paradigm. The central focus was on the capabilities of the individual mobile application. Nokia, RIM, and Apple built successful platforms based around this type of user interaction. More apps in a platform’s market provided the end user with more options and a perceived greater value than other competing platforms.

Continue Reading

avatar

Body Language of the iPhone, Windows Phone 7, Android

The touch screen smartphones are sleek and immediately respond to your gestures.  Is there a standard set of gestures or does each have its own body language?  In reviewing the standard gestures of the iPhone, Windows Phone 7 and Android, there does seem to be a core set across them.  The following table illustrates the core set of gestures to use in applications.

Table 1. Gestures for Mobile Phones with Touch Screens

mobile phone touch screen gestures

Continue Reading

avatar

Mobile Photo Share Flow of a Gen Y Content Pusher

I’m a Gen Y content pusher. I love to share content online and do it all the time, probably more then most people. One of my favorite types of things to share are photos and I do that mostly via my mobile phone (iPhone 4/AT&T). As a part of the most social audience and largest content creator group online, I wanted to share the following flow as a use case on understanding behavior and motivation for creating and sharing photos using a mobile device.

A Few Things About Me Before We Get Started
- I’m not a photographer.
- I don’t take my phone camera photography seriously.
- I’ve never been a hardcore member of the Flickr community.

+ I am a content pusher.
+ I push a lot of various content online besides photos.
+ I push content across multiple online sites.
+ I segment my audiences by site and push particular content for each.
+ Most of my sharing is driven by self expression and trend setting.
+ I take photos to share them.

1. In most cases, when I decide to take a photo, I launch the iPhone system Camera application.

Continue Reading

avatar

User Experience Across the iPhone, Windows Phone 7, and Android

Although there are so many options for smartphone platforms, the iPhone, Android and Windows Phone 7 are the top players trying to shoulder their way to become the selected platform for applications.

So what does each offer? How is the user experience different for each platform? At a high level, the iPhone provides the strongest UI guidelines with the least room for customization. This provides for a seamless experience (usually) across iPhone apps.  Whereas the Android allows for the most flexibility with some minimal UI standards, the Windows Phone 7 lies somewhere in between the two.

When designing for multiple platforms, keep in mind that the user experience may vary across the Home screen, Gestures, Menus, Navigation, Search, etc.  We’ll take a look at the Home screen and tackle the others in upcoming posts.

So let’s take a look at each of the Home screens – the starting point for smartphone users.  How are these home screens defined?

home screen of iPhone Windows Phone 7 Android

Home Screens

Continue Reading

avatar

Default Scrolling as a Mobile Best Practice on Top Brands People Love

I did a quick study to see what the brands people most love are doing in the mobile space and which were using one best practice for mobile design – the auto scroll for Mobile Safari. Why is this a best practice? Well, for iPhones, the address bar consumes about 12.5% of pixel screen real estate by default when a page is loaded. The status bar and button bar consume an additional 13.34% of screen real estate. This leaves users with less then 75% of the screen for viewing content. The obvious answer: you want to maximize every available pixel when your page loads by buying back the space taken up by the address bar.

Process and results after the break…

Continue Reading

avatar

I Love Android

I’ll admit, it’s a newfound love. I’ve always been a Google kind of girl, but when I bought my first smartphone, I went with the iPhone without hesitation.  At the time Android was relatively new, I was already on AT&T and the iPhone app store was miles better (I also hadn’t reached my annoyance threshold with Apple yet, but that’s another story). But then I had the recent good fortune to be able to get my hands on a Nexus One.  There were many things about it that I immediately liked.  Widgets on my home screens give me instant access to data without having to open the app. It synchronizes with my Google account which is really nice for me since I use that account for almost everything. If I lose my phone, I won’t lose my contacts. Hooray! And of course with the newer versions of Android you can view Flash content on your mobile device, which is quite nice.  My largest concern was that the apps available would be lackluster in comparison to those in the Apple app store, but that turned out to not be the case. In fact, I could find nearly every app I had on my iPhone in the Android Market, and those that I couldn’t find had equivalents built by different developers. Oh, and Angry Birds was free!

But none of that is really why I love Android.  It’s a love born of nerdery.

Continue Reading

avatar

Tinkering with Microsoft TAG codes

Earlier this year, we took some time to tinker with with QR codes — specifically Microsoft TAG. As part of a recruiting effort, we designed a pocketbook journal with a TAG code that led to a mobile site targeted to young creatives just entering the field. You can view the mobile site on your phone at http://www.iqagency.com/tag/

These mini books were given away at SCAD career fair, Portfolio Center, Creative Circus and the like.

BTW I still have some left over if anyone wants some free schwag…

Continue Reading

Top 10 Reasons Why I Need an iPad

iPad

In no particular order is my list of the top 10 reasons why I want need an iPad in my life.

  1. I spend 5 – 7 hours in meetings daily and the iPad will serve me better than a laptop for note taking.
  2. My iPhone is too small for reading and writing email.
  3. I need a device that allows me to leave the macbook pro at work in the evenings but still get work done.
  4. My home computer is a powerbook on it’s last leg and it’s time to upgrade
  5. Like Miles Davis Apple has proven it can innovate across genres so I have faith in their new products.
  6. I’m excited about it’s impact in the portable gaming space.
  7. Multi-touch multi-touch multi-touch!
  8. I’m a non-tv owner looking for a solution that can leverage the newer digital entertainment channels.
  9. Flash Professional CS5′s ability to publish to the platform will help push innovation in the app store.
  10. It’ll be great for road trips with kids.

Stay Informed