Five Important Design Tips for Creating Mobile Apps

Mobile Apps Design Tips

Native app UI design does not allow designers enough room to play around. Designing for smaller screens is a tough ask since the users have short attention spans. The UI design needs to be worked around in an interface that’s easy enough for the newbies but should not put off the experienced users too.

#1. Use your Screen for Facilitating Interaction in the best Possible Manner

The rules of good interaction design are based on usable native app interfaces. Every dot, every word and every part of the screen lets the designer define margins and padding. Strokes define your work area.

Maintenance of consistent width and height is a must for better interaction design. User research helps designers to create effective personas for using the app. Specific goals based on the workflow are required to suit preferences. One needs to understand that every signifier should be implied on the basis of familiarity. For example, a blue link will indicate the hyperlink to the user that will redirect elsewhere. Use of signifiers guides the users to know the purpose of each UI element.

Familiar patterns attract new users and are strong enough to attract users. Feedback sections need to adhere to guidelines mentioned in the standards so that the user can send in their opinions any time.

#2. User Response Anticipation Based on Personas and Scenarios

Since the screen size is one of the constraints in mobile design, user interaction can be understood through guided anticipation of actions. Personas are good indicators of expected behaviour and they easily indicate the expected users’ decisions within the app. Scenarios on the other hand, provide insight on the actions of each of the user, while with the help of well-chalked out experience maps, possible options for single interaction can be drawn that can chart each step of every persona while using an app. The emotions and circumstances are taken into consideration too.

#3. User Flow, Colour Values and Navigation Ideas

  • User flows need to be sketched out so that the approach for design suits your intended audience. It can be just a visual reconstruction of impending actions too.
  • Colour value can be used to show purpose. For instance use of black and greyscale will help you to show the increasing importance based on shades. Colour defines their relationship with a brand and it should be used in multiple ways.
  • Do not keep the same colours on the app as it is on the site. Call to actions buttons in bright red should be avoided since it means stop in the US, and will deter users from clicking it.
  • A written outline helps users to explore content. Build your flows around content for a better assessment of pages required for your app.
  • The outline will also help you explore page flows and lay detail around the layout and the overall structure. One can test those ideas with users with a simple prototype too.

#4. The Right Orientation, Logos, Posture and Popularity of Design

A brand based on the mobile makes the client and the client chooses the brand. The logo is a part of a great business: and a poor logo will reflect very poorly on your stature even in the form of a mobile app.

Design is trendy, but a logo need to not stick to its origins. Brand design in mobiles do not revolve around logos since they are stuck in the age when they were first created.

Mobile design is specific to thumb placement, and revolves around right orientation and posture.

Popular interfaces revolve around

  • Common mobile patterns which are popular so that users “feel at home”.
  • Use of common UI patterns helps in increasing usability although every app needs to bask in its own creativity.
  • Ensure that your app design is aligned with user expectations and yet not boring.
  • All user actions revolve around gestures including the touch, swipe, taps, pinches and zoom which are actions that users prefer.
  • Animation on the other hand keeps the user interested, grounded and attached to the UI adding context in the process.
  • Popular mobile interaction patterns can help dictate the placement of interface elements too.

#5. Design in the Perfect Grid, Suitable for quick Responses to Gestures

Grids are the basis of mobile app design and fingers are the touchpoints. There’s an invisible grid that is important to mobile design. Every element determines the spacing.

  • The fingers are thicker than those pixel-precise cursors controlled by the mouse, so finger-friendly design is an important aspect for app designers.
  • Separate the text, the colours and the elements to create a hierarchy.
  • Allow space for users to tap with their fingertips. Buttons should not be too small or bunched closely since users will fail to tap them accurately.
  • Users expect their phones to respond quickly, and efficiently to interactions. Certain interactions take a longer time than usual. Competent design tells you how to fake it.
  • With every interaction, there should be feedback. Every user action is responded to with an animation that responds to user feedback stating that the process is being executed.

Author Bio

Keval Padia is a Founder & CEO of Nimblechapps, a fast-growing iPhone development company. The current innovation and updates of the field lure him to express his views and thoughts on certain topics.

More and more

Startup Resource : DesignOzone.com, Ready to Use Design Templates for Your Website/Business

DesignOzone is a very interesting startup resource.  It provides ready to use high quality design templates for businesses/start-ups. High quality branding is so important for any organization.

DesignOzone.com provides the following  templates
– Website templates,
– Flash templates,
– eCommerce(osCommerce, Magento, Prestashop,Zen Cart, Cre Loaded) templates,
– Facebook templates,
– CMS templates,
–  WordPress Templates,
– Logo Templates,
– Mobile templates,
– Powerpoint templates

