Phone 0422 860 610 or 07 3040 2448

Wordcamp Brisbane

Last year I was lucky enough to attend Wordcamp Brisbane. Since then I have been meaning to write down my notes that I took from that day. Most of the notes below relate to the development of websites on the WordPress platform. Some of the information is about WordPress it’s self, some about UX etc.

You can find a full list of the attendee’s here. Also one point to note, it that it is the most affordable event I’ve ever been too. Well worth spending 2 days on your weekend at.


Dr Anna Harrison

UX Testing Mistakes
@inplaneterms
TinyMCE
Ephox

  • User Experience Testing
  • Ephox makes Tinymce – which powers WordPress
  • Why user test?
  • How do I UX test?
  • Avoiding pitfalls
  • You are not like your users
  • 22 million developers / 5 billion users
  • Find what the break points are between your users.

Testing

  • Figuring out if your product works right?
  • Test your product on at least one person but five is the key number to see results
  • A good tester is to observe and listen
  • The What! – What are you looking for feedback on?
    • Navigation
    • Styling – will it appeal
  • Tasks
    • Break your question into tasks, not direct questions
    • Eg – Buy a product, find the contact form
  • Tools
    • Tester, participant + (screen recorder and video editor)
  • It’s been proven that ‘Mum’ “likes” reduce your reach on FB – so don’t get your Mum to like your FB page
  • There is no right or wrong in testing

Problems

  • Resist the urge to correct user mistakes
  • Don’t make the task too complicated or fail
  • Asking leading or loaded questions…instead use;
    • Tell me which parts you really love?
    • Tell me what you think?
    • Do you find blocks intuitive?
  • Talking instead of listening – this is  a bad idea so;
    • Just pause and say nothing
  • An inconsistency. A change of tone. A hesitation. (@vossnegotiation)
  • Defending your design choices
  • Friends don’t let friends test their own stuff
  • Great books to read
    • Steve Krub – don’t make me think
    • The inmates are running the asylum

Testing any day: A guide to end to end test driven WordPress projects

Vladimir Roudakov
@vladimirAus

  • End to end testing
  • A test is for;
    • Project Managers
    • Clients
    • Developers
    • Testers
  • Why testing?
    • Service
    • Money
    • Reputation
  • Requirements turn into tests (part of the software cycle)
    • What the clients wants, is what you need to test.
  • Client does not buy code they buy solutions
  • What to test?
    • Fields
    • Functionality
    • Error Messages
    • Colours
    • Everything – the skill of testing is to ensure you are testing the right thing.
  • Changelogs and test reports. It shows what you have been asked to do and what you have done.
  • Testing tools
    • Selenium
    • Nightwatch
    • Behat
    • WP End to End Tests
  • Services
    • Browser Stack
    • SauseLabs

Kate Toon

@katetoon
Make Google love your WordPress website

  • 75% users never go past the first page
  • 93% begin with search
  • Most don’t click on paid adverts
  • SEO catches people in SEARCH mode when they are ready to buy
  • They want what you do but don’t know what you do?
  • Don’t focus on short keyworks
  • Branded keyword search
  • Three pillars of SEO
    • Technical – make sure you site is setup correctly
      • Host local
      • Speed of host
      • Uptime
      • Customer service when you need help
      • Move to HTTPS
        • Really simple SSL
      • Domain Names
        • Short
        • Easy to spell
        • Hyphen free
        • .com.au / .com
        • Empty domains do nothing
        • Keyworks in your domain name, do it if it works, but it might only give you an slight advantage
        • Reputable / Available and Memorable
        • Black domain checker – check twitter for details
        • Wayback machine
        • Namecheck.com – will check on all platforms
      • Make sure you verify both your domains
      • Google Search Console
      • If using Yoast – take the time to use to explain it to them
      • Title Tag Separator : Pipe is the thin one
      • Indexing tabs – you don’t want to index your tags and categories
      • Themes
        • Responsive
        • Supports popular plugins
        • Page Builder
        • Support options
        • Downloads, ratings and reviews
      • Tools
        • Yoast
        • WP Fastest Cache
        • Google An by Monster Insights
        • WPSmush
        • Really Simple SSL
    • Content
      • Great SEO is not about finding the perfect keyword, it is about focus
      • Primary keywords and then synonyms – check the thesaurus
      • URL
      • Title
      • Meta Description
      • H1 or H2
      • First 100 words
      • Image file names
        • Use hyphens instead of underscores
        • Use the correct file sizes
        • Use good names – include keywords
      • Image alt tags
      • Internal links
      • 70 characters including spaces
      • Front loaded
      • No shopping lists
      • Unique and relevant to the page
      • Clickable – make it good
      • Don’t repeat the title tag in the Meta – you need a two line sales pitch
      • Write for humans first and google second
      • Write first and then optimise later
    • Links – backlinks from high authority website
    • Social Media – can help with ranking
    • Add 4 properties to your search console – to check if you have any more 404’s

