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

More Mistakes to Avoid when Designing Mobile Websites

mobile mistakes 2

In our latest article we provided a short list of mistakes done when designing mobile websites. We have searched the web for articles regarding the mobile environment and other possible websites mistakes you should avoid, and here’s what we have found:

  • Share/Bookmark

BEWARE of the 7 Sins when Designing a Mobile Website

mobile mistakes 1

It is no surprise that the future of media will be Mobile, as it is predicted that the number of mobile web users will outstrip those using laptops or desktop computers by 2015.  In a world where being connected anywhere and at anytime is the norm, can your business afford not to be online? If you want to stay competitive in your business, going mobile is a must.  And another must, is making sure it is done properly.

Here are 7 mistakes to avoid when designing a mobile website:

  • Passing off your existing site. If your business is tempted to offer mobile users access to their current website and not create a custom one for the new environment, think again.    Your rich in content, photos and videos, will pose a real challenge to the mobile user.
  • Not understanding your users. Keep in mind that a user will either access your mobile site during idle periods of time or are in a crunch for time and are looking for specific information quickly.  Don’t bore them with irrelevant information and make navigation easy.
  • Assume all mobile devices are the same. Unfortunately, not all mobile devices are the same, so focus on the type you are designing for.  If you are designing for more than one type of device, be prepared to adjust your application.
  • Slow loading. Speed is the most important factor for a satisfying online mobile experience, so keep it simple and minimize “heavy” content which may take additional time to load.
  • Ignoring that “size matters”. The device may be small and you may be tempted to size everything for the citizens of Lilliput, but it’s important to remember that real, average sized hands will be using it.  So don’t go small, make it large, then make it larger.
  • Making it complicated. Just keep it simple. Don’t offer too much at once, edit your content with only what is necessary.  Remember to make links and navigation easy to use.  Also keep in mind that “perfection is achieved not when there is nothing left to add, but when there’s nothing to take away”.
  • Not testing. Creating a prototype and running tests is essential for a successful mobile website. Get feedback and make adjustments, don’t wait for the website to go live in order to identify and discover problems.

At CodeMyIMAGE we know that a mobile device  is not a mini computer and smartphone optimized websites require different design rules. Our professional designers will develop your mobile website keeping in mind your business needs and visitor expectations to deliver a most optimized application and experience.

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