UX Design

How to recognize great UX Designer

User Experience Design Skills

User Experience Design Skills

A user experience designer needs to create a design according to the product idea and the customer’s needs regarding the product. To be a good User Experience Designer the designer needs to have the following skill sets:

  • Firstly the designer must have the core skills that qualify the designer to become a UX designer. This includes complete knowledge of user experience design and information architecture. Information architecture refers to the usability aspect of the design. The Designer must be able to understand the interaction of customers or users with the product.
  • A UX designer must also have other skills like UCD- User Centered Design knowledge, knowledge about user testing, interaction design, navigation design and visual design and accessibility. The UX designer must also have an overall knowledge of web design and web development including internet marketing.
  • Also the UX designer must possess skills in business, skills in communication and interactions with business associates.
  • Moreover the UX designer must have the ability to understand customers and what they want in their products. Analyzing behavior patterns and feedback from customers and implementing the feedback and data received from the target audiences into the UX design is a key skill needed in a user experience designer.

User Interface Design Skill

User Interface Design Skill

User Interface Designer helps set up the design of the product so that it is easy to use and yet appealing to the user. The following are some of the skills that are essential in a good User Interface Designer.

  • The UI Designer has to have basic UI design skills and need to know both the design sides as well as the technical sides of design. User Interface Design has elements of both graphical design, user experience design and application development.
  • The User Interface developer must have the knowledge of front end software tools like HTML, CSS and JS (Java Script). Also knowledge of photoshop, graphical design and the ability to write a code is essential in User Interface (UI) design.
  • The User interface designer needs to have the capability to use the UX designs and develop a user interface that is a balance between technical functionality and visual elements.
  • The key job here is to understand what the user wants and create a design that accommodates all the technical functions of the product along with making the product easy to use.
  • UI Design is a dynamic field of design. This field is seeing new innovations and techniques and new methods to create UI design every now and then. The UI designer must be able to adapt to change.
  • UI designers must be able to create clear and useful designs that can be implemented easily.

Conclusion

Both User Experience Design and User Interface Design are very important for the end product to be appealing to the target audiences. The above skills are required in good UX and UI designers for them to create designs suitable for the client as well as the end customers.


 

User Experience Design process

At its core, User Experience Design is about people. It’s about truly getting to know them, whether they’re stakeholders or end-users. The more you know about someone’s digital preferences and behaviors, the better you’ll be able to design for them.

That’s why we do so much research, and that’s why we do so much testing. We like to challenge our assumptions and continually pursue the best design for our users.

Below you’ll find a high-level blueprint for executing good UX strategy. Not every process will look identical, but this will help you see how UX design fits into the digital experience design process.

ux infographic-01


Credit: http://centerline.net/blog/user-experience-design-process-infographic/

Responsive Design Process

Print


Application user journey

This is a simple example how to show app user journey visualization. Looks good, is simple and easy to understand.

499abfc5e38062d0115cd00d965dda29

UI & UX Techniques

What does a UX process look like?

The answer to this question, as with many questions, is: it depends. The details of the UX process you follow will depend on a number of factors: the project, the client, the budget, the deadlines, and your experience level.

As a UX Designer, you have a range of techniques available to you, and it’s up to you to choose which of these techniques are appropriate. Mastering when and how best to use these techniques should be the goal of every UX Designer.

UX Process Overview

UX Process Diagram

