Basic Rules of Mobile App Design

In connection to a post from Mobify: http://dev.mobify.com/blog/5-advanced-mobile-web-design-techniques-style-com/

Off-canvas flyouts are areas of the web page that dwell out of the viewport until a consumer taps or swipes the suitable location. They have grow to be a main navigation pattern for mobile in both native and internet apps, and you can even locate them on a handful of desktop websites as well.

Most web pages use off-canvas flyouts to merely hide menus and other static content, but it’s possible to use them to display a whole host of other dynamic content as well.

On Style.com, both static and dynamic content are placed off-canvas. Primary navigation is hidden inside an off-canvas menu on the appropriate-hand side, while on the left-hand side of the header a secondary off-canvas flyout reveals an user’s latest background on the internet site.

Folks think that web design and app design are similar; they, in fact, are not since there is a large difference in the formats. When companies want a mobile app, they need to ask the correct questions of their mobile app developers to make certain they understand elements of mobile app interfaces.

Some basic rules for a mobile designer are to closely observe the UX. The user needs to feel comfortable using the app. Mastering the iOS, Android, and/or Blackberry UX fundamentals will help as a reference, depending on which one is chosen. An unspoken rule is to remember that people will be touching and not click. So making it easy to navigate is key. To make it painless for users, drop rollover effects or buttons that are too small for an average user’s fingers. Click here to know about Neon Roots‘ mobile app design discussions.

Also keep in mind how much time is spent on the app. People don’t want to spend a lot of time on an app or website to get the information they require. Smartphones aren’t large, compared to a tablet or computer. So developers need to take into account where buttons or graphics are placed; the size of them and reduce the amount of scrolling.
The basic rules for mobile app developers are to: know what UX it will be on, remember the user is touching and not clicking, how much time is spent on the app, and the size of the content.