Saturday, 10 September 2016

Top 10 Most Common Mobile App Design Mistakes

The mobile app market is saturated with competition. Trends turn over quickly, but no niche can last very long without several competitors jumping onto the bandwagon. These conditions result in a high failure rate across the board for the mobile app market. Only 20% of downloaded apps see users return after the first use, whereas 3% of apps remain in use after a month.
If any part of an app is undesirable, or slow to get the hang of, users are more likely to install a new one, rather than stick it out with the imperfect product. Nothing is wasted for the consumer when disposing of an app - except for the efforts of the designers and developers, that is. So, why is it that so many apps fail? Is this a predictable phenomenon that app designers and developers should accept? For clients, is this success rate acceptable? What does it take to bring your designs into the top 3% of prosperous apps?
The common mistakes span from failing to maintain consistency throughout the lifespan of an app, to attracting users in the first place. How can apps be designed with intuitive simplicity, without becoming repetitive and boring? How can an app offer pleasing details, without losing sight of a greater purpose? Most apps live and die in the first few days, so here are the top ten most common mistakes that designers can avoid.

Only 3% of mobile apps are in use after being downloaded.
Common Mistake #1: A Poor First Impression
Often the first use, or first day with an app, is the most critical period to hook a potential user. The first impression is so critical that it could be an umbrella point for the rest of this top ten. If anything goes wrong, or appears confusing or boring, potential users are quickly disinterested. Although, the proper balance for first impressions is tricky to handle. In some cases, a lengthy onboarding, or process to discover necessary features can bores users. Yet, an instantly stimulating app may disregard the need for a proper tutorial, and promote confusion. Find the balance between an app that is immediately intuitive, but also introduces the users to the most exciting, engaging features quickly. Keep in mind that when users are coming to your app, they’re seeing it for the first time. Go through a proper beta testing process to learn how others perceive your app from the beginning. What seems obvious to the design team, may not be for newcomers.
Improper Onboarding
Onboarding is the step by step process of introducing a user to your app. Although it can be a good way to get someone quickly oriented, onboarding can also be a drawn out process that stands in the way of your users and their content. Often these tutorials are too long, and are likely swiped through blindly.
Sometimes, users have seen your app used in public or elsewhere, such that they get the point and just want to jump in. So, allow for a sort of quick exit strategy to avoid entirely blocking out the app upon its first use. To ensure that the onboarding process is in fact effective, consider which values this can communicate and how. The onboarding process should demonstrate the value of the app in order to hook a user, rather than just an explanation.
Go easy on the intro animation
Some designers address the issue of a good first impression with gripping intro animations to dazzle new users. But, keep in mind that every time someone wants to run the app, they’re going to have to sit through the same thing over and over. If the app serves a daily function, then this will tire your users quickly. Ten seconds of someone’s day for a logo to swipe across the screen and maybe spin a couple times don’t really seem worth it after a while.
Common Mistake #2: Designing an App Without Purpose
Avoid entering the design process without succinct intentions. Apps are often designed and developed in order to follow trends, rather than to solve a problem, fill a niche, or offer a distinct service. What is the ambition for the app? For the designer and their team, the sense of purpose will affect every step of a project. This sensibility will guide each decision from the branding or marketing of an app, to the wireframe format, and button aesthetic. If the purpose is clear, each piece of the app will communicate and function as a coherent whole. Therefore, have the design and development team continually consider their decisions within a greater goal. As the project progresses, the initial ambition may change. This is okay, as long as the vision remains coherent.
Conveying this vision to your potential users means that they will understand what value the app brings to their life. Thus, this vision is an important thing to communicate in a first impression. The question becomes how quickly can you convince users of your vision for the app? How it will improve a person’s life, or provide some sort of enjoyment or comfort. If this ambition is conveyed quickly, then as long as your app is in fact useful, it will make it into the 3%.
Often joining a pre-existing market, or app niche, means that there are apps to study while designing your own. Thus, be careful how you choose to ‘re-purpose’ what is already out there. Study the existing app market, rather than skimming over it. Then, improve upon existing products with intent, rather than thoughtlessly imitating.
Common Mistake #3: Missing Out On UX Design Mapping
Be careful not to skip over a thoughtful planning of an app’s UX architecture before jumping into design work. Even before getting to a wireframing stage, the flow and structure of an app should be mapped out. Designers are often too excited to produce aesthetics and details. This results in a culture of designers who generally under appreciate UX, and the necessary logic or navigation within an app. Slow down. Sketch out the flow of the app first before worrying too much about the finer brush strokes. Often apps fail from an overarching lack of flow and organization, rather than imperfect details. However, once the design process takes off always keep the big picture in mind. The details and aesthetic should then clearly evoke the greater concept.
Common Mistake #4: Disregarding App Development Budget
As soon as the basis of the app is sketched, this is a good time to get a budget from the development team. This way you don’t reach the end of the project and suddenly need to start cutting critical features. As your design career develops, always take note of the average costs of constructing your concepts so that your design thinking responds to economic restraints. Budgets should be useful design constraints to work within.