At its core, every UX process should consist of the following key phases:

  1. Strategy—Strategy is important from the outset because it articulates the brand, guiding principles, and long-term vision of an organisation. The strategy underpinning a UX project will shape the goals of the project—what the organisation is hoping to achieve with the project, how its success should be measured, and what priority it should have in the grand scheme of things. View techniques used during the Strategy phase »
  2. Research—Often referred to as the Discovery phase, the Research phase is probably the most variable between projects. Complex projects will comprise significant user and competitor research activities, while small startup websites may skip all research activities other than some informal interviews and a survey. In many people’s eyes, the Research phase is key to creating an informed user experience, however it is also the phase most often skipped—especially by proponents of a “Lean UX” approach. View techniques used during the Research phase »
  3. Analysis—The aim of the Analysis phase is to draw insights from data collected during the Research phase. Capturing, organising and making inferences from the “what” can help UX Designers begin to understand the “why”. Communicating the designer’s understanding back to end-users helps to confirm that any assumptions being made are valid. View techniques used during the Analysis phase »
  4. Design—The Design phase of a UX project is collaborative (involving input and ideas from different people) and iterative (meaning that it cycles back upon itself to validate ideas and assumptions). Building on the user feedback loop established in previous phases, the premise of the Design phase is to put ideas in front of users, get their feedback, refine them, and repeat. These ideas may be represented by paper prototypes, interactive wireframes, or semi-functioning prototypes, all deliberately created in low-fidelity to delay any conversation relating to graphic identity, branding or visual details. View techniques used during the Design phase »
  5. Production—The Production phase is where the high-fidelity design is fleshed out, content and digital assets are created, and a high-fidelity version of the product is validated with stakeholders and end-users through user testing sessions. The role of the UX Designer shifts from creating and validating ideas to collaborating with developers to guide and champion the vision. View techniques used during the Production phase »

But Wait!

Hold up! I hear you cry. This isn’t user-centered at all—that’s a waterfall right there! And everyone knows that the waterfall model for software development is out-dated, right? We’re agile, baby!

Let me explain.

The bullet points above don’t tell the full story.

  • For one, these phases of the UX process often have considerable overlap—there’s a lot of back-and-forth. As the UX Designer learns more about the problem being solved, the audience, the stakeholders and the constraints he or she is operating under, it may be necessary to revisit some of the research undertaken, get additional user feedback, or try out new ideas.
  • As mentioned above, this process is very iterative, which may explain why there are many synergies between UX Design, Agile development principles, and the Lean Startup movement. It turns out that regular user feedback is at the heart of all of these approaches to product development. Beta releases and outcomes from each iteration can be evaluated and priorities adjusted accordingly.
  • One aspect not captured in the above bullet points is the importance of communication throughout a project. While doing great design is one thing, communicating great design is equally as important, as even the best concepts will fail if they don’t have buy-in from the right stakeholders. The best UX Designers are great communicators.

Looking for more on how to apply this process? Check out our UX Techniques Bank.

Credit: http://uxmastery.com/resources/process/

User Interface (UX) Techniques – Janne Jul Jensen

Here’s a description of Janne’s talk from GOTO Aarhus 2012:
Most developers today are aware of the importance of creating a good user interface with a high level of usability, but many are lacking the methods and techniques that can help in this process. This session will present to the listeners a range of concrete methods and techniques applicable in different phases of a design process, to handle specific challenges. This will include design patterns, personas, wire framing, paper prototype testing, progressive disclosure, card sorting and creative workshops and many of the methods and techniques will be accompanied by examples.


 The web designer’s quick guide to User

Experience (UX)

UX Design

In response to user requirements and as digital technologies advance, websites and apps have become more complex in recent years with the introduction of powerful functionality. With the increasing popularity of tablets and mobiles, what used to be a one-way static medium has evolved into an increasingly competitive, and very engaging and interactive experience.

With this in mind, the success of a website still hinges on just one thing: how users perceive it. Is it easy to use? Is the experience enjoyable? Could the user easily find what they were looking for? User Experience design is all about striving to make the user answer “yes” to the above.

We all know that a positive online experience encourages engagement, repeat visits, recommendations, and ultimately happy customers!

Pete and I put down our stylus’ to give you five top tips on getting the balance between sleek design and good UX.

1.     Plan

Get to know and understand what the client’s audience need and want. In an ideal world a UX Designer would do extensive research with existing and potential users of the system, based on a range of user personas to gain insight into what would be the most effective design.