How to deliver a WordPress website to your client – the right way

@liveby5 by Phase Creative
Cath Hughes

  • Let your clients know what you are responsive for. What does the contract say?
    • Who renews the plugins, images, services, subscriptions?
    • Who owns the licence for the above?
    • Who is responsible for hosting and domains?
  • Do it in a simple sheet. Put it in your quotes to your clients
  • WPHelp – free plugin. It allows you to let the clients know what plugin you are using and why you are using them. Add dimensions of images, fonts and colours.
  • Provide training for your clients
    • Edit, update, add or delete content
    • Optimise new content
    • Change and upload images
    • Update areas of their site as per their brief
  • Training tools
    • Video user manuals
    • Sidekick
    • EasyWP Guide
  • Consider client usability – what their clients needs
    • Update pages and posts – including home page
    • Put a button or a call to action on a page
    • Update images
    • Update menus
  • Tools to customise your clients experience
    • Adminimize
    • White label CMS
    • User Editor role
  • A plan to plan is not a plan
    • Give your clients options to do the updates
    • Explain it to them so they understand what is require for your post launch care of the website
      • Security
      • Longevity and stability
      • Offsite backups
      • Performance
      • Hack Repair
    • Tools for Maintenance
      • Manage WP
      • Main WP
      • InfiniteWP
    • Outsource
      • The WP Barber
      • GoWP
      • WP Curve
    • Don’t ignore technical SEO
      • You need the foundations of a well-built website
    • Configure Yoast for your clients
    • Ensure the GA code is on the site
    • Ensure Permalinks are set-up correctly
    • Add website to Google
    • HPPTS for all new website – do that for all new websites
    • DIY SEO send them to Kate Toon
    • Housekeeping
      • Remove sample content and plugins
      • Check the forms and signup actually work
      • Make sure settings are correct to the customer time zone
      • Delete unused themes and plugins
    • Transparent about the tools you use
      • Write down for them what you use
      • Train your clients
      • Have a plan in place for maintenance
      • Setup technical SEO on every site
      • Keep a tidy house
      • SEO Foundations checklist
      • Going rate from $69 – $89 month for maintenance
      • Managed WP – for maintenance plans
      • Use Asana – we have a full list on there
      • Get the clients to purchase licence themselves

Warren Denley

Biz Web School

  • Protects customer submissions
  • Payment information – PCI requirement
  • It builds trust, show your customers you are serious about your business
  • Google prefers HTTPS
  • Faster sites
  • More accurate tracking data
  • Secret handshake between a browser and your site
  • What does it do?
    • Encrypts all data between browser and site
    • Stops password “sniffing”
    • Confirms the identity of your site
  • What does it not do?
    • Does not protect emails. It’s only about browsers
    • It won’t stop hackers
    • It won’t protect information once it is stored in your website
      • If you save information in your database it would not be collected
  • SSL Purchase
    • Comodo
    • Symantec
  • Let’s Encrypt
    • Industry collaboration trying to progress website security
    • Free SSL certificates
    • Open and transparent
  • Make sure you update all your links to HTTPS
  • Ensure you use force HTTPS (google it for htaccess code)
  • Update your google settings and webmaster
  • Check your robots.txt and re do your site map
  • Update your inbound links – ensure they are marked to HTTPS
  • Update your CDN settings
  • Check your mix content warnings
    • Links embed in theme
    • Style sheet
    • 3rd party services
    • Hard code links
  • Infinite loop
    • Check redirection settings
    • Check plugin configurations (eg WooCommerce)

Peter Bui

PB Web Development

  • Outsources to CEBU
  • Onlinejobs.ph = best for offshore websites
    • This is for full time staff
  • List the key traits for the job
    • Skills
    • Tasks
    • Role
  • We do a standards test
  • recruitment.pbwebdev.com/frontend-developer
  • Beware of the pilot
    • They control the show and outsource to others
  • You need to train them;
    • Bitbucket
    • Zendesk
    • Asana
    • Desk from SalesForce
  • Slack, Skype, Google Hangouts
  • Auditing tasks – you need to spend at least 10% of your time to check what they have done
  • Harvest used for client projects
  • Do you provide the equipment? After a 3 year period.

Google Analytics – Your secret weapon for conversion focused websites