and other web design products are famous for being top quality solution for a quick, easy and affordable website production. The best part about the templates is the simplicity – you purchase the template package, customize it a little bit and upload it to your hosting. And there you have it – your website is up and running within as little as several hours from the moment you’ve been choosing a website template!

We checked out the designs and they looked kool.

Link: www.designozone.com

designozone-template

More and more

Want to Start your Own Social Network business like Facebook,Twitter,Linkedin,Pinterest,Foursquare ?

We all know Facebook has revolutionized the whole Social Networking business in the world. In the last few years  a number of Social Networks have cropped up and the top ones like Facebook,Twitter, Linkedin, Pinterest, Foursquare, Xing etc are getting bigger. Every brand wants to build its own social network of brand lovers and followers. There is a huge scope for building social networks for every niche , be it Dating, Sports, Movies & Entertainment, Gaming, Jobs, Health & Spirituality, Business Networking, Speed Dating, Travel etc. You name the niche there will be a niche social network available.
This could be a very lucrative business opportunity for wannabe or existing Internet Entrepreneurs. Every business has now realized they have to have a Social strategy in place to grow their customers and engage them to build a super cool brand.

Ok now that you have decided to start a Social network you must be thinking what software do I use. Well I would come to the point straight away and recommend a tried and tested software (PHP based), which I have  used to build a few social networks and its called Social Engine . This is definitely the world’s best software today. I have known the founders when they started it few years back and now they boast of a great clientele. The product has evolved over the years and its definitely the best. I did try a lot of other social networking  products software  but the UI/UX and customization features of Social Engine is amazing . There are lot of other softwares in the market , but Social Engine is the clear winner.

socialengine
There are a number of plugin options available to scale up your social network. There are 3rd party developers as well who are continuously building themes and plugins. There is a mobile version of the software available so targeting the mobile user base is very easy.

Some of the big name customers, including MasterCard, Shell, Entrepreneur.com,EA and NASA are using Social Engine to build niche networks . They recently launched a new, software-as-a-service, hosted version of its service, SocialEngine Cloud. The new cloud-based service lets anyone create a community website, including discussion communities and more.

Check out the Social Engine software.

 

 

More and more

Announcing Largest Online Facebook Marketing Conference

I am very excited to announce Social Media Examiner’s newest online summit Facebook Success Summit 2012.   You can get in on the 50%-off sale if you act now.  

This is an online conference designed to help your business quickly implement effective Facebook marketing strategies and tactics so you can gain more exposure, build a more loyal following and grow your business.

And it’s fully online!

Your instructors are the world’s top Facebook marketing experts.  

These include 10 book authors: Mari Smith (co-author, Facebook Marketing), Dave Kerpen (author, Likeable Social Media), Amy Porterfield (co-author, Facebook Marketing All-In-One for Dummies), John Haydon (co-author, Facebook Marketing for Dummies), Brian Carter (author, The Like Economy), Mark Schaefer (author, Return on Influence), Chris Treadaway (co-author, Facebook Marketing), Jesse Stay (author, Facebook Application Development for Dummies), Andrea Vahl (co-author, Facebook Marketing All-In-One for Dummies), Phyllis Khare (co-author, Facebook Marketing All-In-One for Dummies) and experts from Campbell’s Soup, Intel, 24 Hour Fitness and Autodesk–just to mention a few.

WANT TO KNOW MORE?

You may be unfamiliar with these online mega conferences.  

These events bring the best of physical conferences (great learning and networking) directly to your computer.  This means no travel and none of the expenses you’d expect with most events.

We spread the live event over four weeks (to accommodate your schedule) and include all session recordings AND transcripts.

And the cool part: These summits are very affordable!

Here’s what Facebook Success Summit 2012 will cover:

* Facebook marketing strategy
* Growing and managing a Facebook following
* Generating leads and selling with Facebook
* Newsfeed optimization, metrics and analytics
* Facebook promotions and advertising
* And much more!

Go here to see all the details.  Remember, you can get in at half price if you register early.

Michael Stelzner shares how Facebook can benefit your business in the below video :



This is more than just an online summit.  It’s also a way for people just like you to come together, share your experiences, get your questions answered and network.

At our summer event, 98 percent of attendees said they’d recommend it to a friend!  If you’ve not experienced these online events, they deliver extremely valuable content at very affordable pricing.

Click here now to learn how you can save 50%.

Here’s to your success!

Sidhaarthaa

P.S. This event does not require any travel.  You simply attend sessions and network with peers from the comfort of your home or office!!

To see how this works, go here.

P.P.S. Get a free sample class from our last summit by clicking here and looking for the yellow box in the sidebar.

 

More and more

Infographic: Styleguide for New Facebook Brand Pages

