Sunday, November 06, 2011

User Interface Designing

Dear Friends I would like to share some knowledge about user interface designing: We can design interface for any kind of Application may be a Website /Desktop /Mobile/Computer etc..  Which will interact with user the goal of user interface designing as simple and efficient as possible? We can make an UI (User Interface) for any kind of application and technology can be different so don’t worry we have to take care a balance graphics, code formatting, files name/Path name, common file can make a conflict error in application so we need to take care following things when we are designing an interface for an application all points are mentioned below:

File Name/Subject Name: (File should be easy and relative with their theme suppose we have one image like header.gif and we have given name as layout 1.gif/jpeg so it’s too difficult to understand  and we are using 2  js file for menu in our application first is for main menu and 2nd one is for left/right and we have given the name menu1.js and menu2.js so it can create the confusion correct can be main_menu.js and for 2nd left_menu.js I will suggest you friend never use {-} between the file name ever try to use {_} because sometime we can’t justify the space between the file name in browser’s and It can create error when we are running the application in the browsers ) 

File Path:
(Be ensure about the file path suppose we are using 2-10 CSS files so it is difficult call these files from main folder where we kept the other HTML/JSP/PHP Pages so we should create the one folder with name of css and keep all CSS files inside this folder for images we need to create one another folder as img/images where we will keep the all images whichever have used in the entire prototype for Java script files we need to create one folder as js and keep all js files inside this.)

Inserting external files: (we need to take care for external files which we are calling inside the application page we give a proper path with their declaration if you will missed the declaration it can effective may will not work in all browsers suppose we are calling one external CSS file from the other folder what path is required like this 2nd one is incorrect for js it’s type should be declared properly) 

UserInterface Controls : Yes Friends we can control our entire application interface by very few files we can create some CSS files for entire application and application can easily control by  this way suppose we have designed the header and have written the classes an ID’s inside the css this header we can apply wherever is required means in a one or more pages in future if we would require to change this look & feel /Design so we can easily make changes inside the css and changes would be applicable in the entire application.

Advatnages of CSS files in user interface designing :
1)      Easy to modify : we can easily make changes at a time without manual we will change our CSS file and these would be applicable in entire Prototype wherever we have applied the same class and Id ‘s in which we made changes.
2)      Low file size Yes friend we can decrease the file size because we are writing the classes inside the CSS and inserting all images inside the class or ID’s and in our page we are inserting only one file path so we can decrease the file size. 
Some Standard Rules of a good CSS: We should follow some CSS rules which have mentioned below :      Build and make your CSS in Firefox and safari if you are using mac ) 
  •  Naming Convention (Dear fiends naming convention is a very essential  part of good CSS so I will request please use a good naming convention which should be easily understand and belong to that particular section) 
  •  Avoid Inline Styles (Avoid inline style cause of that changes can be difficult or may be impossible  some time in entire Prototype/Application so please avoid to write inline styles) 
  •  Avoid @import (with this we can importing some CSS files so it is better to avoid the importing files and keep the right path in our application page by this we can reduce the loading time of our application.)
  •  Comments Writing in CSS  : Be Ensure When we are writing the comments inside the css we should be taking care of comments section in which we are writing it is relate or not with that particular section. 
  •  Avoid Define Same Properties inside the Class and sub classes also : We are defining some classes and Id's as per our page requirements but some time we are writing sub classes and sub id's also so it is totally effect of your coding standard we should define one main id for a section inside that section we can write the classes and avoid to write same properties in id's and sub id's /Classes and Sub Classes also by  this we can reduce the code size and it would be easy to modify and  understand suppose we have defined the font properties into id then we don't need to call same properties into sub id's and classes.

44 comments:

  1. Be Ensure When we are writing the comments inside the css we should be taking care of comments section in which we are writing it is relate or not with that particular section.

    ReplyDelete
  2. I actually enjoyed reading through this posting.Many thanks. Website Design Melbourne

    ReplyDelete
  3. Great !! I visited your blog and useful details for user interface designing . Thank you.

    ReplyDelete
  4. Great !! I visited your blog and useful details for user interface designing . Thank you.

    ReplyDelete
  5. Thanks for sharing such a great blog. I would like to visit this blog again. Keep Writing

    ReplyDelete
  6. Having a website is beneficial for both the company as well as for the customers because a website builds a communication medium between the customers and the company which is accessible 24/7 and customers can any time browse the particular company website that too free of cost and company can any time update the website with latest changes.

    Website Designing Companies also advertise and do marketing for your company and it products and services through various means like sms marketing or email marketing and Website solutions also helps your company to get into top ranking list by providing a search engine optimization service.

    ReplyDelete
  7. I like the information posted by you about the Website design..

    ReplyDelete
  8. I truly like to reading your post. Thank you so much for taking the time to share such a nice information. well ZiteCode offers an easy, fast and very affordable solution to Build websites through our advanced editor while providing all users the tools to Optimize and Broadcast their website through our social networking community.


    make a website , making a free website , make ur own website

    ReplyDelete
  9. very useful article for everyone, it will surely help me in my website redesign services.
    thanks again for this.

    ReplyDelete
  10. Heya¡­my very first comment on your site. ,I have been reading your blog for a while and thought I would completely pop in

    and drop a friendly note. . It is great stuff indeed. I also wanted to ask..is there a way to subscribe to your site via

    email?


    Website Design San Francisco

    ReplyDelete
  11. Thanks! Yes, I will, this is my outlet to express my thoughts about my life and SEO as well.
    smo services

    ReplyDelete
  12. Yes Friends we can control our entire application interface by very few files we can create some CSS files for entire application and application can easily control by this way suppose we have designed the header and have written the classes an ID’s inside.
    link building services

    ReplyDelete
  13. Hey, nice site you have here! Keep up the excellent work!


    Website Design Services India

    ReplyDelete
  14. I have read this post. collection of post is a nice one ..that am doing website designing company chennai india and website development company chennai india. That I will inform about your post to my friends and all the best for your future posts..

    ReplyDelete
  15. fanttastic and useful we blog thanks for piblisling his ti's usful and informahie keep up the great.


    Professional Website Services India

    ReplyDelete
  16. link building is the good way to generate traffic to website.

    Php Developer India

    ReplyDelete
  17. Thanks for sharing your ideas and thoughts. I like your blog and bookmark this for further use thanks again… :)

    marsha_d

    ReplyDelete
  18. Nice information about User Interface Designing and Website redesign service .Thanks for sharing.

    ReplyDelete
  19. I actually enjoyed reading through this posting.Many thanks...


    Web Design India

    ReplyDelete
  20. Keep on writing because this is the kind of stuff we all need

    ReplyDelete
  21. Great thoughts you got there, believe I may possibly try just some of it throughout my daily life.

















    Web Design Services

    ReplyDelete
  22. This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information. Keep it up.
    Jodhpuri Suit

    ReplyDelete
  23. This is one of the most incredible blogs Ive read in a very long time. The amount of information in here is stunning,
    like you practically wrote the book on the subject. Your blog is great for anyone who wants to understand this subject more. Great stuff

    please keep it up!

    Website Designing Company in India || Website Development Company in India

    ReplyDelete
  24. Internet marketing, also known as digital marketing, web marketing, online marketing, search marketing or e-marketing, is the marketing (generally promotion) of products or services over the Internet.

    ReplyDelete
  25. Your Post content are really good and help full for me thanks for this Nice Post web design firms india

    ReplyDelete
  26. http://quirktools.com/screenfly/
    http://thenewboston.org/list.php?cat=43
    http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

    ReplyDelete
  27. User interface design has been shared in the post here. Read to know more

    ReplyDelete
  28. We at Shapia software Services Company, help style eye appealing web 2.0 website styles which will normally combine with your product picture and represent thoughts of your company. Our designs will help you obtain more visibility in regional and worldwide industry.
    For all website design and internet marketing queries contact us today!
    website development

    ReplyDelete
  29. Hi there, awesome site. I thought the topics you posted on were very interesting. I tried to add your RSS to my feed reader and it a few. take a look at it, hopefully I can add you and follow...


    Web Design India

    ReplyDelete
  30. the website or any other application has some essential components in which the user interface , design and architecture have special value, so all these web building services are mostly offered by single entity. here the user interface is broadly discussed that capture good idea about any web.

    ReplyDelete
  31. Such a nice read. I appreciate the information you shared to us.
    Thank you so much......
    web design oakland

    ReplyDelete
  32. Nice post again dear...Your post is very import for Web Designing Company

    ReplyDelete
  33. Web accessibility means that people with disabilities can use the Web.More specifically,Web accessibility means that people with disabilities can perceive,we can do interfacing.website developers in bangalore

    ReplyDelete
  34. Wow, this is pretty interesting. Inspiring, as well. Thanks for sharing such inspiring experience with us. Great blog, congrats.!

    ReplyDelete
  35. I do not even know how I ended up here, but I thought this post was great.Thanks for sharing the valuable information which is going to be definitely useful for the naive who are unknown about the Web Design London.

    ReplyDelete
  36. very weekend i used to pay a quick visit this web site, because i want enjoyment, as this this site conations really pleasant funny stuff too.
    website development indore


    ReplyDelete
  37. Thank you Friend.,
    I really appreciate your efforts & I will waiting for your further write Applications! Web Design Kerala thanks

    ReplyDelete
  38. Webzin Infotech has a mission to provide you with the best of web design and development services . We aim at helping you create the optimum website which will offer your rival and competition websites the competition they need.
    mobile website india

    ReplyDelete
  39. You couldn't pay me to ignore this post, I would love to read it again and again. Thanks for sharing your insights about free mobile messaging app

    ReplyDelete

How to change Background color by using HTML 5 and javascrpt

Change Background Color

Color Magic

Hexa Code#00000