SMC Mobile UI Reface

SMC mobile UI face redesign

Before

After

Mobile App Dev Tips

Tips in building a native mobile app or championing a mobile initiative

Tips to keep in mind when designing mobile apps:

• Think of your apps’ roll-out on a timeline continuum.
• Consider picking a platform (iOS, Android, or mobile web) for piloting your roll-out.
• Be creative but realistic about the features and functionality for each release
• Remember that you can add features in future versions once you have a better understanding of what your users want.
• Use the phone’s capabilities tastefully, being careful not to go overboard.
• Take a good look at the possibilities for company improvements in performance, productivity, and collaboration through mobile solutions.
• Make sure your app conforms to the creative, business, performance, and UI/UX general principles.

Mobile App Integration

Typical challenges in mobile apps

Is there a platform that can provide a single web interface that enables publishers to create, update and manage applications and advertising across all mobile devices, without ever needing to write a single line of code? Yes and no!

There are simple app publishers, but you don’t get full customization of features and functionality that basically work as templates. To have a truly custom app, basic knowledge of back end programs are essential . There are different platforms  for iPhone, Android, RIM, Symbian S60 and Windows Mobile devices.

Mobile Apps Intro

Introducing designs for mobile web/aps

We will be introducing ins/outs of mobile web/app designs. This is an excellent opportunity to seamlessly incorporate HTML5, CSS3 and other open source programs to design, built  and test mobile web/apps.

Moving Along

Test site was well received

We are moving along to expand the project using CMS and decided to use wordpress. A new group is formed MYBF Media.

All research materials from various sources are compiled and re-branded for MYBF Media design aesthetics. We are starting to research and select appropriate WordPress theme for the new SMC Design Technology site.

Mobile Apps for RIM

Developing Mobile Web Apps for RIM BB6

+++Good RIM / mobile app integration fromSencha Inc.

Mobile Apps/HTML5

Building Rich Mobile Apps with HTML5, CSS3 and JavaScript

+++Great mobile app trends from Sencha Inc.

Mobile App Considerations

Guide to designing Impactful Business iPhone Apps

Here is an article about what to think about when designing for smartphones from Lisa Calkins at amadeusconsulting.com.

Our company, unlike the majority of app development companies, does not design for game-based mobile applications. Because our history is so rooted in large-scale business application software, that’s what we live and breathe. We have created over 30 mobile apps across all of the platforms, but they have been primarily business-focused, business-designed. This is why the Design Observer iPhone app struck me; it manages to balance business and leisure. It’s beautiful and intuitive, and even introduces a new way to look at something: Mondrian-Style. So how do business-based iPhone app developers turn text-based material into well-designed and even sexy applications? What lessons can we learn from other successful business-function iPhone apps?

Brand Extension

Because most of these apps tend to come from existing businesses with existing websites, the biggest mistake in creating an iPhone app for your brand is to go off-base. This is an extension of your brand, so it has to reflect the same design principles and considerations that any other company materials might have. Remember your brand colors, typefaces, logo presence, messaging behind your brand and even the interaction paradigm of your website. What is the ultimate goal of your website? Translate that goal to the iPhone app.

App Icons

App icons are something so small, yet very important. When iPhone users are looking to add another app to their roster, they are very much influenced by the icon, because it is the visual representation of the app. Most users will not go to iTunes™ to download the app and sync with their phone. They will download it straight from the app store on their phone, meaning the initial contact they have is with the icon, and not the description of the application. For business iPhone apps, the icon truly depends on brand recognition.

Small Companies/Startups

Because smaller companies and startups do not have the brand recognition that larger entities like Chase Bank® have, it’s critical that the design of the icon strike a balance between brand building and function of the app. For instance, say you are a startup bank, looking to create presence in the app store. Because people won’t know your logo quite yet, you’ll want to incorporate your logo and something that indicates the financial world. It is easier said than done, especially given the real-estate of the icon, but a trusted graphic design partner can help you with that.

Large Companies/Well-Known Brands

Larger companies have longer history and brand recognition, so it’s likely that they can get away with using their logo as the icon for their iPhone app.

Introducing New Views

The thing about mobile apps in general is that people tend to interact with them in a fairly static way. They like knowing what to expect and that their next step will be intuitive. This doesn’t mean that you cannot be creative. Think about elements of the design as a “new view, with a similar interaction.” Like the Design Observer app, that brought the “Mondrian View” to the table, which displays articles based on their photos, in a tile-like display. The user clicks on the picture to read the story. The thing to remember is that these new views should not be the main function of your app, they can add to the value to the app overall.

Graphic Considerations

Because this is not a gaming app, there needs to be a different consideration for graphics. The cost-benefit of good graphics is that often the better the graphics, the slower the application. It simply takes a long time to load quality (isn’t it always the way?). However, when people are using business applications, they are more concerned with the function and ease. Their expectation is greater for the task of accomplishing something than the visual impact. Clean and sharp design is usually the best way to proceed; it keeps things simple but not boring, making sure that the design does not compete with the function.