Important aspects to consider while designing the website

Knowing Audience(User): Clarifying this early on as it may affect theme, design, content, search engine optimization, usability and networking efforts. In short, everything revolves around target market or audience.

Search Engine Optimization (SEO): It is the process of improving the quality and volume of web traffic to a website by employing a series of proven SEO techniques that help a website achieve a higher ranking with the major search engines when certain keywords and phrases are put in the search field.

Responsive theming: The basic idea behind responsive web design is to avoid having to build unique websites for different devices — such as smartphones, tablets, and desktop browsers. Instead, responsive design allows us to have one site that reflows its layout in response to the size of the screen it’s displayed on.

Honing content/messages: For stronger marketing impact, content should be consistent and touch the hearts and minds of potential customers. By working on content that reach out to viewers but also inspire them to convert into clients.

Engaging in social networking: Social networking sites have won the hearts of not just individuals, but businesses as well. Leveraging website by being seen on the top sites, such as Facebook, Twitter, LinkedIn etc.

Starting a blog on website: Company blogs are partners of websites these days. If websites tell about the product or service, blogs tell about the people behind company and the issues in the industry.

Lightweight Components: Something that many people do not consider is the weight of the website. As computers are most powerful, and the internet is faster, but when we are working with web design, we still have one major goal to make our website as small as possible. The larger our website is, the longer it will take to load, and many people will simple move on if they find that website takes too long to appear.

Typography matters: Understand what audience’s purpose is, like reading, learning, or getting technical advice, hence using the proper typography.

Color Palette: Can be define using brand’s logo, an image, or by finding a color swatch. Every color has its own properties and signs. Proper shades combinations required for grabbing the attention.

Keeping it Coherent: The website should behave in a way that makes sense. It should be logical and consistent. For example if one part of the website uses a pop up menu, then it might be expected that other parts of the website would do the same.

Keeping changes noticeable: When a user makes a change in the program it should be reflected within the website accordingly. For example, when a user is trying to select an item it might be helpful to gray out the other choices and only highlight what they are selecting so that they are confident in what they are picking.

Shortcuts are key: Giving the user a way to complete a task by using a shortcut can be important. Once a user has experience with a program and feels comfortable with the results that they are having its nice for them to be able to get the same task completed, but with a shortcut.

The human eye is drawn to motion: The eye is drawn to movement more than static objects. An animated object is usually going to be noticed quicker than an object that is not moving. Anything that we want to stand out can often be benefited by adding a little movement to it.

The User needs to feel safe: A new user does not want to feel stupid. So, it might be important to make them feel comfortable and keep them from feeling overwhelmed with the program. In this case, we might want to consider having a tip menu or FAQs section.

Help: The user may at some point in time need help, and when they do it is important to understand the type of help that they might need. There can be five basic type of helps:
Goal oriented- what can I do with this program?
Descriptive- What is this?
procedural- How do I do this?
Interpretive- Why did this just happen?
Navigational- Where am I?

Non-Standard Links: Few things needs to be considered regarding links.
Make obvious what’s click able.
Differentiating visited and unvisited links.
Little description can be shown while hovering on link.

Forms: Few things regarding forms:
Cutting questions that are not needed.
Not making fields mandatory which are not required.
Supporting auto fill for fields like Gender, Country etc..
Taking input of phone numbers, credit card numbers etc. in a flexible way.

Advertisements

How to call server side method by jquery or java script in asp.net.

Introduction:

Many time we come across situation to get data or perform some logic or execute function on server side by java script or j-query, so to accomplish this task on client side without posting entire page (entire page post back).

For easy understanding
Suppose you have created a login register page and you have put restriction on login name I mean login name should be unique so checking for uniqueness you must need entered login name on client side and  then you will search in database and if that login name exist it means  entered login name already exist but for doing this you have some option.

1) By Entire page post back:  After value entered in login name you need to submit user input data to perform searching by login name but this is not seems ok..isn’t it. first user will enter login name then he will check whether it is exist or not by
waiting some time so we must go for another alternative solution

2) By Ajax call: Hmmm this is what alternative method which we will look in detail here.

ASP.NET Code:

<input id="<span class=" type="text" />loginNameBox" type="text" onchange  = "GetLoginInfo()" />
<div id="<span class=">divSuccessBar"></div>
// After AJx call data will written here.
</div>

Ajax Call in js file by Java  script:


function GetLoginInfo()
{
var enteredloginName = document.getElementById("#loginNameBox").value;

$.ajax({
type: "POST",
url: "GetLoginInfo.aspx/LoginExist",
data: "{'parameter:'enteredloginName}",
contentType: "application/json; charset=utf-8",
dataType: "json",
async: true,
cache: false,
success: function (msg) {
$("#divSuccessBar").html(msg.d);
}
});
}

Ajax Call in js file by J-query:


$(document).ready(function () {
var enteredloginName = document.getElementById("#loginNameBox").value;
$.ajax({
type: "POST",
url: "GetLoginInfo.aspx/LoginExist",
data:"{'parameter:'enteredloginName}",
contentType: "application/json; charset=utf-8",
dataType: "json",
async: true,
cache: false,
success: function (msg) {
$("#divMainContentBar").html(msg.d);
}
});
});

url:   In ajax method url contains aspx page and webmethod which you have defined.
date : Data in ajax call in which we paas value to webmethod in server side in above
I am sending entered user name.and “parameter” which I have define in web method.


[WebMethod]
public static string IsloginExist( string parameter)
{

String isloginExist  = string.Empty;

// Check here whether entered login name exist or not.
if( //loginname exist)
{
isloginExist = "Allready Exist"
}
else
{
isloginExist = "Not Exist"
}

return isloginExist;
}

Note: You must have to reference System.Web.Services dll and place it in top like this “using System.Web.Services;”

Feel free to comment if you find any difficulty.

Another Article

C#: How to Serialize JSON Array data by c# on server side.
How to Create Drag and Drop By J query.
How to get Dragable or Dropable element ID or attribute value in J-Query.
How to call server side method by jquery or java script in asp.net.
How to add javascript file by c# code in asp.net page.
Java Script: How to Get asp.net hidden or input field value by java script/ j-Query.

How to add javascript file by c# code in asp.net page.

After couple of hour searching over net get frustrated for none of working solutions.At end I found another method for adding java script js file in asp.net page.  Below I have given code for that. In This post I will give you two method for this.

Method 1:

Content in my js file is:


function GetFeed() {
alert("Hi Nishant");
}

Add js file into asp.net page during page_load time.

Method 1:


protected void Page_Load(object sender, EventArgs e)
{

HtmlGenericControl javascript = new HtmlGenericControl("script");
javascript.Attributes["type"] = "text/javascript";
javascript.Attributes["src"] = "scripts/UpdateFeedContent.js";
Page.Header.Controls.Add(javascript);

}

Content In aspx page:


<input id="Button1" type="button" onclick = "GetFeed()" value="button" />

And It works fine.

Another Simple method:

Method 2:

LiteralControl javascriptRef = new LiteralControl("<script src='/Scripts/UpdateFeesContent.js'  type='text/javascript'>  </script>");
Page.Header.Controls.Add(javascriptRef);

Reference from: Here

Page Keyword: Add JavaScript file by code, Add JavaScript programatically by c#, Programatically add java script file in asp.net page.