Advertisement

Tuesday, November 18, 2014

How to Use Animal Symbology in Design + Inspirational Showcase

1. The Bat

Let’s begin with the most evil animal symbol. It’s the bat. Bats are regarded as symbols of death, superstition, fear, night, and cult. They are often mixed up with witchcraft and occults in the Western folktales. You will be surprised, but Chinese, on the contrary, believe that a bat is a sign of happiness and good fortune. The Africans and ancient Greeks believed it was a symbol of articulacy.

2. The Bear

The bear is a symbol of strength, courage and tenacity. It also represents a gentle friendship and a docile follower in camouflage. However, bear’s love for honey adds up an amusing element into the symbol of power and dignity.

3. The Bird

A bird is a symbol of human soul. It represents the best of its qualities like: goodness, joy, wisdom and intelligence. In Western art the bird symbolizes the air, connection throughout the life time. The bird flight symbolizes the trip of our soul to the future. Additionally the flying birds represent hope, beauty and transcendence.

4. The Bull

The bull symbolizes fighting ability and male fertility. What’s more, the symbol of the bull stands for valor and magnanimity ever since the prehistoric times.

5. The Butterfly

The pretty butterfly represents the soul and resurrection in several parts of the world. In other words, the butterfly is a symbol of life and its cycle.

6. The Cat

The cat is a symbol for spiritual power, freedom, love of liberty and even bad luck in Japan. The black cat is associated with cunning of evil in the Celtic world and damnific djinns in the Islamic world.

7. The Dog

The dog is a symbol of companion and guardian. Dogs are very positive; they are loyal, faithful, honest and willing to fight the injustice.

8. The Dolphin

The dolphin is a symbol of salvation, transformation and love.

9. The Eagle

The eagle is a symbol of power, action, speed and perception. Eagles have the power, intuition, creativity, balance and grace. Their vision is sharp which gives them the ability to see the hidden truth and spiritual principles. The eagle has been adopted as an emblem round the globe.

10. The Elephant

In China, India and Africa, the elephant is a symbol of power, dignity, intelligence and peace. They also have a great memory!

11. The Fox

Look at this sly muzzle. The fox is a symbol of intelligence, cunning and slyness. In the medieval period, it even appeared as a symbol of the devil but in China and Japan people believe that the fox brings wealth.

12. The Horse

The horse is a symbol for velocity, vitality and beauty. It represents the power of the wind, storm, fire and waves.

13. The Lion

The lion is a symbol of deathless courage, strength, fearlessness, bravery and royalty. Its body has been commonly used in portraying mythological creatures, Egyptian sphinx, for instance.

14. The Monkey

The monkey is a symbol of fun, activity, charm and an energetic nature. Monkey is one of the Chinese zodiac signs. It characterizes a person who has many friends. It is a sign of natural curiosity, but can show self-indulgence and rebellion.

15. The Owl

The owl is a symbol of vigilance, acute wit and has been associated with spirits. It has been regarded as a guide in the underworld. Owls are great hunters and Celts associated them with wisdom, keen sight, and patience.

16. The Shark

The shark is a symbol of terror and violence. It is the world’s greatest predator, and therefore symbolizes power and fearlessness.

17. The Snake

The snake is a symbol for charm, danger and sexual energy.

18. The Spider

The spider symbol means creativity and is often believed to connect the past and the future. Many cultures consider the spider as the weaver of the fabric of life where they introduce both writing and clothing making. It also scares.

19. The Tiger

The tiger is a symbol of power and energy all over the world. It is prominently featured in Chinese mythology and takes the second place after the lion in the badge of military ranking.

20. The Wolf

7 Free Product Design eBooks from UXPin’s Library

1. Web UI Design Patterns 2014

This book takes examples from top companies such as Amazon, Kickstarter, AirBnB, Quora, LinkedIn, Eventbrite, Mailchimp, and Asana to explain the newest design patterns for web UI. Using a problem/solution approach, 63 design patterns are matched to the most appropriate use cases.
Web UI Design Patterns 2014

2. Mobile UI Design Patterns 2014

The mobile companion to Web UI Design Patterns 2014, this book discusses the 46 most trending mobile UI design patterns, based on the examples of Pinterest, Spotify, Uber, Instagram, Dropbox, and Flipboard, among others. They explain how best to use the limited real estate of small mobile devices and how to balance a clean design with functionality.
Mobile UI Design Patterns

3. The Guide to Minimum Viable Products

Although this book looks more at product development, there are relevant chapters that discuss the role of UX when it comes to designing a minimum viable product. It’s a little over 120 pages, but most of it looks at successful MVPs from companies like DropBox, AirBnb, Groupon, and Zappos to show rather than just tell you what to do. The book takes more of a case study rather than textbook approach.
Guide to Minimum Viable Products

4. Guide to Wireframing: For Designers, PMs, and Anyone Who Touches Product

The theory and practice of creating effective wireframes is explained for each stage of product design. Pros and cons of using digital versus paper wireframing tools and helpful pattern and template libraries are also included.
Guide to Wireframing

5. Web Design Book of Trends 2014

Every web design trend that matters in 2014 is dissected and illustrated in detail. There are 165 examples used to illustrate the 11 design patterns that are trending on the web. Featured companies include Google, GOOD Magazine, BBC News, and more.
Web Design Trends 2013-2014

6. Mobile Design Book of Trends 2014

Although this one clocks in at 156 pages, it’s a fairly quick read since there’s tons of illustrations and screenshots. Some of the apps that are featured include National Geographic, Vine, FanCred, Clique, and more. Twelve of the most noteworthy mobile design trends and some must-have apps for Windows Phone are also covered.
Mobile Design Book of Trends

7. UX Design for Startups

