background preloader

Loislewis

Facebook Twitter

Lois Lewis

Audio/Podcasting

Prototyping. Freelancing. Personas. Social. User Interface. Mobile. Technology. Digital Strategy. How to Participate - The Genographic Project. User Experience. Personas. RV Travel. Passive Income Ideas. Analytics. User Experience. Entrepreneurship. Tools. Information Design. Visualization. Coding for Artists. Travel. Companies. TED Playlists. Mobile UX. UI Guidelines for mobile and tablet web app design. Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design.

UI Guidelines for mobile and tablet web app design

Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too. Remember to provide the best possible experience on each platform. Do not deliver an iPhone experience to a BlackBerry user. Every platform has its own UI and usability guidelines that every user is expecting on your app. More tips on mobile web design on the Programming the Mobile Web book. Welcome to dotMobi.  Thoughts on influence and content strategy.

Effective Design for Multiple Screen Sizes. So you're a designer and have been tasked with the design of a mobile web site.

Effective Design for Multiple Screen Sizes

Chances are, unless you're designing for only one device you're quickly going to be faced with a common problem experienced by designers who work with mobile devices; figuring out what screen size to actually design for. For instance: The iPhone is 320 pixels wide by 480 pixels high.Many Nokia N-Series devices are 240 pixels wide by 320 pixels high.Newer devices often support a landscape mode where the width and height are spontaneously reversed.Older (yet still popular) Nokia devices have displays ranging from 176 by 208 pixels up to 352 by 416 pixels.Blackberry screen resolutions range anywhere from 160 x 160 pixels all the way up to 324 x 352 pixels. This article is intended to help you develop effective design strategies to target a diverse range of mobile devices and screen sizes. Expect and manage diversity. What Would Dad Say » Top 10% or Bottom 10%

INNOVATION

Design. Usability. Visual. Pattern. Servicedesign. Journey. Social Business. Microsoft Health CUI - Showcase - Demonstrators. 8 Useful Interface Design Techniques for Mobile Devices. You can be the best web designer in the industry, but if you do not know how to properly lay things out and create a great interface for mobile devices, you will fail in such a task.

8 Useful Interface Design Techniques for Mobile Devices

With that said, designing for mobile devices is quite different from designing for mainstream devices such as your PC as screen sizes and resolutions play a big part in how much space you can utilize, and how it performs. Therefore, we cover eight useful interface design techniques for mobile devices that will help you get started on your quest for designing for mobile platforms.

Layout, Layout, Layout The layout of the design is what sums it up for accessibility, usability, and overall readability for users on mobile devices. First and foremost, the design needs to be flexible across the mobile devices as all screen sizes and resolutions vary greatly between each and every mobile device. Order and Size These are two major keys to a good user interface for mobile devices. Disabled Hands: Target Prescription Bottles: Recommended for Those With Disabled Hands.

Management

Standing Rx packaging on its. Assessing Your Team's UX Skills. By Jared M.

Assessing Your Team's UX Skills

Spool Originally published: Dec 10, 2007 "I didn't realize it required so many different skills," the newly-appointed user experience (UX) team manager told us. "I mean, it seemed so straight forward when we came up with the idea, but once we got into it, we kept realizing all the things we didn't know how to do. " Unfortunately, this isn't the first time we'd heard this from a manager. Migrating Away from the Specialists Approach Traditionally, when an organization set out to build a UX team, they did so by recruiting and hiring individuals trained in the various specialties.

However, most organizations couldn't afford such a team. Organizations that couldn't afford a team would then "wing it", training the personnel at hand to solve the problems on an as-needed-basis.

St. Louis Community

Full Spectrum: 10 Books on Sensemaking for the TED 2012 Bookstore. This week, I’m at TED , where I had the honor of curating a selection of books for the TED Bookstore around this year’s theme, . Here are my picks, along with the original text that appears on the little cards in the bookstore, and my blurb about the selection: I believe creativity is combinatorial — it’s our ability to take existing pieces of knowledge, information, insight, and ideas that we’ve gathered over the course of our lives, and recombine them into new ideas.

Design Thinking. Camping. Indoor Mapping. Design for social good. Education. Teaching User-Centered Design. UX Archive. Personal Knowledge database. IxDA Discussion: Use cases and user scenarios. A Search For Better Information Management. Data Visualization. Network Visualization. Immersion by the MIT Media Lab is a view into your inbox that shows who you interact with via email over the years.

Network Visualization

Immersion is an invitation to dive into the history of your email life in a platform that offers you the safety of knowing that you can always delete your data.Just like a cubist painting, Immersion presents users with a number of different perspectives of their email data. It provides a tool for self-reflection at a time where the zeitgeist is one of self-promotion. It provides an artistic representation that exists only in the presence of the visitor. It helps explore privacy by showing users data that they have already shared with others. Donations. Building a fact-based world view Gapminder is a non-profit foundation based in Stockholm.

Donations

Our goal is to replace devastating myths with a fact-based worldview. Our method is to make data easy to understand. We are dedicated to innovate and spread new methods to make global development understandable, free of charge, without advertising. We want to let teachers, journalists and everyone else continue to freely use our tools, videos and presentations. Building a Kick-Ass Social Media Dashboard. If you are tasked with building a social media dashboard to track your efforts, look no further than this post.

Building a Kick-Ass Social Media Dashboard

I have built many dashboards over the years and as a personal resolution to making my job easier, I decided to cut to the chase and get to the metrics that matter most. That means cutting out the everyday metrics that litter and cloud up the social media manager’s real success story. Now I am not saying that tracking followers, fans, sentiment, etc. is not important, but those are the vanity metrics that tend to give social media a bad name. Content Curation Primer. Photo by Stuck in Customs What is Content Curation?

Content Curation Primer

Content curation is the process of sorting through the vast amounts of content on the web and presenting it in a meaningful and organized way around a specific theme. The work involves sifting, sorting, arranging, and publishing information. MultimediaAnalytics. Keim2002. Toolglass and Magic Lenses: The See-Through Interface. Bier, E. A., Stone, M., Pier, K., Buxton, W. & DeRose. T. (1993). Toolglass and magic lenses: the see-through interface. , 73-80. Eric A. Xerox PARC, 3333 Coyote Hill Road, Palo Alto, CA 94304. Lens.