2.     Collaborate

Based on your research, take the time to create detailed wireframes highlighting any areas of concern. This often works well when the end user, developer and designer collaborate to feedback their views so that you achieve a balanced view from all parties involved.

3.     Take them on a journey

Every website needs to tell a story and take the user on a journey. Each user will have a task or goal they are trying to reach on a website, whether it is purchasing a product, downloading a guide, watching a video or completing a contact form.  This is often referred to as user journey mapping, and the design needs to engage the user at each stage of the journey.

4.     Test

Test, test, and test again. Testing the website with a broad audience helps you get a balanced response from a range of user personas.

5.     Measure

Once the website or app goes live, make sure you are measuring analytics to find where users are dropping out of the goal funnel and how well they are engaging with the site.  Listen carefully to feedback and make adjustments where necessary.

Finally, make sure you keep ahead of the game with advances in technologies for future projects, and strive to be the best organisers of information and user journey planners!

Credit: http://torpedogroup.com/blog/the-web-designers-quick-guide-to-user-experience-ux/


John Underkoffler: Pointing to the future of UI

Minority Report science adviser and inventor John Underkoffler demos g-speak — the real-life version of the film’s eye-popping, tai chi-meets-cyberspace computer interface. Is this how tomorrow’s computers will be controlled?

Information Architecture

Ten key elements for effective dashboard design

Dashboards have become the de facto face of performance management applications and are increasingly used in business intelligence (BI). But for every dashboard that effectively displays pertinent business information, there’s another that is simply a set of pretty graphics that are not used for any business decision.

Effective design will differentiate the winners from the losers.

There are 10 key elements to designing effective dashboard applications:

1. Involve businesspeople in dashboard design

The businesspeople in the enterprise are your dashboard “customers.” As with any product or service, you have to offer them something they need and will use. Many BI or corporate performance management (CPM) projects fail because the businesspeople do not use the dashboards — they go back to their spreadsheets. In order to encourage dashboard usability, you need to start with the basics: what they have now, what they would need to shift to a new system, and what they ultimately want.

Business involvement is not limited to gathering business requirements and setting priorities. They should also participate in the development, testing, deployment and training phases of your project. Businesspeople need to be involved in the entire dashboard lifecycle to really produce what the business side needs.

PRO+

Content

Find more PRO+ content and other member only offers, here.

2. Use an iterative dashboard design approach

It’s a common lament of developers: “I built what the business asked for, but now that they’ve seen it, they say that it’s not what they need!” They fell into the trap of thinking that the businesspeople knew what they wanted before development began and that requirements do not change. This is the risk of using the traditional project development process that many IT groups follow. This approach works when business needs are well defined and static, but that is often not the case with CPM.

More on BI dashboard design

Read about the importance of dashboard design for usability

Learn about how to design a mobile dashboard

Get a look at how to make a dashboard ‘fun,’ but still functional

Dashboard development calls for an iterative design approach that involves getting the requirements, prototyping the design (with data), getting business feedback, refining the design and then doing it all over again. The business evolves, and your dashboard needs to evolve, too.

3. Focus on the data in the dashboard

Developing a great-looking dashboard that doesn’t have the data which the business is looking for is worthless. IT’s prototype with the vendor demo might have looked great, but the excitement wears off when there’s no substance behind it. While the dashboard is being developed, make sure someone is focused on getting data to populate it.

4. Include relevant key performance indicators

After getting the data, the next requirement that trips up the usefulness of dashboards is defining relevant or consistent key performance indicators (KPIs). There are two common pitfalls that organizations encounter in this area. First, many organizations get the level of detail needed to define the KPIs and then fail to validate those metrics with executives. The people reporting to that executive may have varying opinions on how to define KPIs, but it is the business decision-maker, i.e., the executive, who really determines how to measure performance. Second, some organizations fail to gather KPI definitions from across the enterprise, so business groups end up debating the numbers. If a dashboard is to be relevant, it needs to be consistent across an enterprise. “A single version of the truth” applies to the data and the KPIs presented in a dashboard.

