Mashable's 15 best Android, iPhone, and WP7 apps for 2011

by Edward 27. December 2011 11:01

'Tis the season - for "Best Of..." lists. Mashable.com chimes in with The 15 Best Mobile Apps of 2011. There are five each for Android, iPhone, and Windows Phone 7. The WP7 apps listed are:

  • Tango - Tango lets you make free phone and video calls over cellular data and WiFi to other Tango users - like Skype, except that as Mashable notes, Skype isn't ready for WP7 yet. Since Microsoft purchased Skype last year, it's probably only a matter of time before Skype users can take advantage of features like the front-facing camera on the HTC Radar - but Tango is dancing a solo on WP7 for now. Oh, and it's free.

    The Marketplace on my HTC Radar  shows two versions of Tango. Version 1.1 from tango.me earns 4 stars from reviewers. Version 1.0 from HTC only gets 3 stars. The HTC offering notes that only the HTC Titan and HTC Radar support video calling. The 1.1 app details page notes support for the Samsung Focus and Omnia 7.

    As an experiment, I tried installing the 1.1 version to see if it would kick out an error - it didn't, but since I don't know any other video-enabled smartphone users with Tango, I didn't bother to get very far into the app.
     
  • Metrotube - allows you to watch YouTube videos. According to Mashable, it's better than the native WP7 YouTube app built by Microsoft, and a look at the WP7 Marketplace bears this out -- Metrotube gets 4 1/2 stars from user reviews, a good deal better than the 3 stars garnered by Microsoft's offering. Metrotube is $0.99 in the premium version in the Marketplace (not $1.99 as Mashable would have it), but there is a free version that does almost everything except HD video streaming.
     
  • FeedWorm - this free app syncs with one's Google Reader account, allowing one to read RSS feeds - i.e., blog feeds. For someone who blogs regularly, reading other blogs is de rigeur. According to the Marketplace Details FeedWorm has a "no-frills...efficient interface...deliberately simple and focused...dedicated to the basics." Mashable agrees, citing the "super-clean interface", compared to rival app Fuse. Marketplace downloaders have given FeedWorm 5 stars. I'll be installing it soon myself.

  • bubblegum -  bubblegum is a free photo app with "cool filters and social options", according to Mashable. The publisher in the Marketplace is listed as Goofball Labs, but Mashable says it was "Created by Microsoft programmers." Perhaps Goofball Labs is a pseudonym for a group of Microsoft programmers - I couldn't find a Goofball Labs website in Google or Bing.

    If bubblegum was a project by Microsoft programmers designed to show off features of WP7 (rather than a commercial app), that may explain why the app doesn't seem to have gotten needed updates in months, if the user reviews in the Marketplace are any indication. The Marketplace rating is only 3 1/2 stars - there are quite a few 4- and 5-star reviews, but there are also a lot of 2- and 1-star reviews from disappointed users. Mashable notes that Pictures Lab ($2.99, 4 stars in Marketplace) and Thumba Photo Editor (not in the Marketplace, but available for $0.99 from thumba.net) are popular alternatives to bubblegum.

  • Mixtapes - a WP7 app for 8tracks.com free Internet radio playlists (created by 8tracks users). Mixtapes is free and collects 4 1/2 stars from WP7 Marketplace users.

Tags: , , , ,

mobile | Windows Phone

PhotoSwipe - image gallery for mobile devices

by Edward 4. August 2011 23:58

Tags: , , , , , ,

development | mobile

Reading and writing on the Web - have The Rules changed?

by Edward 30. July 2011 22:43

A few days ago, Betsy Thaggard put a question to the STC Austin mailing list:

What's your take on writing for and reading on the web? The conventional wisdom was to keep things short, that people didn't want to look at a screen for long. But now that so much of what many of us read is on a monitor, does that change the desired length of text on a page?

And what about for mobile sites: Are we still aiming for basically a sentence or two of synopsis, or do people want, and are they willing to read, entire articles or at least pieces with at least a little substance to them?

And where do tablets figure into this inexact equation?

Have The Rules changed for reading on the Web?

Well, what are The Rules, anyway?

Steve Krug pretty much laid down the law on Web writing in his classic book, Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition. In fact, on page 45, he literally lays down the law:

Get rid of half the words on each page,
then get rid of half of what's left.
-- KRUG'S THIRD LAW OF USABILITY

That's pretty clear - or is it?

Actually, if you look at the rest of Don't Make Me Think, it's pretty obvious that Krug's Third Law only applies to a subset of Web content:

I'm not suggesting that the articles at Salon.com should be shorter than they are. I'm really talking about two specific kinds of writing: happy talk and instructions.
...
We all know happy talk when we see it: It's the introductory text that's supposed to welcome us to the site and tell us how great it is, or to tell us what we're about to see in the section we've just entered.
...
Your objective should always be to eliminate instructions entirely by making everything self-explanatory, or as close to it as possible. When instructions are absolutely necessary, cut them back to the bare minimum.
(Krug 2006, pages 45..47)

