Web design and structure with new trends in web design and ways to make your website more engaging
•
6 j'aime•2,243 vues
Read on to get idea of a good web design and its contents. It has good self explanatory images.
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (20)
Similaire à Web design and structure with new trends in web design and ways to make your website more engaging
Similaire à Web design and structure with new trends in web design and ways to make your website more engaging (20)
Plus de Seema Gupta
Plus de Seema Gupta (13)
Dernier
Dernier (20)
Web design and structure with new trends in web design and ways to make your website more engaging
- 1. Website Design and Structure © 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) Customer Orientation Personalization ORM(Online Retail Merchandise) New Trends © Professor Seema Gupta
- 3. Introduction © Professor Seema Gupta
- 4. Website as Real Estate property © Professor Seema Gupta
- 5. Website goals 5S’S • Sell • Serve • Speak • Save • Sizzle © Professor Seema Gupta
- 6. Robert Cialdini’s weapons of influence Visual Design Web analytics Legal requirements Digital marketing, Planning and Improvement © Professor Seema Gupta
- 7. © Professor Seema Gupta Design
- 8. Importance of a good 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 is common 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 • Integration of web and data base, remembers the customer’s name, preferences and behaviors. • Personalizes the experience © Professor Seema Gupta
- 11. © Professor Seema Gupta
- 12. Key Steps: PDDTD Planning Design Development Testing Deployment © Professor Seema Gupta
- 13. To Be SAFE follow SEF Simple Elegant Functional Often a simple elegant and a functional design works out. © Professor Seema Gupta Usability And Accessibility
- 14. Ease of use Ease of use = S+N+I+P Structure Navigation Interaction Page layout © Professor Seema Gupta
- 15. Domain names Catchy and easy to remember. Buy multiple domain names like .com, .net, .in and redirect the user to the original site. © Professor Seema Gupta
- 16. Arranging Information © Professor Seema Gupta
- 17. Home page • It is 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 web content 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 Seema Gupta Source: www.mp09digital.com
- 21. Aesthetics © Professor Seema Gupta
- 22. Aesthetics It’s the personality of the website © Professor Seema Gupta
- 24. 4 second rule Research from Akamai shows that content needs to download rapidly, otherwise site experience suffers and visitors will leave the site © Professor Seema Gupta
- 25. © Professor Seema Gupta Interaction
- 26. © Professor Seema Gupta Interaction Source: FedEx website
- 27. © Professor Seema Gupta Interaction through animation Source: www.nike.com
- 28. © Professor Seema Gupta Interaction through case studies Source: www.accenture.com
- 29. © Professor Seema Gupta Interactive product adviser Call back facility Chat facility Onsite search engine Email a friend facility Other types of interaction
- 30. Mistakes in web design • 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 Seema Gupta You could read on every page it says – genuine products, secure payments and easy returns Source: www.amazon.in
- 34. Customer Orientation © Professor Seema Gupta
- 35. Rosenfeld and Morville suggest 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 is about 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 see there is a worldwide change option..which gives different content for different users Source:www.cisco.com
- 38. © Professor Seema Gupta You could there is a different login for premier users Source: www.dell.co.in
- 39. Personalization © Professor Seema Gupta
- 40. Personalization © Professor Seema Gupta 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 Seema Gupta If you have seen videos of some person then youtube recommends you to subscribe to them
- 42. © Professor Seema Gupta 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 be based on • Customer • Country • Customer preferences • Results searches © Professor Seema Gupta
- 44. Online retail merchandise © Professor Seema Gupta
- 45. Online retail merchandise It aims 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 © Professor Seema Gupta Source: www.Epicurious.com full-fledged faceted navigation on allows users to narrow results by several different dimensions
- 47. 2)Featuring best selling products 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 customer ratings and reviews © Professor Seema Gupta Source: www.flipkart.com
- 50. 5)Use of product visualization systems © Professor Seema GuptaSource: www.myntra.com
- 51. © Professor Seema Gupta New Trends
- 52. Less text © Professor Seema Gupta
- 53. Video/movingbackgrounds(Click hyperlink to view video) © Professor Seema Gupta
- 54. Richer content experiences © Professor Seema Gupta Source: www.harley-davidson.com
- 55. Hypercolour © Professor Seema Gupta
- 56. Cards / tiles © Professor Seema Gupta
- 57. Monochromatic design © Professor Seema Gupta
- 58. © Professor Seema Gupta Third-Party Services
- 59. © Professor Seema GuptaSource: www.jabong.com
- 60. © Professor Seema Gupta Thank you Read more articles at www.digitalmediatadka.com
Notes de l'éditeur
- A website can be the most valuable piece of real estate. Entire online business can be managed
- 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
- 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
- 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.
- The design should be effortless to use and efficient to function.
- 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
- It is important that the information in the website is well arranged rather than cluttered
- 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.”
- It is also important that the reader gets engaged.
- 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.
- 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.
- The slide shows how Accenture helped Optus to generate more revenue.
- 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
- Page with low search engine visibility Violating convention Not answering what is needed
- 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
- 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
- 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
- Referring string: referring the user to the site previously visited Multivariate or all of them together can be used
- Referring string: referring the user to the site previously visited Multivariate or all of them together can be used
- 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
- 60% higher conversion rate 50%higher order value 82%more page viewers
- 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.