5. Remember that one size does not fit all

Businesspeople in an enterprise have diverse information needs. Different groups, business processes and management levels need different data, KPIs and analytics from a dashboard. Dashboard designers need to take input and involve businesspeople from many groups to truly meet enterprise demand. Too often, only a few businesspeople are involved in dashboard design and feedback. In some instances, only business power users are consulted. The quickest way to get businesspeople to go back to their spreadsheets instead of using your dashboard is to leave out data relevant for them.

News portals, such as Google News and MSN, recognize that one size does not fit all, so they allow their users to customize what they see. You need to follow this and enable data diversity.

BI dashboards user needs
Dashboard tip: Different users have different needs
Click to enlarge
Image reprinted with permission from BITadvisors, Inc.

6. Use design principles from news organizations

Newspapers and news portals such as CNN and The New York Times follow basic principles in designing their front pages. First, they use a constant template for where they place information, so that every time people look at the paper or website, they know where to find things. Similarly, businesspeople should be able to use any of your dashboards and easily find what they need. Second, graphics and pictures are used to support telling the story and to grab your attention. In the same way, graphs on a dashboard need to grab a businessperson’s attention and visually depict the data in a clear, meaningful way.

7. Keep data in the dashboards current

A businessperson can use a dashboard only if the data is current. This does not necessarily mean that the data has to be real-time, but it cannot be out-of-date for whatever action the business is trying to take. Daily, weekly or monthly data may be what is needed, but the dashboard must always feature the current iteration of that data.

8. Allow drill-down capabilities within dashboards

Just as you go from the front page to deeper pages within a news site, a business user often has to drill into the details beyond the data to determine what business action is called for. A report or graph displaying a trend is nice, but what is useful is drilling into the detail to see what is causing the trend and in what area the business user needs to take action.

9. Include actionable information

Performance management applications require a business to monitor, measure and act upon data. The dashboard is only a means to an end; it is the action that produces the results that business is looking for. When designing dashboards and talking to the business users about what they want, you should also ask how the dashboard helps in analyzing information and making decisions. If the dashboard does not help users take action, then it needs to be changed until it does.

Dashboard designers can get caught up in designing reports for the business to view rather than act upon. Too often, dozens or hundreds of reports are produced just because they have always been created, but no one is acting on data in them. A dashboard created without the context of a businessperson doing something with the information is not a dashboard worth developing.

10. Don’t include too much

Everyone (except the person who created it) hates the PowerPoint presentation or website that is littered with stuff, has bright colors and has the latest “flashy” gadget. Contrast that visual with the simplicity of the Google homepage. Enough said.

Conclusion

Using dashboards is the most effective method of presenting information to the business to enable performance management and foster effective analytics. Just as paint on a canvas does not make a beautiful painting, simply using dashboard software does not produce an effective tool for business. Incorporating these 10 principles will help you build effective dashboards for your organization.


About the author

Rich ShermanRick Sherman has more than 20 years of business intelligence and data warehousing experience, having worked on dozens of implementations as a director/practice leader at PricewaterhouseCoopers and while managing his own firm. He is the founder of Athena IT Solutions, a Boston-based consulting firm providing DW and BI consulting, training and vendor services. Rick blogs on performance management, DW and BI at The Data Doghouse. You can reach him at rsherman@athena-solutions.com or (617) 835-0546.

In addition to teaching at industry conferences, Sherman offers on-site DW & BI training, which can be customized and teaches public courses in the Boston area. He also teaches data warehousing at Northeastern University’s graduate school of engineering.

