Home | Sign in | English EN
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WindowsLinuxPHPWEBDEV - Browser code
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Stored procedures
8. 10 tips for better interfaces...
Previous pageTable of contentsNext page
1. Enhance the style of your home page.
The home page is a major element of your site. In some sites, it is just a connection page but in most Internet sites, this is truly the main page for attracting visitors (and future customer of the site). Its content and its presentation must be studied closely. Don't hesitate to read books about user-friendliness of sites to help you.
2. Get in touch
When Web users visit a site, they must be able to identify the person or the company in charge of the site: simply provide a name, a mailing address and an Internet address, ... allowing the Internet user to contact you.
This page can show a map specifying a store's location, opening times, etc.
3. Are your pages very long? Give the Web user ways to go back to the top.
If your pages are very long (more than 2 screens), use buttons or links to go back to the top of the page (to avoid using the scrollbar).
Top of page
End of page with a button
used to go back to the top of page

4. Harmonize the style and alignment of your buttons.
Make sure your buttons use the same style, and check their alignment. The page editor includes a snap-on and alignment mechanism to simplify this task.
5. Avoid using framesets.
Framesets, even though they seem to be more efficient at first, have specific problems: they include several pages. Referencing them beside search engines is more complicated. The navigation (especially the use of browser "Back" key) is hard to understand for the users. Today, it is not recommended to use framesets when developing sites.
6. Are there lists containing more than 20 elements? Use several pages to list the elements.
The pager control will allow you to go from a page to another one without having to write a single line of code and the overall interface of your site will be lighter. The site will be more pleasing and faster to view.
7. Use images displayed at 100% or Homothetic centered.
To keep the proportions of your images, it is recommended to choose:
  • images displayed at 100% (for the static and dynamic images or if the image size is identical to the control size).
  • homothetic centered images (for the generated images or for the images of different sizes coming from a database): the image size will be adapted by homothety to the area defined for the image. The proportions will be respected.
Image at 100 % if the control dimensions
correspond to those of the image,
otherwise, Homothetic image
Stretched image
(not recommended)
Selecting the display mode in the editor
(Image control description, "General" tab)
8. Are you using images? Make sure they are displayed properly in your pages.
If a display problem occurs, check whether:
  • the image exists,
  • the image is saved in a format recognized by the browser (GIF or JPG for example),
  • the image is stored in the subdirectory of the <ProjectName>_WEB project.
9. The Web user must type a quantity? Use a combo box to simplify the input of quantities.
10. Are you proposing a product catalog with the possibility to order?
Specify all the details about the product (name, reference, price, ...), including the button or the link used to order the product, to add it to the selection, to add it to the basket, ...
Previous pageTable of contentsNext page
Click [Add] to post a comment