Thursday, August 23, 2018

App Design Matters


There are over 2 million IOS Apps and 3.8 million Android Apps to choose from. So an excellent App design is critical. 

It only takes 3 taps for a User to delete your App. That happens if the User gets frustrated or has no emotional connection to the App. The bottom line is that users fall for an App because of the design and how easy it is to use. Features and proper coding alone will not sell an App.

Today just a few developers are able to crank out remarkable Apps. But the key for developers is to think like designers. Programmers are famous for brushing aside Design. They care about the beauty of their code and the number of their features. 

Color is critical. Developers need to stop and think like Designers. Designers think about colors and typography. They learn about the emotions of colors.

Josef Albers, a famous painter, and educator came from the German Bauhaus. He wrote Interaction of Color in 1963. This writing has remained the Art Design Bible for designers; a terrific resource. And there is an Interaction of Color app that teaches this stuff. Developers should play with this App and learn to think like a designer. 
The next fundamental of design is typography. How do you select the best fonts for both form and function? How do you choose fonts that work together? The right fonts will make your App or website attractive, easy to read and functional. 



Color Mood

Red sells energy, intensity, love. 








Yellow sells joy, happiness, and intellect. This is an attention-grabbing color. This is a good color for App screenshots in the App stores.


Green sells safety, food, and growth. Use these colors in food and health Apps. 



Blue sells stability, serenity, and trust. Medical Apps use Blue. So to make your App more trustworthy use Blue



Purple sells feminity, royalty and wealth. Money Apps use this color.


To combine colors, grab a color wheel. With the color wheel, you can select adjacent colors that are harmonious or opposite colors that are complimentary. Color wheels are also useful for picking split colors and triadic colors (not a fan). Monochromatic colors are also in use today. All these schemes are possible with a color palette. 

But an even easier approach is to use a coolors.co that builds color schemes based on a primary color. Browse for the scheme that makes the most sense for your App.  Use colors that look and feel good together. Hunt for the best or popular schemes that might work for your App. Another useful website is ColorHunt

One of the most popular color palettes in modern Apps can be found on FlatUIColors. You would be surprised how many Apps use the FlatUIColors.



Typography

With so many fonts, how do you pick the right fonts for your App? Does it matter?



The two most important families of fonts are the Serif and Sans Serif. The image below shows the difference. Serif is an older font and has small feet. They were derived from stone carvings. Sans Serif is better for modern and contemporary. 



Serif fonts are organized into Oldy Style, Transitional, Modern, Slab Serif, Script, and Decorative. 




Slab Serif was developed for newspaper printing because of the poor quality of the old paper. 

Sans Serif fonts

These are the more modern fonts and they are also divided into categories.

News Gothic, Grotesque, Helvetica, Neo-Grotesque, Arial, Humanist and Geometric. 


So why does all this matter? It's about the styling, but it is also about the readability. So let's get to the meat.

The common rules of fonts. 

1. Sarif Heading Fonts with Sans Serif Body Fonts make a good design. You can also go the other way around and still be ok. Just don't combine a Serif Heading with a Serif Body or a Sans Serif Heading with a Sans Serif Body. This is a poor design. 

2. Too many fonts are bad. Try not to exceed three fonts on a page. 

3. Just like colors, fonts sell a mood. So do not mix together different typeface moods. It is confusing to the brain. Keep the fonts that are displayed together in the same time era. 

4. Use font weight (like bold) for contrast. But don't clutter with multiple weights. 

5. Never use these fonts: Comic Sans, Viner, Kristen, Papyrus, Curlz. 

Like colors, there are tools to help you select fonts. Grab WhatFont for Chrome or Firefox. This little browser extension or the App version will let you find out about the fonts you see on web pages. So if you see a website with a beautiful look and easy to read fonts, use WhatFont to find out what those great fonts are. Then use them in your own App or Web. 

A great website that has free fonts for commercial use is Font Squirrel

Another tool for grabbing and testing fonts in your Apps is Sky Fonts. This lets you test drive fronts from many font repositories such as Google, Fonts.Com, Monotype, and MyFonts. 

Thanks for reading. 

Best Camera Apps does not sponsor or derive revenue from any products reviewed or mentioned. 









