Welcome to WPUGL WordPress User Group London
Tuesday 21st April 2015WiFi
Network: hubwestminsterPassword: HubWest1
Hello
• I’m Eugene :-)
• Co-organiser of WPUGL
• Passionate about WordPress
• Project Managerat Wholegrain Digital
• Get in touch here http://www.meetup.com/WordPress-User-Group-London/members/64663902/
Housekeeping• Fire exits: straight out of the lab, half way down the
corridor to the left
• Restrooms: by the lifts landing
• WiFi - Network: hubwestminster Password: HubWest1
• Featuring on pictures !?
• These slides on http://www.meetup.com/WordPress-User-Group-London/files/
Agenda
6:30pm – Sign-in, pizza & network
7:00pm – Welcome and News
7:30pm – Integrating Email & Social Media Marketing into WordPress Sites by Peter James
8:00pm – 15 minute break
8:15pm – WordPress User Experience karaoke
9:00pm – Wrap-up
SponsorsSay hi on Twitter
@wpengine
@eatwholegrain
• Hassle-Free WordPress Hosting
• Special Meetup coupon offer :-)
$29 off for the first 3 months for all new customers to WP Engine
Applicable on their personal and professional plans to help get you started
Enter: WPMeetup1London2014
In the News• How did the WordCamp London 2015 go?
http://wclondon.polldaddy.com/s/wordcamp-london-feedback-survey-2015
• Wordfence Announces Password Auditinghttp://www.wordfence.com/blog/2015/04/wordfence-announces-password-auditing/ http://www.geekwire.com/2015/wordpress-security-startup-wordfence-launches-tool-to-help-publishers-prevent-password-hacks/
In the News
• How To Do Your Own WordPress Updateshttp://www.business2community.com/blogging/wordpress-updates-01203518#i6HuXWlbRXJXOtKA.99
• WooCommerce Tutorialshttp://bobwp.com/woocommerce-tutorials/
In the NewsNew themes on ThemeForesthttp://themeforest.net/search?utf8=%E2%9C%93&term=&view=grid&sort=&date=this-day&category=wordpress&price_min=&price_max=&sales=&rating_min=&platform=
In the NewsHow much do you know about WordPress?
• http://www.wpelevation.com/2015/04/a-letter-for-all-wordpress-newbies/
• http://codepoet.com/quiz/
• http://wpmail.me/
In the NewsNew meetup dates:
• Tuesday 19th May !
• Tuesday 16th June !
• Tuesday 14th July
• August = summer break
• Tuesday 22nd September
• Tuesday 20 October
• Tuesday 17th November
• December = winter break
WPUGL Resourceshttp://www.meetup.com/WordPress-User-Group-London/about/
WPUGL Forumshttp://www.meetup.com/WordPress-User-Group-London/messages/boards/
Over to Peter now
Integrating Email & Social Media Marketing into WordPress Sites
WPUGL WordPress User Experience
Tuesday 21st April 2015WiFi
Network: hubwestminsterPassword: HubWest1
WordPress User Experience
1 - Typography• It counts for 95% of web design
• Font family: cool, engaging but readable
• Font size: readable
• White space: be sensible
• Line height: be sensible
• Letter spacing: be sensible
• Contrast: use it effectively
• Tweak and craft type with CSS: ligature, number case, tabular figures, fractions, alternative style sets, small caps
• Legibility is your final goal
WordPress User Experience
1 - Typography
WordPress User Experience
1 - Typography
WordPress User Experience
2 - Give up your sidebar
http://designova.net/reflex/index02.html
WordPress User Experience
3 - Scrolling > clickingScrolling is more intuitive, cuts down on load times, creates smoother transitions between blocks of content/ information, and keeps visitors on your site longer.
http://forbetter.coffee/
WordPress User Experience
4 - Card-based designIt’s an easy way to keep things modular and allows content to work across all platforms and still prompt the users to drill down and see more of the site.
http://mapltd.com/news/london/
WordPress User Experience
5 - Large background images and video Designers will continue to use beautiful full-screen imagery to connect with viewers and tell a story. A video background can make users stop, when used properly, it’s an excellent way for brands to demonstrate their product in action or tell a story.
http://omahavideosolutions.com/
WordPress User Experience
6 - Ghost buttons This feature is a trend that shows no sign of stopping, these buttons are often larger than the traditional clickable buttons on websites and are placed in prominent locations, they perform best on top of large-scale photo/video backgrounds or on sites that have a minimal or flat user interface.
http://www.weatherjams.com/
WordPress User Experience
7 - Example of effective website
http://www.handy.com/
WordPress User Experience
8 - Collapse menu
WordPress User Experience
9 - Media Library
WordPress User Experience
9 - Media Library
WordPress User Experience
9 - Media Library
WordPress User Experience
10 - Distraction free writing
WordPress User Experience
10 - Distraction free writing
WordPress User Experience
11 - Drag & Drop Page Reordering
WordPress User Experience
11 - Drag & Drop Page Reordering
WordPress User Experience
12 - Featured images within columns
WordPress User Experience
12 - Featured images within columns
WordPress User Experience
12 - Featured images within columns
WordPress User Experience
13 - Sortable Columns
WordPress User Experience
14 - Editor Styles
WordPress User Experience
14 - Editor Styles
WordPress User Experience
14 - Editor Styles
WordPress User Experience
15 - Drag & Drop Featured Image
WordPress User Experience
15 - Drag & Drop Featured Image
WordPress User Experience
16 - Menu Humility
WordPress User Experience
16 - Menu Humility
WordPress User Experience
Resources• Sara Cannon: Typography and User Experience
http://wordpress.tv/2014/11/01/sara-cannon-typography-and-user-experience/
• Fontdeckhttp://clagnut.com/sandbox/css3/
• 10 web design trends to know for 2015https://getflywheel.com/layout/2015-web-design-trends/?utm_campaign=Weekly%20Emails&utm_content=2015%20Design%20Trends
• WordPress & User Experience - WordCamp Londonhttp://www.slideshare.net/saracannon/wordpress-user-experience-wordcamp-london
WPUGL wrap-up• Thanks for coming !
• How did we do?Please leave feedback on meetup.com
• Remember the forums if you need help
• Remember the resources if you want to know more
• What’s next? Tuesday 19th of May:WordPress Accessibility by Graham Armfield+ How to deal with a hacked website.
• Speakers - Volunteers sought :-)
• Safe journey home :-)