FACT OF LIFE #1:
We don't read pages. We scan them.
One of the very few well-documented facts about Web use is that people tend to spend very little time reading most Web pages. Instead, we scan (or skim) them, looking for words or phrases that catch our eye.
The exception, of course, is pages that contain documents like news stories, reports, or product descriptions. But even then, if the document is longer than a few paragraphs, we're likely to print it out because it's easier and faster to read on paper than on a screen.
(Krug 2006, page 22)

In my opinion, The Rules haven't changed, for the most part.

"Keep it short" applies to happy talk and instructions. Years of experience reading online text haven't made us more tolerant of fluff.

In fact, I suspect our greater sophistication about Web content has made us more aware of Krug's "sure-fire test" for happy talk:

If you listen very closely while you're reading it, you can actually hear a tine voice in the back of your head saying, "Blah blah blah blah blah blah..."

And at this point, most of us know how to fill out a Web form. Those who don't aren't going to read instructions, unless they're instructions for an offline task, like setting the VCR clock. OK, that's a joke - no one reads those instructions either.

The Rules haven't changed for other Web content, either. The inverted pyramid still applies to news stories, and long sales letters still have their place on the Web. Bullet points still work in product descriptions and blog posts.

Krug's Fact of Life #1 may need an update, though. Years of online reading experience, plus nicer monitors, plus better phone displays, plus pad form-factors, may equal a greater willingness to read long documents online, rather than printing them out (but Jakob Nielsen still thinks PDFs are Unfit for Human Consumption).

But what about mobile sites? Betsy aked:

Are we still aiming for basically a sentence or two of synopsis, or do people want, and are they willing to read, entire articles or at least pieces with at least a little substance to them?

I think the smaller screen real estate on mobile devices is going to continue to enforce the "keep it short" rule there. If I'm going to read a substantive article on my phone, I'm going to want to have some confidence that the article has the information I want. One way to do that would be to get to the article via a link from "a sentence or two of synopsis." So once again, I don't think the rules have changed much.

Tags:

Blogging | copywriting | mobile

Design Inspiration Countdown #5 - Guide to the App Galaxy

by Edward 18. July 2011 07:05

We're halfway through the Design Inspiration Countdown. Today's site is Guide to the App Galaxy, Google's business guide for mobile app developers.

Inspiration #5: Guide to the App Galaxy

Do you love rocketships and retro science fiction?

Do you love mobile app design?

Do you love web sites that use scrolling in an innovative way?

Do you love Javascript?

Then you'll love Google's Guide to the App Galaxy!

The first thing you'll notice about the Guide is a mostly-blank browser window and a long load time. The HTML alone is 6300 lines and 462 KB. Even on wi-fi and broadband, the delay is noticeable. And as to viewing it on a mobile browser, forget about it. Even after the page finished loading, I was unable to scroll to view more than a corner of the page.

After the page has finished loading, the picture switches to a view of a retro-looking rocketship on a launch pad. A Big Red Button marked "Launch" (but without a molly guard) invites you to start your journey into mobile app design.

If you try to scroll down instead, you'll find that the site is already scrolled down as far as it will go. Instead, it scrolls up, befitting the spaceship blastoff metaphor.

The first stop in the journey (whether you pressed the Launch button or scrolled up manually) is Promote - ways to promote your newly-written app. The next stops are Earn, Measure, and Evaluate.

At each stop, the "engineering plans" are divided into sections on different aspects of the mobile app business. Also at each stop, a drop-down tab marked Choose Journey gives you access to the stories behind Angry Birds, Ant Smasher, and the Weather Channel's app. You can also take the Grand Tour or Create Your Own Journey. This last option allows you to create and share your own story and tips on mobile app development. Google gives you a unique URL that you can share on your own web site.

The site links to around 20 Javascript files to work its magic, and also uses jQuery.

If you want to learn about the mobile app business in a fun way, take a trip with the Guide to the App Galaxy (but don't forget your towel!)

Tags: , , , , ,

design | development | learning | mobile

Mobile Monday

by Edward 11. July 2011 01:11

From Smashing Magazine: Picking A Mobile Support Strategy For Your Website

Developing a mobile version of your site? Where do you start? The smart approach is to start with a strategy. Today's article from Smashing Magazine lays out four strategies for supporting mobile devices - Tweak What You Have, Adaptive Layout (Media Queries), A Dedicated Mobile Website, and Native Apps. Even better, the article gives hints on implementing each approach, and has links to learn more.

From designfreebies.org: Best Free Mobile Compatible WordPress Themes

If you already have a Wordpress blog and chose one of the first two support strategies above (tweaking what you have, or using media queries to select a mobile-friendly layout), you're probably looking for a theme to make your site work well for smartphone users. Here are eight free mobile Wordpress themes to make your blog look good when users connect with a mobile phone browser:

  • iPhonsta (which works with most smartphone Web browsers, not just iPhones)
  • Möbius (works as a desktop as well as a mobile theme)
  • jQuery Mobile Theme (which requires a plug-in such as IWPhone to select the correct theme depending on whether the reader is using a desktop or mobile Web browser)
  • News Press Mobile Theme (like Möbius, appears to be suitable as both a desktop and a mobile theme)
  • WPtouch (can be set as the default theme for both desktop and mobile users, but offers visitors the option to switch back to a default desktop theme)
  • WordPress Mobile Theme
  • WordPress Mobile Pack (besides the theme, the download includes a mobile theme switcher and admin panels for mobile as well as desktop)
  • Carrington Mobile (the article describes it as "elegant" and notes that it works with older color devices as well as modern smartphones)

From Simon Whatley: User Interface Guidelines for Mobile and Tablet Devices

If you're designing a Native App as your site's support strategy, you'll want to make sure your app looks right for the device(s) you support. In this post from December 2010, Simon Whatley links to the official UI and UX guidelines from Apple, Blackberry (4.x, 5.x, and 6.x), Google (Android), Microsoft (Windows Phone 7 and good ol' Windows Mobile), Nokia (Symbian), and others.