Don’t miss the other installments in this dashboard guide
 How to get started with dashboards
 10 key elements for effective dashboard designs
 Executive dashboards and data visualization trends and future outlook
 Working with dashboard editors for streamlining and increased user adoption
 Real-life examples of effective dashboard design
 How to create effective dashboards and scorecards


Some good pitches that need to be notice making a web:

  1. Users don`t read. Use as little writing as possible.
  2. Users don`t scroll. Don`t make your pages scroll.

The underlying principle here: “Understand the nature of your site`s users, business, and content, and you can create a successful design.”

It`s very important to know the nature of the content – is it important information on the last page? Are my users have a fast or slow connections? And from my business point of view – Do I need more advertising impressions?

  1. Font size “1” should never been used. No one can read it.
  2. There should be a maximum of 7 links on each page; more than that and we lose the user. It`s just too many choices.
  3. users won`t click on items they believe are advertisements. Banner ads work only if they appear on the right side o the page.
  4. Three goals of a site have to be identified to determine the direction and voice for the site.

The process of answering these questions is called requirements gathering, and NO SITE SHOULD BE BUILD WITHOUT IT!

  • What are the business goals? Customer loyalty? Investor excitement? Avoiding going over budget?
  • What are the engineering goals? easy to maintain? Extensible? Avoiding having to rebuild the current infrastructure?
  • What are the sales goals? More banner space? Customized pages for co-branding opportunities?
  • What are the marketing goals? Reinforced branding? Gather customer feedback?
  • What are the users goals? I want to learn? Find? Buy? Say HI! to a friend? Get my work done quickly?

WHERE YOU ARE?

Logos remind people whose site they are on; headers, breadcrumbs, a navigation bar that shows where you are , and color-coded sections are all proven ways to orient a user within the site.

In a good navigation design, links looks clickable.

Display a message letting folks to know what`s going on. Animation is key to this – movement gives  sense of activity.

Did you call the HELP section “Information support” on the home page? it had better NOT be called “Help” in the interior pages, or confusion ensues.

Preventing. Use clear, brief, conventional language in your constructions and dialogs.

Protecting. Save user-entered information. Nothing is more frustrating than write long e-mail and then loose it.

