Working on Web application? Remember these Points for the UI prespective !!

We use multiple languages to create a web application but the browser is only able to understand HTML ,JS ,CSS etc.


 Remember some points to create a better web application .

  • 1. Mobile First Application - In  today's mobile world most of the people use mobile devices to access different websites. You first need to know your customer if you wish to go mobile try to keep in mind the concept of mobile first . Use responsive templates or themes to create applications. Generally before this developer use to check which device is accessing the website based on which they for the . Many of you have generally seen that when access many of the websites they shows m.website this 'm' shows that the programmer has checked for the device and then routed you to different pages that is specific for mobile device. But in many cases i have seen the developers forget to check for the opposite . so the better idea is to use a responsive template which automatically changes the website according to mobile .
  • Keep Simple and Clean - Try to keep things simple and clean. When creating a web application don't put unnecessary thing with in single page . try to keep things simple and clean for the user to understand . In many areas it also cause a performance issue as the bulky page is. Remember the average time for the page to load should be between 2 - 3 seconds. This is the worst case scenario.So keep the pages simple easy to understand for the user.
  • Don't Use Everything that you know - Use only the required things while creating a web application by which you can connect to your user or customer. It means If you know 10 different things to do with the web don't use all of them in one. As I said above keep  it simple . More the application is simple , more is there for user to do .

  • Power of Tool tip- Who so ever may be the user try to provide tool-tip for the required controls on your webpages it helps in clarity of the web navigation.generally when using responsive UI its very good to provide the tool-tip to make a better understanding of the controls.This small change in your website can change the number of users on your website. Its good for every age group to understand that what they are searching for 

Comments

Post a Comment

Popular posts from this blog

RichTextBox Field in power apps as Sharepoint online defalut forms.

Let's say you have some rich textbox columns in Sharepoint online, when we create a default canvas app the columns will show as a plain multiline text field. when we view this content in view mode the content of the Richtext field with HTML added to it.  So to correct this remove the multiline field and add a rich textbox  To replace a multiline text field with a Rich Text Box in Power Apps, you can follow these steps: Delete the multiline text field from the screen by selecting it and pressing the "Delete" key. Insert a new Rich Text Box control onto the screen by selecting it from the "Insert" menu. In the right-hand pane, under the "Data" tab, Change some properties as Default is set to Parent.default and DisplayMode as Parent.DisplayMode. These fields are needed to be set as the value sync automatically with the parent.  Configure the appearance of the Rich Text Box control, such as the font size and color, by selecting the control and using the fo
Read more

Code snipets in vs

try this out for FOR loop just write For then press tab two times.. for WHILE loop ,write while then press tab tab . for DO WHILE loop, write do press tab tab for CONSOLE.WRITELINE , write cw then press tab tab..
Read more
AngularJs is a Framework of the Jscrit to work in a better way . A basic knowledge of HTML,cssand JScript is requiredbefore starting angular js. ng-directives are uses to extentHTML content. and we need to download the AngualrJs CLICK HERE After adding the AngularJs to your web page it will automatically gets loaded to your web page . 'ng-app' directive is added to div which tells the js that div is the owner of the AngularJs  applicaion <div ng-app=""> ------ ------ </div>  "ng-model" it binds the inserted values with a variable name <p>The name of the User is <input type="text" ng-model="first_name"/></p> here the firstname is the variable is which the value is being entered now we will bind this value to any other component . which is called as two way binding this can be get by 'ng-bind' <p>The name of the User is <input type="text" ng-model="firs
Read more