Many failed apps try to cram too many features in from launch.
Top of Form
Like what you're reading?
Get the latest updates first.
No spam. Just great engineering and design posts.

Bottom of Form
Common Mistake #5: Cramming in Design Features
Hopefully, rigorous wireframing will make the distinction between necessary and excessive functions clear. The platform is already the ultimate swiss army knife, so your app doesn’t need to be. Not only will cramming an app with features lead to a likely disorienting User Experience, but an overloaded app will also be difficult to market. If the use of the app is difficult to explain in a concise way, it’s likely trying to do too much. Paring down features is always hard, but it’s necessary. Often, the best strategy might be to gain trust in the beginning with a single or few features, then later in the life of the app can new ones be ‘tested’. This way, the additional features are less likely to interfere with the crucial first few days of an apps’ life.
Common Mistake #6: Dismissing App Context
Although the conditions of most design offices practically operate within a vacuum, app designers must be aware of wider contexts. Although purpose and ambition are important, they become irrelevant if not directed within the proper context. Remember that although you and your design team may know your app very well, and find its interfacing obvious, this may not be the case for first time users, or different demographics.
Consider the immediate context or situation in which the app is intended to be used. Given the social situation, how long might the person expect to be on the app for? What else might be helpful for them to stumble upon given the circumstance? For example, UBER’s interface excels at being used very quickly. This means that for the most part, there isn’t much room for other content. This is perfect because when a user is out with friends and needing to book a ride, your conversation is hardly interrupted in the process. UBER hides a lot of support content deep within the app, but it only appears once the scenario calls for it.
Who is the target audience for the app? How might the type of user affect how the design of the app? Perhaps, consider that an app targeted for a younger user may be able to take more liberties in assuming a certain level of intuition from the user. Whereas, many functions may need to be pointed out for a less tech savvy user. Is your app meant to be accessed quickly and for a short period of time? Or, is this an app with lots of content that allows users to stay a while? How will the design convey this form of use?

A good app design should consider the context in which it is used.
Common Mistake #7: Underestimating Crossing Platforms
Often apps are developed quickly as a response to changing markets or advancing competitors. This often results in web content being dragged into the mobile platform. A constant issue, which you’d think would be widely understood by now, is that often apps and other mobile content make poor transitions between the desktop, or mobile platforms. No longer can mobile design get away with scaling down web content in the hope of getting a business quickly into the mobile market. The web to mobile transition doesn’t just mean scaling everything down, but also being able to work with less. Functions, navigation and content must all be conveyed with a more minimal strategy. Another common issue appears when an app developing team aspires to release a product simultaneously on all platforms, and through different app stores. This often results in poor compatibility, or a generally buggy, unpolished app.The gymnastics of balancing multiple platforms may be too much to add onto the launch of an app. However, it doesn’t hurt to sometimes take it slowly with one OS at a time, and iron out the major issues, before worrying about compatibility between platforms.
Common Mistake #8: Overcomplicating App Design
The famous architect Mies Van der Rohe once said, “It’s better to be good than to be unique”. Ensure that your design is meeting the brief before you start breaking the box or adding flourishes. When a designer finds themselves adding things in order to make a composition more appealing or exciting, these choices will likely lack much value. Continue to ask throughout the design process, how much can I remove? Instead of designing additively, design reductively. What isn’t needed? This method is directed as much towards content, concept and function as it is aesthetics. Over complexity is often a result of a design unnecessarily breaking conventions. Several symbols and interfaces are standard within our visual and tactile language. Will your product really benefit from reworking these standards? Standard icons have proven themselves to be universally intuitive. Thus, they are often the quickest way to provide visual cues without cluttering a screen. Don’t let your design flourishes get in the way of the actual content, or function of the app. Often, apps are not given enough white space. The need for white space is a graphic concept that has transcended both digital and print, thus it shouldn’t be underrated. Give elements on the screen room to breath so that all of the work you put into navigation and UX can be felt.