47 comments:

  1. Great job for publishing such a nice article. Your article isn’t only useful but it is additionally really informative. Thank you because you have been willing to share information with us. mobile app developers California

    ReplyDelete
  2. Wohh exactly what I was searching for, appreciate it for posting . more information

    ReplyDelete
  3. This is my first time i visit here and I found so many interesting stuff in your blog especially it's discussion, thank you. Mattress Store

    ReplyDelete
  4. I’m going to read this. I’ll be sure to come back. thanks for sharing. and also This article gives the light in which we can observe the reality. this is very nice one and gives indepth information. thanks for this nice article... การจัดสวน

    ReplyDelete
  5. Such kinda reports are extremely helpful to make important decisions wisely. And so does the analytics reports of app design. mobile app developers

    ReplyDelete
  6. I am definitely bookmarking this website and sharing it with my acquaintances. You will be getting plenty of visitors to your website from me! iphone screenshot template

    ReplyDelete
  7. Hi. Cool post. There’s an issue with your site in chrome, and you may want to test this… The browser is the marketplace chief and a good element of people will omit your excellent writing because of this problem. app store mock up

    ReplyDelete
  8. I genuinely treasure your work , Great post. app store mock up

    ReplyDelete
  9. Hello there, just became alert to your blog through Google, and found that it’s truly informative. I’m gonna watch out for brussels. I will appreciate if you continue this in future. A lot of people will be benefited from your writing. Cheers! app store screenshot template

    ReplyDelete
  10. "AlizaSolutions designers have created and implemented logos for start-ups and well-established businesses alike. The one constant is our commitment to studying and understanding an organization, then creating a logo that captures its identity.
    Website:https://www.alizasolutions.com/
    Address:1st Floor Alperton House, London, UK, HA0 1EH.
    Phone:0044 7449 186 664" logo services in usa

    ReplyDelete
  11. It is very interesting topic you’ve written here..The truth I’m not related to this, but I think is a good opportunity to learn more about, And as well talk about a different topic to which I used to talk with others imac mockup

    ReplyDelete
  12. hello i discovered your post and thought it was very informational likewise i suggest this site about repairing lap tops Click Here imac mockup free

    ReplyDelete
  13. Really fighter messages are supposed to amuse offer praise into the groom and bride. First time audio system watching over the top places should also remember you see, the senior guideline of the speaking, which is your particular person. best man speeches brother imac mockups

    ReplyDelete
  14. I have been reading out many of your articles and i can claim pretty nice stuff. I will make sure to bookmark your blog. imac mock up

    ReplyDelete
  15. I have to convey my respect for your kindness for all those that require guidance on this one field. Your special commitment to passing the solution up and down has been incredibly functional and has continually empowered most people just like me to achieve their dreams. Your amazing insightful information entails much to me and especially to my peers. Thanks a ton; from all of us. imac mock ups

    ReplyDelete
  16. Thanks for this post, I am a big fan of this website would like to go on updated. imac psd

    ReplyDelete
  17. Hey There. I found your blog using msn. This is a very well written article. I will be sure to bookmark it and return to read more of your useful information. Thanks for the post. I will definitely return. apple watch png

    ReplyDelete
  18. It was wondering if I could use this write-up on my other website, I will link it back to your website though.Great Thanks. app maker

    ReplyDelete
  19. I simply must tell you that you have written an excellent and unique article that I really enjoyed reading. I’m fascinated by how well you laid out your material and presented your views. Thank you. apple watch psd

    ReplyDelete
  20. hey there, your site is cheap. We do thank you for work app developers

    ReplyDelete
  21. Wow! This could be one particular of the most useful blogs We have ever arrive across on this subject. Actually Magnificent. I am also a specialist in this topic so I can understand your effort. top app development companies

    ReplyDelete
  22. This is such a great resource that you’re offering and you provide out at no cost. I appreciate seeing sites that realize the worth of offering a perfect useful resource totally free. I genuinely loved reading your submit. mobile app development companies

    ReplyDelete
  23. Hi there, I found your website via Google while searching for a related topic, your website came up, it looks great. I have bookmarked it in my google bookmarks. app developer

    ReplyDelete
  24. I am definitely bookmarking this website and sharing it with my acquaintances. You will be getting plenty of visitors to your website from me! app development companies

    ReplyDelete
  25. I usually cant find it in me to care enough to leaves a comment for articles on the web but this was actually pretty good, thanks and keep it up, Ill check back again website tips

    ReplyDelete
  26. At this point you'll find out what is important, it all gives a url to the appealing page: northshore health connect

    ReplyDelete
  27. I am usually to blogging and i genuinely appreciate your content regularly. This content has truly peaks my interest. I will bookmark your web site and maintain checking achievable details. top web design companies

    ReplyDelete
  28. Do you mind if I quote a couple of your articles as long as I provide credit and sources back to your blog? My website is in the very same area of interest as yours and my users would really benefit from a lot of the information you present here. Please let me know if this okay with you. Regards! website design agency

    ReplyDelete
  29. Thanks for all your efforts that you have put in this. very interesting information. web design

    ReplyDelete
  30. I am only commenting to let you know of the remarkable experience our girl encountered reading the blog. She noticed many pieces, which included how it is like to possess an amazing giving nature to get certain people really easily learn certain multifaceted things. You undoubtedly exceeded visitors’ desires. I appreciate you for rendering the important, healthy, informative as well as easy tips about the topic to Kate. ui ux design

    ReplyDelete
  31. I am usually to blogging and i genuinely appreciate your content regularly. This content has truly peaks my interest. I will bookmark your web site and maintain checking achievable details
    https://vivatv.fun/

    ReplyDelete
  32. I am usually to blogging and i genuinely appreciate your content regularly. This content has truly peaks my interest. I will bookmark your web site and maintain checking achievable detailsvivatv app

    ReplyDelete
  33. Excellent read, I just passed this onto a colleague who was doing a little research on that. And he actually bought me lunch because I found it for him smile So let me rephrase that. user interface design

    ReplyDelete
  34. An impressive share, I just given this onto a colleague who was doing a little evaluation on this. And he in reality bought me breakfast as a result of I found it for him.. smile. So let me reword that: Thnx for the treat! But yeah Thnkx for spending the time to discuss this, I really feel strongly about it and love studying extra on this topic. If potential, as you develop into expertise, would you mind updating your weblog with extra particulars? It’s extremely useful for me. Huge thumb up for this weblog submit! ui design agency

    ReplyDelete
  35. Whoah this blog is magnificent i really like reading your articles. Keep up the good paintings! You realize, a lot of persons are searching round for this information, you could aid them greatly. user interface design

    ReplyDelete
  36. Nice post. I learn something more challenging on distinct blogs everyday. It will always be stimulating to read content off their writers and practice a little something from their store. I’d choose to use some with all the content in my small weblog whether you do not mind. Natually I’ll provide a link on your own internet weblog. Many thanks sharing. top web development companies

    ReplyDelete
  37. Emotional attention, self-control, approval, adhere to, patience but also security. These are typically among the issues that Tang Soo Can do, most of the Thai martial art attached to self defense purposes, can show buyers plus instilling in your soul the means not just to maintain with your own eyes on the competency on the very first real danger stains to cure confrontation all in all. best logo designers

    ReplyDelete
  38. This comment has been removed by the author.

    ReplyDelete
  39. Thanks for taking the time to go over this particular, Personally i think highly about it and adore understanding more on this topic. If at all possible, as you acquire expertise, can you mind upgrading your site with increased information? It is extremely helpful for me. best branding agencies san francisco

    ReplyDelete
  40. I see something genuinely special in this website . branding firms san francisco

    ReplyDelete
  41. Hello there. I needed to inquire some thing…is this a wordpress site as we are thinking about transferring across to WP. Moreover did you make this theme all by yourself? Cheers. branding san francisco

    ReplyDelete
  42. I have recently started a blog, the info you provide on this site has helped me greatly. Thanks for all of your time & work 亚博

    ReplyDelete
  43. Excellent blog! I found it while surfing around on Google. Content of this page is unique as well as well researched. Appreciate it. download Appvn com segurança neste link

    ReplyDelete
  44. Cool stuff you have got and you keep update all of us. visite aqui

    ReplyDelete
  45. Great things you’ve always shared with us. Just keep writing this kind of posts.The time which was wasted in traveling for tuition now it can be used for studies.Thanks ORIGINAL LOGOs

    ReplyDelete
  46. Took me time to read all the comments, but I really enjoyed the article. It proved to be Very helpful to me and I am sure to all the commenters here! It’s always nice when you can not only be informed, but also entertained! blackmart apk zip

    ReplyDelete

We need your feedback