The release of Facebook timeline for businesses has now become more important than ever.  Brands must build a unique and strong connection with fans by promoting photos, videos, and news. These updates will provide fans with frequent and engaging updates to bring a stronger interaction with each brand.

To help iFrameApps released this helpful infographic to use in the development of updated brand styleguides.

More and more

Pintile – a clone of Pinterest, but for India

Gurgaon-based Fizzy Softwares has launched Pintile.com as an online bulletin board exclusively for India, inspired by Pinterest.com. According to the company, Pintile aims to depict India in the form of images where people “PIN” their cultures, styles, ideas and much more.

Pinterest is a pinboard-styled social photo sharing website. The service allows users to create and manage theme-based image collections. The site’s mission statement is to “connect everyone in the world through the ‘things’ they find interesting.” Pinterest is managed by Cold Brew Labs, a team based in Palo Alto, California.

Pintile offers people a way to connect with others to share their experiences by pinning them onto their boards that can be personalized for each person. People can also like pins, and even re-pin them on their bulletin board. While the website has a few guidelines, people are free to pin whatever they like.

Fizzy Software is a web and mobile product development company and was founded in 2007 by Sudhanshu Aggarwal and Ashish Sharma. Fizzy has built Facebook applications and iPhone games under the Fizzy Apps brand.

Business Model ?

Like Pinterest, Pintile doesn’t have a clear business model. So it needs to be seen till when the founders are able to hold on to it.

More and more

Onswipe.com – Tablet enable your site

 

Designing a site for an iPad is not the same as designing one for an iPhone. And even when that is completely obvious, there’s people who pretend to ignore that fact, and have a “one-fits-all” mentality for designing sites. And what happens is that they end up losing clients because of that.

And such a thing is inexcusable when there’s services like Onswipe available. Essentially, Onswipe is a tool that can take your content and have it turned into something that would look really good on an iPad. And on pretty much every web tablet available on the market today, the truth be said.

Onswipe can be used for free, and it works in the easiest of ways. The app can gather the content you have on social media accounts and on most content management systems, and use that to create a tablet-friendly site. Twitter, Delicious, Flickr, Instagram, Youtube… Onswipe can import content from all these sites and more. And it can even handle RSS feeds.

You’ll be able to have everything displayed in the way you want. Onswipe comes with lots of layouts, you can choose where your own logo will be placed, and you can pick the color combination you want your site to have. Once you’re happy with the results, your new website will go live in just one click.

More and more

Code Wars: PHP vs Ruby vs Python – Who Reigns Supreme [INFOGRAPHICS]

Software programmers are particular about their programming language preferences – and most can tell you exactly why they like one over another. Three programming languages in particular are the rage these days. Column Five created this infographic with Udemy to compare Ruby, Python, and PHP to see how they stack up.

PHP (current version 5.3.8) was designed for web development to produce dynamic web pages. Ruby (current version 1.9.3) was designed to make programming fun and flexible for the programmer. Python (current version 3.2.2) was designed to emphasize productivity and code readability.

Following is the Infographic, which compares these 3 programming languages.

 

Via : Udemy

 

More and more

Top HTML5 Predictions For 2012

From tech titans like Zynga, Facebook, Microsoft, Google and Apple, to startups just launching, the battle lines of 2012 will be drawn across the landscape of HTML5. Below are 14 bold predictions for how HTML5 will evolve in 2012.

Welcome to a more interconnected web:

In 2012, HTML5 will be adding support for some really useful and cool APIs that allow one
website to connect to another.

For example, Zynga games on Facebook run inside of iframes. Using the new postMessage API these games will be able to communicate within the containing Facebook frame directly. Before HTML5, inter-window communication had to rely on a remote server – or use unreliable hacks.

Another exciting addition is CORS (Cross Origin Resource Sharing). This will make it much easier for different websites to share information with one another. For example, CORS will enable startups to create photo-editing services that download your photos from Facebook, let you modify them, and then re-upload them – again without having to resort to ugly hacks.

With all of the new semantic information (see Semantics and Microdata) available with HTML5, it will become much easier to create web tools that extract information from web pages. As a result, you can expect to see a plethora of new mashup services, as well as better browser modes (like readers and translators).

Web browsers will look more like iPhones

Everyone loves Apple’s iOS. Now it’s coming to the HTML5 web. In 2012 your browsers will start
sporting push notifications, geolocation, and offline capable applications. Some browsers will likely adopt a more iOS-like user interface that will make the comparison all the more apt.

More and more applications will just be built in HTML5 instead of downloadable apps

If you’re like me, you already use web apps for email, calendars, and photo-sharing, but in 2012 more classes of applications will be HTML5 enabled. Next up, you can expect to see content creation apps like Inkscape and Illustrator emerge for HTML5 and start to catch on.