With a foreword from Adaptive Path cofounder Indi Young, this handbook contains real-life design advice for startups and larger companies. It’s around 127 pages, but doesn’t drag out too much since it’s written in a storytelling style (the author uses a lot of his own startup experiences to illustrate his advice). They’ve also listed over 60 design tools as a nice touch.
UX Design for Startups

Don't make these 10 common design usability mistakes,

1. A Lack of Consistency

There is a time for showcasing creativity, and there is a time for keeping it simple. When it comes to designing different pages for the same site, it is best to keep it simple.
Visitors expect to see the same colors, logos, fonts, navigation tabs, et cetera in the same place on every page. Don’t make visitors wonder what site they are on by confusing them with inconsistent page design. This is frustrating for the user and looks unprofessional for the company.
This very site is a great example of consistency. The color scheme, shapes and fonts flow seamlessly from one page to another. Plus, Jacob uses a self-portrait to infuse even more continuity.
Consistent Design

2. No Way to Search the Site

Google is so popular because it helps people find the information they want quickly and easily. Designers should follow Google’s lead and make sure information on the site they are designing is easy to find.
One good way to do this is to include a search box on the site. Google Custom Search, as used on Just Creative, is easy to include and greatly enhances the user’s experience as they sort through content. There are free and paid versions available a
Google Custom Search

3. Experimental Navigation

When it comes to helping visitors navigate a site, a straightforward approach is best. The aforementioned search box helps with navigation, as does having clear and logical navigation tabs.
Using breadcrumb navigation (so visitors can see where they are and how they got there) can be helpful for certain types of websites.
Breadcrumb Navigation
Here is an example of breadcrumb navigation. As you search through Amazon, you can easily see where you are and how you got there. This page would list the non-fiction eBooks about cats. A hyperlink on the company’s logo that takes the user back to the homepage can also serve as an “emergency exit” for users to get back to the homepage without leaving the site.

4. Outdated Content

More is not necessarily better when it comes to website content. Weeding out outdated content should be part of regular website maintenance. Old content can either be updated and made relevant for users or redirected to more applicable content.
Leaving outdated content as it is turns visitors off to the site and makes them less likely to return. For example, if the last blog post went up three years ago, visitors are likely to think that the website has been abandoned and will not return.

5. Dead Links

Like content, links need to be monitored as part of regular website maintenance. Dead links are unprofessional and annoy users. Remove them promptly and replace them with working links to keep users happy and engaged. You can use Google Webmaster Tools to find deadlinks.

6. Unconventional Content Organization

Keep the site organized. Have the most important information greet visitors when they first arrive. Make other important information easy to find by putting it in a logical, practical place.
Keep in mind the different types of visitors a site is likely to receive and organize information to meet different needs. For example, the website for a college should contain tabs to redirect different visitors (prospective students, current students, alumni, and faculty) to pages with more specific, relevant information.
Stonehill College has great content organization. They offer multiple routes to retrieve the same information. For example, information about admissions is available from a homepage link. It would also be available via the “resources for prospective students’ option from the dropdown list.
Content Organization

7. Poor Legibility and Readability

Visitors are on the website to find information. In addition to making the information easy to find, make sure it is easy to read.
  • Use simple, easy-to-read color schemes. While you are free to use whatever colors you want for the primary design, remember the wrong color combination can make reading difficult. For the bulk of your site’s content, try to use black text on a white background.
  • Don’t be too experimental with fonts. San Serif fonts are best for the site’s content. If you must use Serif fonts, limit yourself to things like headings and small, insignificant blocks of text. Also, limit the variance in size and typeface. Three is the magic number… no more than three different fonts and no more than three different font sizes.
  • Keep paragraphs short (about four sentences each). The more white space, the better.

8. Music

Music on a webpage can be distracting at best, irritating at worst. Include a music player only if the music is relevant to the site’s content. For example, the website for a band may benefit by playing their music for visitors.
If a music player is used, be sure to have a stop button and keep the loop continuous. Visitors do not want to hear the same song start over each time they go to a new page.
Fans can enjoy Leeland‘s music on their website but on their own terms. The tunes won’t assault you as soon as the page loads. Instead, visitors can launch the music player or hit play on one of their videos.
Music

9. Neglecting Mobile Users

This tip might seem outdated but we are all aware of the popularity of mobile devices. However, an alarming number of designers still fail to take these users into consideration.
Web designers must be mindful of this audience. Either design pages that are easy to use and read on a small screen or create a separate mobile site.
When opting for the latter alternative, be sure that the mobile site is consistent with the main page and that mobile users have the option to access the non-mobile version of the website.

10. Forgetting the Contact Page

We’ve saved the best for last; or at the very least, the most important. This tip goes above and beyond simple usability. The other mistakes might be annoying, but this could actually affect the company’s profits.
Providing adequate contact information is essential. It is the first step towards customer loyalty and the necessary link between disgruntled customers and a problem-solving customer service representative.
The vast majority of credit card chargebacks occur because of faulty customer service. As a designer, you probably don’t know much about these financial setbacks, but your client does (if you want to know more, check this article about credit card chargebacks).
Your clients expect you to deliver a top-notch, effective site. And if your design actually increases the likelihood of a credit card chargeback, they won’t be happy. Since the majority of chargebacks are filed simply because the user can’t find the necessary contact information, it is essential you provide everything a user could possibly want. That might include:
  • A generic email address (like info@companyX.com)
  • Specific email addresses that connect the user with the exact person or department they want
  • A contact form
  • The physical address
  • A fax number
  • A telephone number (although direct lines or extensions to applicable departments would be better)
  • GPS coordinates
  • A map
  • Links to the company’s social networking sites
  • A live chat interface

Top 10 Most Popular Job Websites

Top 10 Most Popular Health Websites