Showing posts with label web designing company in indore. Show all posts
Showing posts with label web designing company in indore. Show all posts

Friday, 3 October 2014

Hello Everyone...!!!

Having a contact us form is vital for any online business website in this competitive market place. but how to make it user-friendly?..

How to design user-friendly web forms


1. Keep Pages Short :

If you have long forms then you divide it up into page sections so that it seems less. it removes the need of a lot of scrolling up and down.
                 How do you add a page? In the Form Builder, click the “Add Section” button, and then select “Page” from the available section types. You can then drag and drop the questions to the correct page.


2. Minimize Mouse Usage :

While typing, it is easy to use tab key to move from one field to another but many users do not know this. Eliminating the need to grab the mouse and click around.for them.
     A date field is a perfect example. We instinctively want to add separate fields for the month, day and year, perhaps in the hope of preventing typos and improving the quality of the collected data. The opposite is actually more likely. Since it’s slower to enter a date this way, respondents are more inclined to select the first values to save time: January 1st. It’s usually worth letting users type in the necessary information in a single text field instead. In the Form Builder, you can add a popup calendar to date fields to provide another way to enter a date.

3. Avoid Multiple Columns :

When using paper, we have limited space and so to make full use of each sheet of paper, we use multiple columns.With a web form however, we do not have these constraints. Multiple columns actually slow down the process of filling out a form since users are moving their eyes and mouse from one side of the screen to the other.

4. Place Labels Close to Fields :

Another simple way to help your users is to place the labels directly above the fields rather than to the side.  Notice that in the left image below, the eyes follow a straight line down the left side of the page with labels on top but not with the image on the right.

5.Hide Until Necessary

You may have some items that are needed for some respondents but are not for others. You can use what is called conditional questions to only show those items when needed. This option can be found in the Advanced Properties of the section in the Form Builder.

Let me know ... "What do you think about this article". Share with us in COMMENTS..

 

Regards : Web Designing Company In Indore

 






Friday, 19 September 2014

Hello Friends...!!!
web designing company in indore, responsive web design testing, web design tips


As we all know a huge amount of internet has been shifted to the mobile devices
 ( smartphones, tablets). So having a Responsive Web Design is must in this competitive market place.

Today i am here with some ways to test your Responsive Web Design. have a look...


 Ways to test Responsive Websites


1. Aptus : 

Aptus is one of my favourite method. it is a little Mac application allows us to test responsive websites.

allows To :
 
A. setup multiple breakpoints for testing your site on several devices

B. change the user agent for the browser as well

by the help of this you can test your website using any "Modern" broeser.Aptus It is not free, but it cost only $2.99 from the Mac app store.

2. Responsinator

If you don't use the apps or you don't have mac then there is a in-browser tool that is Responsinator. it is easy to use and well designed tool. it doesn't offer user agent modification means you will have to load it up in many browsers. But it offers a good selection of device size for testing. Its free of cost. 


3. Screenfly

It is also a browser-based tool, but it has much richer tool then Responsinator.This tool offers multiple breakpoints including mobile, tablet, desktop, and (surprisingly) TV and you can also rotate displat and enable/disable scrolling on the web page.

4.  Responsive Web Design Testing Tool

Its again a browser based tool. it is a simple RVD testing tool offers Multiple device sizes and just pixel dimensions. This tool can be forked on github. Again this tool doesn't offer user agent testing but it is still a nice tool.

5. Adobe Edge Inspect

Adobe edge inspect is a part of Adobe’s Creative Cloud platform. It allows you to test your responsive web designs to multiple mobile devices. But you will actually have to have the devices in order for this to function and you need to install an app on said devices in order for your desktop to communicate with it.Basically this app syncs whatever you’re looking at in a desktop browser with the app’s built-in browser and allows you to interact with and refresh the pages as needed. Providing you have multiple devices for testing, this is an absolutely amazing tool.

Please Share your experience or any suggestion with us .. VIA COMMENTS

Regards : web designing company in indore






  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube