{"id":33057,"date":"2015-06-07T15:07:09","date_gmt":"2015-06-07T15:07:09","guid":{"rendered":"http:\/\/vskills.in\/certification\/blog\/?p=33057"},"modified":"2024-04-03T13:24:26","modified_gmt":"2024-04-03T07:54:26","slug":"web-design-development-part-8","status":"publish","type":"post","link":"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/","title":{"rendered":"Web Design &amp; Development- Part 8"},"content":{"rendered":"<p style=\"text-align: center\"><a ref=\"magnificPopup\" href=\"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Web-Design-Development-Part-82.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-33119\" src=\"http:\/\/vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Web-Design-Development-Part-82.jpg\" alt=\"Web Design &amp; Development- Part 8\" width=\"259\" height=\"194\" \/><\/a><\/p>\n<p><strong>Information Design<\/strong><br \/>\nInformation Design is connected with effective presentation of content on screen. Its main aim is to optimise communication by organising information in a cohesive and pleasing layout. When creating a layout, the principle output of the Designer is called a &#8216;wireframe&#8217;.<br \/>\nA wireframe is the basic outlook of a web page exclusive of all the elements, design and colour. It simply shows where the content could be placed for the purpose of a good communication. It solely depends on graphic designer where to take the things and do it as according.<br \/>\n<strong>Visual Design<\/strong><br \/>\nVisual Design is what most people think of when they consider web design is, i.e. cool online graphics. However, this phase of production is much too important to decided based on what is thought \u2018cool\u2019 or not. Rather, it should be based on how well it matches:<br \/>\n\u2022 The goals of the site.<br \/>\n\u2022 The expectations of users.<br \/>\n\u2022 The values of your organisation.<br \/>\nWhen evaluating a Visual Design, it is crucial that analysis remain as dispassionate as possible. While everybody has colour preferences, they are usually not relevant. Instead, you should call on the expertise of the Graphic Designer (or usability data) to understand the merits of a potential solution.<br \/>\nHaving said that, some type of debate is probably inevitable, simply because Visual Design is often the most sensitive phase of all site development. The challenge is to keep deliberations focussed and prevent a battle emerging over colours or images.<br \/>\nIn this regard, it is worth emphasising that the expertise of the Designer (together with the results of any usability studies) should be paramount. Only she has the training, skills and experience necessary to determine what does and does not work visually on the web. Based on this advice you can then select a preferred solution.<br \/>\n<strong>Usability Explained <\/strong><br \/>\nUsability is a term often used during website development. It has 2 distinct definitions.<br \/>\nDefinition 1: Usability encompasses quality attributes that determine how easy a design is to use. There are 5 attributes of something that is \u201cusable\u201d :<br \/>\n\u2022 It is easy to learn how to use it.<br \/>\n\u2022 It is efficient of use<br \/>\n\u2022 It is easy to remember how to use it.<br \/>\n\u2022 The possibility of errors happening is quite low.<br \/>\n\u2022 People feel satisfied when using it.<br \/>\nDefinition 2: Usability refers to methods used to achieve \u2018usability\u2019 during the design process. These methods are also referred to as User Centered Design, User Experience Design or UX Design. Some methods include (some of these are explained in this document):<br \/>\n\u2022 Personas<br \/>\n\u2022 Card sorting<br \/>\n\u2022 Wireframes<br \/>\n\u2022 Expert\/heuristic review<br \/>\nYour designer will employ whatever methods are appropriate to produce a usable website, within the constraints of your budget<\/p>\n<p><a href=\"http:\/\/www.vskills.in\/certification\/Web-Development\">Click here for government certification in Web Development<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Information Design Information Design is connected with effective presentation of content on screen. Its main aim is to optimise communication by organising information in a cohesive and pleasing layout. When creating a layout, the principle output of the Designer is called a &#8216;wireframe&#8217;. A wireframe is the basic outlook of a web page exclusive of&#8230;<\/p>\n","protected":false},"author":1169,"featured_media":33119,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[1558],"tags":[4256,2644,4247,2755,4257],"class_list":["post-33057","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development-2","tag-attributes","tag-easy","tag-information-design","tag-understanding","tag-visual"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Design &amp; Development- Part 8 - Vskills Blog<\/title>\n<meta name=\"description\" content=\"What are the basic elements of Web design &amp; development? Apply for a Vskills certification in Web Development now. Hurry up!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Design &amp; Development- Part 8 - Vskills Blog\" \/>\n<meta property=\"og:description\" content=\"What are the basic elements of Web design &amp; development? Apply for a Vskills certification in Web Development now. Hurry up!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/\" \/>\n<meta property=\"og:site_name\" content=\"Vskills Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/Shantanu.theonepiece\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-07T15:07:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-03T07:54:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Web-Design-Development-Part-82.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"259\" \/>\n\t<meta property=\"og:image:height\" content=\"194\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"SHANTANU BHARADWAJ\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"SHANTANU BHARADWAJ\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/\",\"name\":\"Web Design &amp; Development- Part 8 - Vskills Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Web-Design-Development-Part-82.jpg\",\"datePublished\":\"2015-06-07T15:07:09+00:00\",\"dateModified\":\"2024-04-03T07:54:26+00:00\",\"author\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/9f88c97681823a1377733cc3a2ecce98\"},\"description\":\"What are the basic elements of Web design & development? Apply for a Vskills certification in Web Development now. Hurry up!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/#primaryimage\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Web-Design-Development-Part-82.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Web-Design-Development-Part-82.jpg\",\"width\":259,\"height\":194},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design &amp; Development- Part 8\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/\",\"name\":\"Vskills Blog\",\"description\":\"Vskills - A Initiative in Assessment to Enhance Employability\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/9f88c97681823a1377733cc3a2ecce98\",\"name\":\"SHANTANU BHARADWAJ\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d986dd8c6eccc0938b1775a8520e76f085bc94a5a5aa16b34f0cb8ca7632553f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d986dd8c6eccc0938b1775a8520e76f085bc94a5a5aa16b34f0cb8ca7632553f?s=96&d=mm&r=g\",\"caption\":\"SHANTANU BHARADWAJ\"},\"description\":\"A first year engineering undergraduate student at I.I.T. Guwahati with an interest in programming, coding and developing new softwares. Experienced in assisting a company\u2019s branding needs through social media outreach, developing marketing plans, digital marketing, and conducting customer research. Specialties \u2022Team Management \u2022Programming softwares and android applications. \u2022Expertise in cloud computing. \u2022 Microsoft Offices (Word, PowerPoint, Excel) \u2022 Adobe CS5.5 Suite (Photoshop, Flash). \u2022 Updated knowledge about all technological developments.\",\"sameAs\":[\"https:\/\/www.facebook.com\/Shantanu.theonepiece\",\"https:\/\/www.linkedin.com\/hp\/?dnr=jhCWgInuuxn4gnGK48EFnIRKuORWnsYoS5hc&trk=nav_responsive_tab_home\"],\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/author\/satish-roy\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Design &amp; Development- Part 8 - Vskills Blog","description":"What are the basic elements of Web design & development? Apply for a Vskills certification in Web Development now. Hurry up!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/","og_locale":"en_US","og_type":"article","og_title":"Web Design &amp; Development- Part 8 - Vskills Blog","og_description":"What are the basic elements of Web design & development? Apply for a Vskills certification in Web Development now. Hurry up!","og_url":"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/","og_site_name":"Vskills Blog","article_publisher":"https:\/\/www.facebook.com\/vskills.in","article_author":"https:\/\/www.facebook.com\/Shantanu.theonepiece","article_published_time":"2015-06-07T15:07:09+00:00","article_modified_time":"2024-04-03T07:54:26+00:00","og_image":[{"width":259,"height":194,"url":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Web-Design-Development-Part-82.jpg","type":"image\/jpeg"}],"author":"SHANTANU BHARADWAJ","twitter_misc":{"Written by":"SHANTANU BHARADWAJ","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/","url":"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/","name":"Web Design &amp; Development- Part 8 - Vskills Blog","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Web-Design-Development-Part-82.jpg","datePublished":"2015-06-07T15:07:09+00:00","dateModified":"2024-04-03T07:54:26+00:00","author":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/9f88c97681823a1377733cc3a2ecce98"},"description":"What are the basic elements of Web design & development? Apply for a Vskills certification in Web Development now. Hurry up!","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/#primaryimage","url":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Web-Design-Development-Part-82.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2015\/06\/Web-Design-Development-Part-82.jpg","width":259,"height":194},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/blog\/web-design-development-part-8\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design &amp; Development- Part 8"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/blog\/#website","url":"https:\/\/www.vskills.in\/certification\/blog\/","name":"Vskills Blog","description":"Vskills - A Initiative in Assessment to Enhance Employability","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/9f88c97681823a1377733cc3a2ecce98","name":"SHANTANU BHARADWAJ","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d986dd8c6eccc0938b1775a8520e76f085bc94a5a5aa16b34f0cb8ca7632553f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d986dd8c6eccc0938b1775a8520e76f085bc94a5a5aa16b34f0cb8ca7632553f?s=96&d=mm&r=g","caption":"SHANTANU BHARADWAJ"},"description":"A first year engineering undergraduate student at I.I.T. Guwahati with an interest in programming, coding and developing new softwares. Experienced in assisting a company\u2019s branding needs through social media outreach, developing marketing plans, digital marketing, and conducting customer research. Specialties \u2022Team Management \u2022Programming softwares and android applications. \u2022Expertise in cloud computing. \u2022 Microsoft Offices (Word, PowerPoint, Excel) \u2022 Adobe CS5.5 Suite (Photoshop, Flash). \u2022 Updated knowledge about all technological developments.","sameAs":["https:\/\/www.facebook.com\/Shantanu.theonepiece","https:\/\/www.linkedin.com\/hp\/?dnr=jhCWgInuuxn4gnGK48EFnIRKuORWnsYoS5hc&trk=nav_responsive_tab_home"],"url":"https:\/\/www.vskills.in\/certification\/blog\/author\/satish-roy\/"}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/33057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/users\/1169"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/comments?post=33057"}],"version-history":[{"count":7,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/33057\/revisions"}],"predecessor-version":[{"id":75581,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/33057\/revisions\/75581"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/media\/33119"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/media?parent=33057"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/categories?post=33057"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/tags?post=33057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}