The app design process can be reductive, rather than additive.
Common Mistake #9: Design Inconsistencies
To the point on simplicity, if a design is going to introduce new standards, they have to at least be consistent across the app. Each new function or piece of content doesn’t necessarily have to be an opportunity to introduce a new design concept. Are texts uniformly formatted? Do UI elements behave in predictable, yet pleasing ways throughout the app? Design consistency must find the balance between existing within common visual language, as well as avoiding being aesthetically stagnant. The balance between intuitive consistency and boredom is a fine line.
Common Mistake #10: Under Utilizing App Beta Testing
All designers should analyze the use of their apps with some sort of feedback loop in order to learn what is and isn’t working. A common mistake in testing is for a team to do their beta testing in-house. You need to bring in fresh eyes in order to really dig into the drafts of the app. Send out an ad for beta testers and work with a select audience before going public. This can be a great way to iron out details, edit down features, and find what’s missing. Although, beta testing can be time consuming, it may be a better alternative to developing an app that flops. Anticipate that testing often takes 8 weeks for some developers to do it properly. Avoid using friends or colleagues as testers as they may not criticize the app with the honesty that you need. Using app blogs or website to review your app is another way to test the app in a public setting without a full launch. If you’re having a hard time paring down features for your app, this is a good opportunity to see what elements matter or not.
The app design market is a battleground, so designing products which are only adequate just isn’t enough. Find a way to hook users from the beginning - communicate, and demonstrate the critical values and features as soon as you can. To be able to do this, your design team must have a coherent vision of what the app is hoping to achieve. In order to establish this ambition, a rigorous story-boarding process can iron out what is and isn’t imperative. Consider which types of users your app may best fit with. Then refine and refine until absolutely nothing else can be taken away from the project without it falling apart.

This article is originally posted here

About Author


Sunday, 4 September 2016

Designing for Mobile Experience - Redefined

Designing work for Mobile devices is increasing day by day due to changing habits & behavior of human with respect to mobile phones & devices. This new and more work for designers giving a challenge i.e. giving better experience with their mobile solution. Goals for each design team are focus on preparing world class mobile solution & deliver better user experience. In this article I have tried to give light on a different angles on mobile phone usage which can affect overall user experience. All these points fall under Strategy, Research, Design & test, which are important part of UCD process. Before designing for mobile, let’s understand the usage pattern of mobile phones.

Pattern of usage

Understanding usage pattern is really important before designing any mobile solution because this affects majorly. Today people use mobile phones not only for talking & texting but for number of reasons. Checking status, notifications, chats, listening songs, playing games etc. while running on park, walking on roads, waiting at bus stops, sitting on toilet seat, standing inside lifts are common some scenarios now a days. Interaction with mobile phone is more complex than using a laptop or desktop in many sense especially ergonomically. People use mobile while sitting on cars, bus etc. where objects are shaking due to pot holes on roads. People use mobile in shopping mart while carrying shopping bag in one hand & using mobile in other.

Design for outdoors

It is really an important aspect for designing mobile solution i.e. Design for outdoors. Outdoors can be treated as environment where user uses mobile solution. Environment have different factors which can affect experience like sun light, background noise etc. 

Testing of design

Usability Testing & development testing should also be performed in mobile friendly environment (outside). Some important testing variations are given below,

Slow Network - Test mobile app in slow internet network or in network failure. Sometimes it happens when someone goes inside huge building or lift network get disconnected. If that user is in between some process then app should save user tasks & continue when network comes again.

Background sound – When your app is having audio notifications or voice based interactions, then one should test app audio based features in different background sounds.

Light conditions - Test your app color scheme in variety of lighting conditions (like in sun).

Color Blindness - Test your app color scheme for color blindness.

At last some final thoughts, mobile devices are becoming powerful in terms of technology & adoption so design solutions should also meet the expectations. Taking care of User’s behavior, task, technology along with mobile environment (environment meaning outdoor, lights, sound etc. factors) are really required for designing for better experience.