From O'Reilly: 4ourth Mobile Patterns wiki / Designing Mobile Interfaces book

After checking out the manufacturer's UI/UX guidelines for the devices you want to support, you'll want to take the right approach to laying out your site or native app. Steven Hoober and Eric Berkman are the authors of Designing Mobile Interfaces (O'Reilly). The book is scheduled to be published this coming October (and available for pre-order at Amazon). If you can't wait, you can check it out for free on their 4ourth Mobile Patterns wiki.

Socketbug - Mobile Web Application Debugging

Finally, after you've begun coding a mobile app, you'll need tools to help with the coding. One Open Source tool is Socketbug. Socketbug is a Remote Debugging Utility, which allows you to use a desktop Web browser to view mobile source code and debug Javascript for iPhone/iPad/iPod (Apple), Android (Webkit) and Palm WebOS browsers.

Tags: , , , , , ,

mobile

Smashing Magazine: Free Wordpress Themes, 2011 Edition

by Edward 7. July 2011 21:37

Smashing Magazine offers a selection of Free Wordpress Themes: 2011 Edition. 90 - well, 89 fresh new themes for your Wordpress site. The 89 is because one of the themes has suspicious code, so Smashing has removed the link (but you can look up the theme name and download it yourself if you're willing to take the risk.

I use BlogEngine.net for my blog, but looking at the wide variety of beautiful themes for Wordpress, I'm sorely tempted to switch my allegiance. In any case, Wordpress themes are a great source of layouts to practice building themes in BlogEngine.

The themes are divided into categories:

  • Portfolios, Galleries, and Showcases (10 themes)
  • Business and Corporate Websites (7 themes, counting the unlinked theme with dodgy code)
  • Minimalist Themes (27 themes)
  • Blogs and Personal Websites (13 themes)
  • Shopping / Ecommerce theme (just the one, alas)
  • Mobile-Optimized Themes (2 themes)
  • Magazine-Layout Themes (16 themes)
  • "Coming Soon" and Landing Pages (5 themes)
  • Theme Development Frameworks and Bare-Bone Themes (9 themes)

Smashing Magazine's roundups of free Wordpress themes in 2008, 2009 and 2010 featured 100 themes. As noted above, there are only 90 themes in this article, but perhaps Smashing Mag will add another 10 by the end of the year.

Tags: , , , ,

Blog | design | mobile

CSS-Tricks: Techniques for Context Specific Images

by Edward 2. July 2011 23:55

From CSS-Tricks: Techniques for Context Specific Images

From the article:

One of the shortfalls of using CSS media queries as the only ingredient of a mobile solution is that the same content gets served to both desktop browsers and mobile devices (which theoretically are slower and have less network speed).

Serving the same HTML to both... not as big of a deal. Serving up images that are many times bigger than they need to be on mobile, that's more of a problem.

In many countries, mobile Internet use is much more common than desktop use. Even in the U.S. and Europe, mobile browsers (with limited bandwidth and smaller screens) are catching on more and more. After reading this article a couple of days ago, I began to think that sites optimized for mobile Web browsing could be a very good thing to specialize in as a designer/developer.

The CSS-Tricks article linked to another article by one Keith Clark titled Responsive images using cookies. One of the ideas I've been playing with is having a site that serves the desktop page on www.somedomainname.sometld, serves the mobile page on m.somedomainname.sometld - and serves the mobile page by default (!) on the naked domain name somedomainname.sometld. Naturally, you'd use cookies to store the last format used (desktop/mobile).

Tags: , , , ,

CSS | development | mobile

UXBooth - Considerations for Mobile Design

by Edward 17. March 2011 23:52

One more - ok, two more -  must-read articles for the night - David Leggett writes about Considerations for Mobile Design - part 1 (speed) and part 2 (dimensions).

Part 2 explains how CSS3 media queries allows designers to select between browser sizes within CSS itself (versus using the "handheld" media type in HTML).

Tags: , ,

design | UI | mobile

About Edward

Web design generalist

Calendar

<<  May 2012  >>
MoTuWeThFrSaSu
30123456
78910111213
14151617181920
21222324252627
28293031123
45678910

View posts in large calendar