Websites & Analytics

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.

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

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)

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

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.

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

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

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

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.

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

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

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

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

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

Layout Patterns

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

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)

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

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

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

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

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

Digital Cheat Sheet for GA http://www.blastam.com/resources/Blast-Google-Analytics- Reference-Guide.pdf