Melinda Samson and Paula Glynn
@clicktips@melbourmepixel

  • Make a google address for them and set them up on their own analytics
  • Use google tag assistant
  • 4 Tips to Wow your clients
    • Use GA in your pitch
    • Send a white paper on how to allow Read only access
  • Check popular pages – see what has been seen most
    • Only check the top 5 pages
    • One usually home
    • Strong call to actions or funnels
  • Conversion Data
    • Setup a conversion to track
    • Contact us or any forms
    • Geo-locations – go in an exclude the countries you don’t want
    • Analyse user behaviour for the current website
  • Focus on re-design areas of the website that really need improvement
  • 80/20 rule – 80% of the traffic goes to 20% of the pages
    • Use the popular pages to see what people want then give it to them
  • Behavior flow
    • Check what the before and after pages
    • GA Academy – one of the best tools for UX and sitemaps
  • User flow
    • As per the country what the flow is
  • Turn on search function in GA
    • Insight into what people are searching for in their own words
    • Great for e-comm sites
    • Great ideas for content
  • Tracking and value adds
    • Enquiries
      • Setup thank you page
      • Or use event tracking
    • Sales
      • E comm tracking
    • Engagement
      • Duration & page /screens per session
    • Important clicks eg form submission, document download and video play
    • Use event tracking
    • Customise code
    • Setup an event goal
    • Smart goals
  • Name the goals well so other people can pick up and understand what they are
  • GTM set it up as per your build
  • Pixelstorm website
  • One website per container
  • Genesis theme
  • GA for WordPress
  • Data layer
    • Read up about it
  • Email or PDF reports for client
  • Schedule emails – for reports – set this up to get reports from your analytics
  • Bounce rate 10% or less – two codes
  • Review your data every few months

How To Create Your Entire Website Content Easily And Effortlessly, In 7 Days Or Less, Without Writing A Single Word, For Less Than $1,000

Nik Cree
@nikcree
Positive Business Online

  • Content that sounds the way that you speak
  • Engaging people when they visit your website
  • Problems
    • People have writer’s block but no talkers block – ask your clients questions about their business, talk to them to find out this content
    • The Academic – this is how people seem to write, instead of doing like they speak
    • Time poor
    • Expensive process
  • Solutions
    • Interview and record your client (rev.com voice recorder) – don’t do the interview in their office. Coffee shops are good. 90mins of uninterrupted time for the interview. Use your mobile phone. Use the app above. Record each session separately. Interview them as per the below structure.
      • Structured interview
        • Home
        • About business
        • About owners / team
        • FAQ
        • Service Product etc – sales and marketing pages
  • Sales Process
    • Relax – make sure you relax the people. Call out what is on their mind. Make them at ease by telling them what they are nervous about. Tell them what you are going to do to put them at ease.
    • Disturb – tell them where they are, tell them where they could be. You need to move them from what they don’t have to what they can have.
    • Commit – make them commit to what you have agreed to.
    • Solve – show them how you have solved their problems.
  • All your sales process details should be on your about page
  • Use the details from the peom to form your product pages details;

I KEEP six honest serving-men

(They taught me all I knew);

Their names are What and Why and When

And How and Where and Who.

I send them over land and sea,

I send them east and west;

But after they have worked for me,

I give them all a rest.

  • Features
  • Advantage
  • Benefits
  • 5 reasons people don’t buy
    • NO trust
    • NO help
    • No time
    • No money
    • Not now
  • You need to answer all the questions above to ensure they buy your product and service.
  • Once the recording is ended, then add them to rev.com they will transcribe them for you then you send to a copywriter for them to finalise it
  • Getacopywriter.com – best location for english copywriters
  • Minimum of 800 words per page
    • Even if video make sure you have different mediums for visitors. Cover all bases
  • Make sure you can feel the client tone in the copy they create
  • Brief to copywriters about business, product and tone of the voice to the words

Mel Kettle

@melkettle

  • Make sure you content is optimised for mobile
  • Content needs to be visual on small screen
    • Think about the medium when choosing fonts, colours and images.
  • What is your story?
    • What is your why and how can you share that.
    • The about page
      • Experience, help in my practice
      • Don’t make it about you, make it about how you can solve your customer’s problems.
    • Make sure your content matches your values and story
    • Be visual when creating your content – include images in your posts
  • Know what is happening and create content to be timed with that event
  • Video content is driving search. Use Video live to reach your customers
  • Make sure you share the content at a time that your customers are there
  • Show your personality and tell your story
  • Create snackable content – for under 30’s this is what you need to create
  • Make content compelling

How to build a website in 20 minutes

Kristen Symonds

  • Find out what the topic of the website will be? Narrow it down and write it down.
    • Art
    • Sports
    • News
    • Etc
  • What is the goal of your website. What is the purpose of the website?
    • Content
    • Digital goods
    • Donations
    • Resume / Portfolio
    • Generate leads
  • Find out what tools you will need for the build
  • Custom post type to add different section to your website
  • Managed
    • WP Engine
    • Pressable
    • Flywheel
  • Radix.website
  • Hover
  • Namecheap
  • Plugins
    • Updraft plus
    • BackupWPUp
    • XCloner
    • Duplicator
    • Jetpack
    • WPSuper Cache
    • W3 Total Cache
  • Themes
    • Choose it to go around your content not the other way around
    • /themes/commercial
    • GPL compatible
    • Studio Press
  • Content first / theme second