Uploaded bySeema Gupta
Web design and structure with new trends in web design and ways to make your website more engaging
This document discusses key aspects of website design and structure. It covers topics like design principles, interaction elements, online value propositions, customer orientation, personalization, online retail merchandise, and new trends. The document emphasizes the importance of good design for converting traffic to business and providing a pleasant user experience. It provides examples and guidelines around page design, arranging information, aesthetics, and achieving customer orientation. Personalization is discussed as tailoring the experience based on individual users. New trends highlighted include less text, richer multimedia, and card-based layouts.
More Related Content
Similar to Web design and structure with new trends in web design and ways to make your website more engaging
Web design and structure with new trends in web design and ways to make your website more engaging
- 1. Website Design andStructure © Professor Seema Gupta Seema Gupta Professor at IIMB Blog: www.digitalmediatadka.com Facebook: https://www.facebook.com/digitalmarketingtadka Follow on twitter @seemaiimb
- 2. Contents Introduction Design Interaction OVP(Online Value Proposition) CustomerOrientation Personalization ORM(Online Retail Merchandise) New Trends © Professor Seema Gupta
- 3.
- 4. Website as RealEstate property © Professor Seema Gupta
- 5. Website goals 5S’S •Sell • Serve • Speak • Save • Sizzle © Professor Seema Gupta
- 6. Robert Cialdini’s weaponsof influence Visual Design Web analytics Legal requirements Digital marketing, Planning and Improvement © Professor Seema Gupta
- 7. © Professor SeemaGupta Design
- 8. Importance of agood web design Converts traffic to business. Builds connections. Keeps the user connected. Provides a pleasant experience to the user. © Professor Seema Gupta
- 9. Page design It iscommon to have different page templates For the key pages like home page, service page, Blog page, etc. Users spend most of the time on old conventional websites, so they expect they might expect newer sites to be similar. © Professor Seema Gupta
- 10. Integrated design • Integrationof web and data base, remembers the customer’s name, preferences and behaviors. • Personalizes the experience © Professor Seema Gupta
- 11. © Professor SeemaGupta
- 12. Key Steps: PDDTD Planning Design Development Testing Deployment ©Professor Seema Gupta
- 13. To Be SAFEfollow SEF Simple Elegant Functional Often a simple elegant and a functional design works out. © Professor Seema Gupta Usability And Accessibility
- 14. Ease of use Easeof use = S+N+I+P Structure Navigation Interaction Page layout © Professor Seema Gupta
- 15. Domain names Catchy andeasy to remember. Buy multiple domain names like .com, .net, .in and redirect the user to the original site. © Professor Seema Gupta
- 16. Arranging Information © ProfessorSeema Gupta
- 17. Home page • Itis a central reference point. • It could be used to highlight special offers, news etc. • Example: http://www.whitehouse.gov © Professor Seema Gupta
- 18. Writing effective webcontent Use the inverted pyramid style of writing Know your audience Make it scan able Make it original © Professor Seema Gupta
- 19. Freshness of content ©Professor Seema Gupta You can see how mtv maintains freshness of site by uploading “Our Fave videos” Source: www.mtv.com
- 20. © Professor SeemaGupta Source: www.mp09digital.com
- 21.
- 22. Aesthetics It’s the personalityof the website © Professor Seema Gupta
- 23.
- 24. 4 second rule Researchfrom Akamai shows that content needs to download rapidly, otherwise site experience suffers and visitors will leave the site © Professor Seema Gupta
- 25. © Professor SeemaGupta Interaction
- 26. © Professor SeemaGupta Interaction Source: FedEx website
- 27. © Professor SeemaGupta Interaction through animation Source: www.nike.com
- 28. © Professor SeemaGupta Interaction through case studies Source: www.accenture.com
- 29. © Professor SeemaGupta Interactive product adviser Call back facility Chat facility Onsite search engine Email a friend facility Other types of interaction
- 30. Mistakes in webdesign • Using pdf files • Same color for every Link • Non scan able text • Anything that looks like an advertisement • Opening new windows © Professor Seema Gupta
- 31. Online Value Proposition(OVP) ©Professor Seema Gupta
- 32. Online Value Proposition(OVP) ©Professor Seema Gupta
- 33. © Professor SeemaGupta You could read on every page it says – genuine products, secure payments and easy returns Source: www.amazon.in
- 34. Customer Orientation © ProfessorSeema Gupta
- 35. Rosenfeld and Morvillesuggest 4 stages help achieve customer orientation • Identify Audiences • Rank importance of each to the business • List the 3 important information needs of each • Ask representatives of each audience to develop their own wish list © Professor Seema Gupta
- 36. Customer Orientation It isabout trying to provide content that appeals to various users. 3% of the visitors are buyers are buyers and remaining are potential buyers and disqualified traffic Convert the others into buyers. © Professor Seema Gupta
- 37. You could seethere is a worldwide change option..which gives different content for different users Source:www.cisco.com
- 38. © Professor SeemaGupta You could there is a different login for premier users Source: www.dell.co.in
- 39.
- 40. Personalization © Professor SeemaGupta You could see that you can design your own t-shirt in the alma mater website which has served 3,30,000 customers Source: www.almamaterstore.in
- 41. Personalization © Professor SeemaGupta If you have seen videos of some person then youtube recommends you to subscribe to them
- 42. © Professor SeemaGupta The most important sound to any one is your own name. So, there is your name everywhere…as you login through facebook Source: www.amazon.in
- 43. Personalization can bebased on • Customer • Country • Customer preferences • Results searches © Professor Seema Gupta
- 44. Online retail merchandise ©Professor Seema Gupta
- 45. Online retail merchandise Itaims at maximizing the sales potential for each store visitor. Presenting relevant products and promotions to site visitors which help in conversion rate and average order value Some common approaches are listed next© Professor Seema Gupta
- 46. 1)Faceted search © ProfessorSeema Gupta Source: www.Epicurious.com full-fledged faceted navigation on allows users to narrow results by several different dimensions
- 47. 2)Featuring best sellingproducts prominently You could set the snip from flipkart taken in the midst of summer showcasing an ac with a free stabilizer. © Professor Seema Gupta Source: www.flipkart.com
- 48. 3)Use of bundling ©Professor Seema Gupta Source: www.mcdonalds.com
- 49. 4)Use of customerratings and reviews © Professor Seema Gupta Source: www.flipkart.com
- 50. 5)Use of productvisualization systems © Professor Seema GuptaSource: www.myntra.com
- 51. © Professor SeemaGupta New Trends
- 52. Less text © ProfessorSeema Gupta
- 53. Video/movingbackgrounds(Click hyperlink toview video) © Professor Seema Gupta
- 54. Richer content experiences ©Professor Seema Gupta Source: www.harley-davidson.com
- 55.
- 56. Cards / tiles ©Professor Seema Gupta
- 57. Monochromatic design © ProfessorSeema Gupta
- 58. © Professor SeemaGupta Third-Party Services
- 59. © Professor SeemaGuptaSource: www.jabong.com
- 60. © Professor SeemaGupta Thank you Read more articles at www.digitalmediatadka.com
Editor's Notes
- #5 A website can be the most valuable piece of real estate. Entire online business can be managed
- #6 Website goals 5S’S Sell-growing sales can be achieved through effectively communicating a crystal clear OVP and through making e-commerce and lead generation easier Serve by providing upto date information Speak create a dialogue through email marketing or chat Save costs are saved through delivering online content and services that may have been previously arranged through print or face 2 face Sizzle by building the brand image
- #7 Visual design the experience of a brand nd a site will not be memorable and positive if the visual design is not energizing and does not fit with what the visitor would expect from the brand Web analytics analysis of site visitor journey can help improve navigation and conversion to different site goals Legal Requirements site owners must check that they comply with many laws to control a web presence Digital marketing, Planning and Improvement the website must fit within the wider world where it supports different organizational goals, integrates with other sales channels and is continuously reviewed
- #12 Companies are discovering that database can provide excellent content for web pages. Many examples: Retail store with current products and price lists, On-line banking- banks with account balance information, Employee directories, etc.
- #14 The design should be effortless to use and efficient to function.
- #15 A good rule of thumb is that, even for a big website, three clicks should be sufficient to enable the user to find their area of interest
- #17 It is important that the information in the website is well arranged rather than cluttered
- #18 Clearly answers "Who I am," "What I do," and/or "What can you (the visitor) do here.“ Calls-to-action (CTAs Tell them where they are: your home page should make clear the name of the organization and the nature of your business. Encourage them to come in and look around: give them a taste (but just a taste) of what you offer, so they want to learn more. Provide clear directions to the entrance: show them how to enter and navigate your space.”
- #19 It is also important that the reader gets engaged.
- #26 Interaction helps web visitors give 2 way communication + greater involvement and control over their experience. Delivery update system of fedex is an effective means of communication.
- #27 Interaction helps web visitors give 2 way communication + greater involvement and control over their experience. Delivery update system of fedex is an effective means of communication.
- #29 The slide shows how Accenture helped Optus to generate more revenue.
- #30 Leading the customer through the purchase can help break down reluctance. Minimizing the number of steps Offering an incentive to buy now Understanding purchasing objections and information needs at each stage of the check out Location selection tool-find your nearest dealer by typing in a postal or zip code Detailed content reassure about security and privacy After sales support Searchable faq Interactive support tools Customer feed back
- #31 Page with low search engine visibility Violating convention Not answering what is needed
- #32 OVP anwers the question – why a customer should stay on the website, stay and even revisit It could be through testimonials It can be on every page At the very least, the proposition should clearly show the services you are offering and your crebility It distinguishes your site
- #33 OVP anwers the question – why a customer should stay on the website, stay and even revisit It could be through testimonials It can be on every page At the very least, the proposition should clearly show the services you are offering and your crebility It distinguishes your site
- #36 Explaining the last one-like if you gave b2b and b2c business you could ask any representative from you business to make a wish list and similarly from a customer
- #42 Referring string: referring the user to the site previously visited Multivariate or all of them together can be used
- #44 Referring string: referring the user to the site previously visited Multivariate or all of them together can be used
- #47 Faceted search, also called faceted navigation or faceted browsing Search results pages are important in online merchandizing since conversion rates will be higher if relevant products and offers are at the top of the list.faceted navigation helps hwlps website users to drill down to easily select a relevant productby selecting different product attributes
- #50 60% higher conversion rate 50%higher order value 82%more page viewers
- #59 If someone wants to post real-time status updates on their website from their mobile device, we can rely on Twitter or Facebook to do that by establishing a feed on the website that pulls from these services to display the updates. If a website administrator wants to post real-time photos from an event, we can integrate Instagram or Flickr to pull from that organization’s feed, which will automatically update the website. Third-party services can also come in handy to show video on a website, implement a newsletter system, or collect stats on visitors to a site. Using third-party services can give your site access to fantastic, robust software that can solve many hopes and dreams.