7 Tips to Design User-Friendly Web Forms

Form design 1

Designing an effective web form can be very challenging , especially since most designers have made it apparent that completing forms is an activity hated by almost anyone using a website. However, some techniques and elements can be used to transform a failed web form into an efficient conversion opportunity, making it more user-friendly, easier to complete and more intuitive.

In today’s blog post, we will present some useful guidelines for Web form design.

  1. Simple vertical layout with labels above the input fields. Online forms with a simple vertical layout are always easier to fill in than multi-column layouts, as visitors are used to completing a majority of forms, electronic or on paper, from top to bottom.
  2. Emphasized field labels. If you want your visitors to read them easily, make field labels Bold.
  3. Required & asterisks. Add the text required or use asterisks after each label of a required field.
  4. Items grouped by topic. To make the form as intuitive as possible, group similar types of information you need to collect by its topic such as; personal information, contact information, and billing information (if necessary).
  5. Visual and clear separation is extremely important when collecting multiple types or large volumes of information.
  6. Prefilled answers. Provide a multiple selection list box or drop-down menu for the user to select the answer when he/she will have to enter a predictable word, such as city or country.
  7. Use symbols, colors, icons, special typography or font sizes to achieve attractive design solutions.

At CodeMyIMAGE, we know that optimized web forms result in maximized form completion rates, which translate into increased revenues for your service. To make it happen, we have learned to provide for our visitors an effective user experience when completing a web form.

  • Share/Bookmark

More Resources for Creating a Kid’s Magic Place on the Internet

web design for kids 2

In our latest article, we provided some useful tips for designing a top of the line website for kids. Today, we bring you more resources you should analyze before starting to design a website dedicated to small children. Enjoy!

  • Share/Bookmark

Why Not Consider Creating a Kid’s Magic Place on the Internet

kids web design 1

Recent research shows users aged 3–12 are surfing the web with great proficiency. Designing for children requires a distinct approach, including targeted content, usability and design. It is truly a unique experience to design a kid friendly website in comparison to designing for the mature audience and market.

To design a top of the line website that appeals to kids, start by checking out and considering some of these best practices to get you started:

  • Appealing design. Now is the perfect opportunity to use large images, bright colors and animations. Kids like cartoon characters and seeing them moving around, talking to them, or doing something funny. Use attractive, easy to read fonts of 12 or even 14 points.
  • Minimal content. Kids are not interested in reading large amounts of text, so be sure to use as few words per page as possible. Moreover, avoid scrolling!
  • Easy navigation. Little kids are not so internet and technology – savvy and they do not tolerate navigating from one page to another numerous times. Reduce the number of clicks, include direct links to videos and music, and use images to channel them to different website categories. Multiple and in-depth are strategies to steer clear of for a website dedicated to kids.
  • Music and sounds. Music is magic for kids. Unlike adults, kids enjoy listening to a song while they are engaged in a website. Additionally, you could include songs they can replay as long as they wish, or make some characters sing, just remember to keep everything appropriate to the website’s overall theme.
  • Videos. Cartoons are perfect for a kids-dedicated website, and due to their seemingly short attention span, kids they may not have the patience to watch more than a few minutes of video, so keep it short and sweet.
  • Games. Kids like games, even ones that are educational. They learn through interaction or as a designer, you can use games for getting them to different website zones. Adapt games to appeal to different ages, which means you should conduct some research including a targeted survey before moving to design.
  • Parental information. This is the most important aspect when it comes to best practices. It should be an integral part of any kids website. Parents look for safe websites, where the content is actively moderated and where they can easily find a way to communicate with its administrators or owners. Parental support will do wonders to the attractiveness and popularity of your website.

At CodeMyIMAGE we know how important is to be aware of the differences between the way kids use websites and the way adults do. We know kids are looking for fun and entertainment and parents for safe content in any kid friendly site .

  • Share/Bookmark

Resources on Planning a Web Design Project

OLYMPUS DIGITAL CAMERA

In our latest article, we provided an extensive checklist for planning a web design project. Today, we bring you more resources on the subject. Enjoy!

  • Share/Bookmark

3 Fundamental Phases to Your Web Design Project

Uploaded to www.sxc.hu for free use.

Careful planning is the key element to make sure your website design is created the most effectively and in the most efficient manner possible.  Web design planning is your opportunity to define your website’s goals and to create a plan to achieve them.

Here is a checklist of steps you should consider for your web design project planning:

Inception Phase

  • Set the website’s main goals;
  • Create a user profile list;
  • Define your users’ potential objectives when visiting your website;
  • Set some basic design features –you may want it to be funny, friendly, technical or business;
  • Create a main competitors (and their website address) list;
  • Define some key messages you want your visitors to remember;
  • Define the technical requirements you may need – such as CMS or mobile integration;
  • Set the web development project’s budget and timeframe.

First Steps

  • Analyze your competitors websites’ navigation and message;
  • Create your website’s map, with content categories hierarchical ordered;
  • Define Navigation Elements. Think of main navigation, breadcrumb trails, related links, pagination, footer navigation, and their visual display, like hyperlinked words, tabs and buttons;
  • Design wireframes.
  • Create multiple design concepts;
  • Define the website’s forms with specific fields and validation systems.

Designing Phase

  • Define page titles;
  • Choose background colors;
  • Define graphics styles;
  • Set horizontal and vertical rules;
  • Define headlines, titles, subtitles and labels style;
  • Choose text fonts;
  • Define links and visited links colors;
  • Display graphics (pictures);
  • Define bullet list style;
  • Create banners and define their styles;
  • Design image gallery.

At CodeMyIMAGE we’ve developed an efficient process for developing small to medium sized web sites. We understand that every project is unique and proper planning is the key to ensure a website design is developed in a step-by-step process to avoid missing elements that would impact design and schedule.  Defining and following a process, which includes considerable client interaction, should result in only minimal changes to your overall plan.

  • Share/Bookmark
Page 1 of 121234510...Last »