Informing. If an error occurs, tell users exactly what`s happened, use a nonjudgmental tone and try to help them recover.

Styling and advising how to make useful NAVIGATION:

Top Horizontal Bar Navigation

Top horizontal bar navigation is one of the two most popular kinds of site navigation menu design patterns out there. It’s used most frequently as the primary site navigation menu, and is most commonly located either directly above or directly below the site header of all web pages in a site.

Common Characteristics of Top Horizontal Bar Navigation

  • Navigation items are text links, button-shaped, or tabbed-shaped
  • Horizontal navigation is often placed directly adjacent to the site’s logo
  • It is often located above the fold

Vertical Bar/Sidebar Navigation

Vertical navigation is one of the most versatile patterns out there, able to accommodate a long list of links.

Vertical Bar/Sidebar Navigation

It can be used alongside sub-navigation menus, or on its own. It’s easily used for primary site navigation that contains a lot of links. Vertical bar/sidebar navigation can be integrated into almost any kind of multi-column design layout.

Common Characteristics of Vertical Bar/Sidebar Navigation

  • Text links for navigation items are very common (with and without icons)
  • Tabs are rarely used (except for the stacked tabs navigation pattern)
  • Vertical navigation menus usually have plenty of links

Tabs Navigation

Tabs navigation can be styled virtually any way you want, from realistic, textured tabs that look straight out of a notebook to glossy, rounded tabs and simple, squared-edge tabs. They’re seen on virtually every kind of site, and can be incorporated into almost any visual style.

Tabs Navigation

Tabs have one distinct advantage over other types of navigation: they have a positive psychological effect on visitors. People associate tabs with navigation, because people are used to seeing tabs in notebooks or binders, and associate it with turning to a new section. This real-world metaphor makes tabs navigation intuitive.

Common Characteristics of Tabs Navigation

  • Generally resemble and function like real-world tabs (as seen in filing systems with folders, notebooks, binders, etc.)
  • Usually horizontally-oriented but occasionally vertical (stacked tabs)

Breadcrumb Navigation

Breadcrumbs, which get their name from the Hansel and Gretel fairy tale of leaving breadcrumbs along the journey so they could find their way back home, show you where you are on a website. They are a form of secondary navigation, helping support the site’s primary navigation system.

Breadcrumb Navigation

Breadcrumbs are useful in sites with multiple levels of web page hierarchy. They help orient visitors as to where they are relative to the entire site. If a visitor wants to go back a level, they can just click on the appropriate breadcrumb navigation item.

Common Characteristics of Breadcrumb Navigation

  • Usually formatted as a horizontal list of text links, often with left-pointing arrows between them to denote hierarchy
  • Never used for primary navigation

Tags Navigation

Tags are commonly used on blogs and news sites. They’re often organized into a tag cloud, which may arrange the navigation items alphabetically (often with different-sized links to indicate how much content is filed under a particular tag), or in order of popularity.

Tags are excellent secondary navigation and are rarely seen as primary navigation. They can aid in findability and site exploration. Tag clouds usually appear on either a sidebar or footer.

Common Characteristics of Tags Navigation

  • Tags are a common feature content-centered sites (blogs and news sites)
  • Only text links
  • Links are often of varying sizes when arranged in a tag cloud to denote popularity
  • Often included in a post’s meta information

Common Characteristics of Search Navigation

  • Search bars are usually located in the header or near the top of a sidebar
  • Search bars are often repeated on auxiliary sections of a page layout, such as the footer

When to Use Search Navigation

For sites with tons of pages and complex information architecture, you certainly need to include a search feature. Without it, users are likely to get frustrated having to wade through links and multiple levels of navigation to get to the specific information they want.

Fly-Out Menu and Drop-Down Menu Navigation

Fly-out menus (used with vertical bar/sidebar navigation) and drop-down menus (typically used on top horizontal bar navigation) are great for robust navigation systems. They keep the overall look of your site uncluttered, but also make deeper sections easily accessible.

Fly-Out Menu and Drop-Down Menu Navigation

They’re generally used in conjunction with horizontal, vertical navigation, or tabs as part of the site’s primary navigation system.

Common Characteristics Fly-Out Menu and Drop-Down Menu Navigation

  • Used for multi-level information architecture
  • Uses JavaScript and/or CSS for hiding and showing the menus
  • Links displayed in the menus are child items of the primary item
  • Menus are most often activated by mouse hover, but sometimes also mouse click

Faceted/Guided Navigation

Faceted/guided navigation (also called faceted search or guided search) is most commonly seen on e-commerce sites. Basically, guided navigation presents you with additional filters of content attributes. Say you’re browsing for a new LCD monitor, the guided navigation options might list things like size, price, brand, and so on. Based on these content attributes, you are able to navigate to items that match your criteria.

Guided navigation is invaluable on large e-commerce sites with a huge and varied inventory. Straight search options often make it difficult for a user to find what they want, and increase the likelihood that they might miss a product. For example, they might search for a product in “taupe” when you’ve got it marked as “tan” or “beige”, even though it’s exactly what they were looking for.

Common Characteristics of Faceted/Guided Navigation

  • Mostly seen on e-commerce sites
  • Usually let users filter multiple times for different characteristics
  • Almost always uses text links, broken down by category or in drop-down menus
  • Often paired with breadcrumb navigation

Footer Navigation

Footer navigation is mostly used as secondary navigation, and may contain links that don’t fit within the main navigation, or include a simplified site map of links.

Visitors who can’t find what they’re looking for in the primary navigation menu often look at footer navigation afterwards.

Common Characteristics of Footer Navigation

  • Footer navigation is often used as a catch-all for navigation items that don’t fit elsewhere
  • Usually uses text links, occasionally with icons
  • Often used for links to pages that aren’t mission-critical

Credits:


General Menu Usability

5 Expert Tips

Five Expert Tips for Improving Your Navigation Menu

This article gives a great overview of some common-sense (but often underused) guidelines for menu design. Learn what the experts say about menu placement, use of visual information, and more.

Read More »

Hover Menus

Why Hover Menus Do Users More Harm than Good

Many well-intentioned websites use drop-down menus that expand when the user hovers over them. This article explains why this tends to cause frustration and confusion.

Read More »

Drop-Down Menus

Designing Drop-Down Menus: Examples and Best Practices

Drop-down menus get a lot of criticism for hindering usability, but sometimes they’re the best option. These tips will show you how to use drop-down menus for good, not evil.

Read More »

Sticky Menus

Sticky Menus Are Quicker to Navigate

“Sticky” or fixed navigation menus can make a huge difference in a website’s usability. This post shows the pros and cons of switching to a sticky menu, along with some surprising statistics.

Read More »

Hold the Hamburger

Hold the Hamburger

More and more websites are using the “hamburger” (the ubiquitous three-line symbol for a menu) to save space on the screen, but hiding the navigation options isn’t always the best idea — especially for a desktop site.

Read More »

Mega Menus

Mega-Menus Gone Wrong

Large drop-down menus can easily fall into the trap of giving the user too many options or presenting the options in a confusing way. This article shows you what not to do if you’re using a drop-down menu.

Read More »

UX Flows

UX Flows: Navigation

This post discusses navigation from a UX designer’s perspective and shows some creative alternatives to the traditional drop-down menu.

Read More »

Top vs. Left

Top Navigation vs. Left Navigation: Which Works Better?

Not sure of the best location for your nav bar? Learn about scanning, visibility, and priority to decide which option is best for your site.

Read More »

Designing Winning Navigation

Designing a Winning Navigation Menu: Ideas and Inspirations

Browse through this collection of best practices, resources, and examples to get inspired to create a highly usable menu.

Read More »

What Really Matters

What Really Matters in Navigation Bar Usability

Take a look at the results from these real-life nav menu A/B tests. You might be surprised at what a difference a small change in copy or functionality can make.

Read More »

Mobile Menu Usability

Best Practices Mobile

Best Practices for Navigation on the Mobile Web

With mobile web traffic continuing to rise, creating a usable mobile experience is more important than ever. This article gives some basic guidelines on building menus for the small screen.

Read More »

Responsive Design Menus

Responsive Design Menus: Problems and Proposals

Responsive design is a popular way to make a website work on multiple devices, but creating an effective menu within your responsive site can be a big challenge. Here are some ideas for building a responsive menu that works.

Read More »

Ecommerce Navigation

11 Ways to Improve the Navigation on Your Mobile Site

For e-commerce sites, a bad mobile experience equals a loss of sales. From one-click checkout to the 44×44 rule for links and buttons, this is a list of things retailers can do right now to make their mobile navigation more usable.

Read More »

Mobile Nav and Great UX

Mobile Navigation Menus and Great User Experience

This article shows how to make good use of the limited space on a mobile screen without confusing users. It also includes some user-friendly alternatives to the “hamburger” navigation symbol.

Read More »

Mobile Menu A/B Test

Mobile Menu A/B Tested: Hamburger Not the Best Choice?

What does mobile menu usability have to do with quantum physics? And is it better to use an icon or a word to label the menu? Find out in this post.

Read More »

Responsive Menus

Responsive Menus: Enhancing Navigation on Mobile Websites

There’s more to mobile design than layout and speed. This article takes a deep dive into improving navigation — code included!

Read More »

Designing App Menus

Credit: http://www.usertesting.com/blog/2014/06/17/the-navigation-treasure-trove-37-menu-usability-resources/