1. Websites & Analytics

2. LESSON OVERVIEW
In this lesson we will be looking at what makes a good website and how design/UX/UI effects conversions, and the different ways you can analyse data for your website.

3. CMS varieties
Templates
Responsive websites
User Experience
Examples – sites they like and why
Design basic website
Referral
Reporting
Bounce rate
Block IP

4. Task 1: Choose 3 websites you like and analyse their design
Task 1: Choose 3 websites you like and analyse their design. Turn to the person next to you and share you analysis – do they agree, why / why not. (20mins)

5. Different CMS’s Wordpress (Most Popular) Joomla Magento Drupal
lightCMS
And many more...
WYSIWYG’s
WIX
Square Space
Weebly

6. Responsive Design
Web used to be static and fixed when it came to design and development.
As smartphones, tablets and a variety of desktop resolutions have been released throughout the years websites have had to adapt.
SEO is affected by responsive sites.

7. Creating the Best Digital Presence
Refine your brand
Best Colour Scheme
Define the user’s goals
Use effective design
Make the website an engaging experience

8. Refine your brand Define Personas Is your brand consistent?
How do people view your brand?

9. UX Principles: Information Overload Have lots of information to convey to your users? Try using visuals instead of text

10. UX Principles: Mystery Meat Navigation Mystery Meat Navigation (MMN) refers to cases where the destination of a link is not visible until the user clicks on it or points the cursor at it. The term “mystery meat” was a reference to meat served in American public school cafeterias that are soprocessed that their exact type is no longer discernible.

11. UX Principles: Adding Friction
Friction refers to a practice of design that involves adding some form of interaction that feels unnatural.

12. UX Principles: Clever Design?
Don’t try to be clever if it damages UX. Legibility has suffered here.

13. UX Principles: Clever Design?
Useful and necessary, then beautiful: aesthetics should take the back seat to UX.

14. Colour Schemes What colours represent your brand best?
1/2 main colours and highlight colours

15. Colour Schemes What colours represent your brand best?
2 Primary and highlight colours

16. Layout Patterns

17. User Goals What is the main aim of your users? Know your demographic
Continually analyse data

18. Task 2: Write your user goals, think of all the goals your users would have. Ask partners what their goal would be if they visited your website (20min)

19. Task 3: Create/finish a basic design/layout of how your website could look, home page only. Use Moqups or similar tools (20 mins)

20. Task 4: Talk to your partner and discuss whether the user goal is clear. (10 mins)

21. Task 5: Create a Squarespace account and choose a template to build your website on (20 mins)

22. Google Analytics
Account: The Business Name where all the properties and views are stored
Property: Each one has a unique ID, for tracking several things under one account. (website, app, landing page)
Views: Where the data is viewed and where filters can be applied (eg Blocked IP’s)
Examples of Dimensions: Source, Landing Page, Screen Resolution, Browser, Page, Custom Variable, Region
Examples of Metrics: Visits, Visitors, Pageviews, Exits, Bounce Rate, Conversion Rate, Total Events, Entrances

23. Sources
Manually tag non-Google services that direct traffic to your website.
Campaigns
Banner Ads
Non adwords CPC campaigns
Applications

24. Digital Cheat Sheet for GA
Reference-Guide.pdf