About Author

Abhishek Jain (@uxdabhi)

Saturday, 3 September 2016

Designer’s Routine: 25 UI/UX Design Websites You Must Know

Are you always looking forward to finding the perfect pattern, the best design tools, and the coolest color combinations? We know, the standard of the so-called “perfect” is differentiated according to the diversified requirements of each designer. What if there is a list including almost all the design resources or websites you wanted?

Dear friend, don’t worry, you’ll find an answer in this list.

Color Inspiration

Worrying on finding perfect colors? No color inspiration? Check out these resources:

1. Flat UI Color Picker – A great resource for flat design. Colors grouped by category.

2. ColourLovers – A creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles.

3. Material Palette – Choose your favorite colors and get your Material Design palette generated and downloadable.

4. Color by Hailpixel – A simple and wonderful resource. Simply back & forth for hue, up & down for lightness, and scroll for saturation.

5. Coolors – Generate perfect color combinations for your designs.

6. ColRd – Find the images for you according to colors, gradients, palettes and other information.

7. Color Hunter – Help you to find the top five colors inside your pictures you uploaded.

8. BrandColors – Summarize the brands’ color scheme for you.

9. ColorKit – A productivity tool for color management.

10. TinEye Labs – TinEye is the first image search engine on the web to use image recognition technology. Given an image to search for, TinEye tells you where and how that image appears all over the web—even if it has been modified.

Design Community

The design community is the best platform for UI/UX designers to learn and discuss the latest design trend. So you should be in a design community where designers learn and help each other to grow. You can get feedback even on the most challenging project.

1. Behance – Behance is always a great place for designers to go to get improvement.

2. Dribble - Dribbble is a place to show and tell, promote, discover, and explore design.

3. Flickr –Flickr is a great community to find designers, share photos and design works, also you can get inspired from other designers.

4. The Web Blend – An online community platform for designers, developers, and technology enthusiasts.

5. Graphic Design Forum – A great medium to immerse yourself into the graphic design community

6. DeviantArt – The largest online art gallery and community creating the cultural context for how art is created, discovered, and shared.

7. DreamInCode – Articles, tutorials, and forums for web developers and programmers.

UX Design Podcast

It’s a good idea to listen to UX design podcast when you are running or jogging.

1. Design Matters with Debbie Millman – The first, also one of the best podcast on design topic.

2. The Big Web Show - The host Jeffrey Zeldman will interview professional visual designers, developers, user experience designers, and entrepreneurs.

3. UIE Brain Sparks - Different with Big Web Show which focuses on visual design, front-end developing, topics of UIE Brain Sparks are more focus on UX design.

4. UX Podcast - Impromptu, unplanned interviews always inspire you to view information architecture and user experience design with a new perspective.
5. On the Grid – Weekly podcast covers design topic.

Prototyping/wireframing Design

As we know, prototyping/wireframing is the bridge between interaction designers, project manager, and the website developers, also a crucial step on the developing of a website or mobile app. Here are the most popular prototyping/wireframing tools. (You may interested in: Basic UI/UX Design Concept Difference Between Wireframe & Prototype)

1. Axure RPMac & Win
Axure RP is a desktop application that allows designers to create, test, and share interactive prototypes. Been called as the most comprehensive (in terms of functionality) prototyping tools, it’s an ideal desktop software for both static, low-fidelity prototypes and more sophisticated, interactive prototypes. As an extremely professional UX tool, Axure requires a steep learning curve.

2. JustinmindMac & Win

Justinmind prototype is a flexible tool that supports Web and mobile application prototyping and high-fidelity prototyping. Gesture support features make it even better in mobile application design. However, due to the complexity of variables and functions, it’s more difficult for novice.

3. MockplusMac & Win

Mockplus is an all-inclusive rapid prototyping tool supports for the mainstream platforms of PC, website, and mobile device. The packaged interactions components and creative preview method allow designers to design and preview within minutes. It is a solid prototyping app for professional designers who want to produce high-quality prototypes but without too much long learning curve.

Here is a full list of prototyping tools & apps collection for reference.

Since I have compiled some UI / UX books and resources on my last article, in this one, I mainly focus on some practical design tools, community, podcast and color resources. We will continue to update, and collect more excellent resources. And, this is an active conversation. If you think any resource that must be added to this list, let me know in the comments below. Sharing is caring, don’t forget to share it with your friends.