Internet Explorer & Microsoft will dramatically improve in coolness.

Internet explorer’s reputation will stop being “the browser where nothing works right” and start being “the fast browser”. Microsoft has made major investments into improving HTML5 performance that will give IE 10 a huge performance lead over competing browsers. Its hardware accelerated “canvas” will blow away all the other browsers in any speed test. Microsoft is also adding interesting ways for the HTML5 web and the desktop to work together that will really spice up its operating system. Having good support from IE will be the impetus that will really turn the tide in favor of authoring HTML5 applications.

Browser manufacturers will get into the App Store business

Taking a cue from Apple, browser manufacturers will start to realize that they are missing out by not being in the app store business. Google Chrome already has an integrated app-store as its splash page. Expect many other browsers to follow. This is actually a good thing for HTML5 application developers – it means more distribution opportunities for apps, although platform specific payment systems and platform revenue-shares will follow later on.

At least one major console game released or re-released using WebGL

In 2012, at least one AAA console game company is going to make the leap and decide to launch a 3D title on the web using WebGL instead of (or in addition to) creating a downloadable client. It might be a re-release of a well-known title (Like “Team Fortress 2″ or “Assassins Creed”), or another way to play a popular MMO (like “Eve Online” or “World of Warcraft”), or it may be an entirely new title launching for the first time.

Many more applications will use offline cache and will work offline

The offline application cache will dramatically improve the usability and speed of HTML5 apps. Querying a local database will allow applications to avoid a round-trip to the server, eliminating that laggy web-app feel that makes us all prefer native apps today.

In 2012, expect to see a few issues arise from this extended usage. You’ll lose your work by clearing your cache at least once or twice. Also expect security vulnerabilities to keep showing up that allow malicious applications to access private files stored on your computer by another
website.

HTML5 ads will become prevalent and overtake Flash ads

Website owners keen to monetize the increasingly large amount of traffic coming from iOS devices will demand HTML5 ads (rather than Flash ads). Startups will emerge to serve this market. These startups will solve the sand boxing, security, and authoring tools issues that this new market will face. Now that HTML5 is capable of doing everything that flash ads commonly do, it’s just a matter of time before they take over.

JavaScript will get a lot faster with better memory management and typed arrays

JavaScript has gotten really, really fast – it’s already among the world’s fastest scripting languages – but there is room for improvement. Google Chrome has started pushing the envelope on better memory management and garbage collection algorithms. This, combined with typed arrays, will bring JavaScript performance closer to more mature languages like Java.

Canvas will get hardware acceleration in more browsers (but no major mobile browsers)

Other browser makers will follow Internet Explorer’s lead and add hardware acceleration to their canvas implementations. Those that don’t will suffer a severe loss in mind-share. Firefox is most at-risk in this regard. If Mozilla fails to accelerate their canvas it risks being portrayed as the new IE — slow and bloated and burdened down with legacy code.

However, in 2012, no major mobile browsers will successfully roll out a hardware-accelerated canvas. We will have to wait until 2013 to start seeing that catch on.

People will play popular HTML5 games on their mobile devices from Zynga and others, but they will be very simple games

You can expect to see your friends playing games like Zynga Poker, Words with Friends, and Mafia Wars on their mobile phones, running purely in HTML5. These games will be played on both destination websites and within native applications (like the Facebook app).

However, successful HTML5 games on mobile devices will be limited to menu-based games, card games, board games, turn-based multiplayer games, and avatar customizer games. More complex and visually intensive Zynga “Ville” style games with isometric worlds or hundreds of animating sprites will not yet strike gold in 2012.

Facebook will release improved HTML5-based APIs that allow for more seamless integration with external websites

In its continued quest to be the de facto social-graph of the web, Facebook Connect will grow and expand to take advantage of new HTML5 features. This will allow even deeper and richer integration of Facebook connect with external websites and services.

Facebook will get a lot more seamlessly integrated with your desktop

Think drag-and-drop, file system access, photo synching, and widgets on your desktop. All of these features (and more) will start to blur the line between desktop and browser, bringing your social graph more closely into contact with your traditional desktop experience.

Apple will NOT fix HTML5 sound in mobile Safari

HTML5 sound used to work well in mobile Safari, back in the days iOS3. However, Apple disabled most of the API in iOS 4 and 5. It just introduces competition for iTunes — both the music store, and the App Store. In its continued fight to maintain total control over the Apple ecosystem, they will refrain from fixing HTML5 sound in 2012.

More and more

Video:Google I/O 2011: Keynote Day One

This video is from Google I/O 2011 : Keynote Day One. Must watch

YouTube Preview Image

 

 

 

 

Watch more videos at : Google Developers Channel on Youtube

More and more