Original Post at

About Author
Grace Jia
Prototyping tools, UI&UX news & information, article sharer, writer.
Web: Mockplus

Thursday, 25 August 2016

UI/UX Design Books & Blog Resources Recommended for Designers

Want to be an excellent designer? Looking for the best UI/UX books and resources? Nowhere to go or to gain the right and effective channel for becoming an outstanding UI/UX designer? Just follow me, I have compiled a list of high-profile UI/UX books, which are recommended by the major professional websites, and blogs.The topic is mainly covering UI design, UX design, and web design. Hope it is helpful and useful to you. Any resource you think it’s worth to be included, please feel free to give a message below the comment area or simply drop me a line on LinkedIn.

UX Books for Entry-level Designers

1.The Design of Everyday Things - By Donald A. Norman

It shows a teapot on the cover of the book, the teapot spout and the handle at the same side, if you tea, you are likely to burn yourself. What Norman want to tell you, the life is hard, often the "bad design" should be blamed. To learn interaction well, you must understand what’s the design requirements from people at first. As Steve Jobs said, “Design is not just what is looks like and feels like. Design is how it works.” The ultimate purpose of the designer is to make useful products, not just good-looking.

2.Don’t Make Me Think - By Steve Krug

"Characters of this book, the first one is short and pithy, 200-page length, not wordy at all. You may put it devoured on a noon, perhaps before going to sleep, even on the plane, or on your way to work. (It’s more likely to read through it on the love when you get the book) " Therein, which stresses the three laws of Web Usability, the first one is - do not let me think.

3.The Non-Designer's Design Book - By Robin Williams

Interaction designers must learn the basic knowledge of typography, no aesthetic, you can not be a good designer. In this ubiquitous creativity era, you have to make yourself be a designer.

In the eyes of Robin Williams, the design is quite simple. The book covers the four graphic design principles of C.R.A.P(Contrast, Repetition, Alignment, and Proximity), with concise, humor, and vivid language recounts the how much the changes and visible benefits brought by using these principles flexibly. In addition, it also introduces some basic knowledge about color and font, making the content more completely.

UX Books for Advanced Designers

The Elements of User Experience - By Jesse James Garrett

If all you need is a book to teach you “how to design”, there are many, many books discuss how to build a website, but this one is not you wanted. If all you need is a book to tell you about technology, you can not find a line of code here. If you want to find an answer in this book, on the contrary, this book teaches you “how to ask the right questions.”

This book will tell you what you need to know in advance before you read other books. This book is for you, if you need a great concept, and if you need to understand the environment that user experience designers make decisions.

“If you are a young designer entering or contemplating entering the UX field this is a canonical book. If you are an organization that really needs to start grokking UX this book is also for you.”-- Chris Bernard.

Successful web design team relies on good communication between developers and customers, but also inseparable from communication within the development team members. Dan Brown will teach you through this book, wireframes, site maps, flow charts and other design established a common language. Through it, the designers and project teams can capture ideas, track progress and always allow stakeholders to know the latest  situation of the project.

As one of the must-read classic books, About Face series are worth the time to read, and each version is very valuable. As one of the instrumental books, AF brings interaction into the daily language of product design and development. Which is a comprehensive guide on interface design and interaction design of web and mobile devices. This book covers the best practices of project progress, goal-oriented design, persona development. For beginners who have no project experience, it may be very difficult, but still worth reading. We recommend cursory read at the first time and then study the rest part carefully when needed, because it involves too many details.

"If Norman is an old man telling stories, Krug is a crash expert let you simply entry design, while Cooper is a scholar, researcher, designer."

UX Websites & Blogs

Lukew, a senior UX expert on digital product leader who has designed and built software used by more than one billion people worldwide also the founder of several companies.

A comprehensive website provides high-quality articles with the UX employee on Design, Coding, Mobile, and Word Press etc.

A professional UX website. The difference between it and Smashing Magazine is that UXbooth focuses more on the aspect of user experience design.

It’s a new blog with very simple and clean interface, no more distraction from advertisements or others. Articles are all surrounding the topics of design tools, UI/UX design, web design, and mobile app design. A good design topic resource to follow.

About Author

Grace Jia
Prototyping tools, UI&UX news & information, article sharer, writer.
Web: Mockplus