PRACTICES stairwell stairwell castle towers stairwell castle towers stairwell stairwell stairwell stairwell Content SCS6079 Digital Practices MA Digital Media & Society DIGITAL → eyelearn.org/workshops/digital-practices2019 Bringing it all together.

DIGITAL PRACTICES THIS WEEK. — project planning and progress — recap of core principles planning and recap — site settings, updates and backups — options and plugins site maintenance, update and backup — GDPR setup — feedback on your projects workshop keeping track of project work keeping your site is safe and up-to-date making sure you have a plan going forward

DIGITAL PRACTICES What makes a good website? provides sought-for information. is accessible. is easy to use. is clearly presented as secure. shows up-to-date content. loads fast. is professional. A good website presents a strong brand image. features images and videos. caters for its audience. is engaging & informative. looks attractive. presents legible text and clearly structured content. complies with applicable laws. keeps data confidential and secure. functions well and as expected. appeals to personal taste. ...

DIGITAL PRACTICES What makes a good website? What makes a good website? content ★ provides sought-for information. ★ shows up-to-date content. ★ is professional. ★ features images and videos. ★ caters for its audience. ★ is engaging & informative. ★ presents legible text and clearly structured content. ★ complies with applicable laws. technical ★ is easy to use. ★ is clearly presented as secure. ★ loads fast. ★ keeps data confidential and secure. ★ functions well and as expected. aesthetics ★ is engaging & informative. ★ looks attractive. ★ appeals to personal taste. Remember where the priorities lie for people, i.e. your target group!

DIGITAL PRACTICES PROJECT PROGRESS stairwell where next? ? content production ✔ research completed ✔ draft content written ✔ information architecture in place ✔ site plan completed project planning — don’t underestimate the work and time involved! — schedule all tasks to keep 
 on track — plan in time for edits and optimisations

DIGITAL PRACTICES PROJECT PLANNING

DIGITAL PRACTICES PROJECT PLANNING NOTE: 
 you will have access to Google Drive and its services already via your university account.

DIGITAL PRACTICES PLAN FOR ALL PHASES OF THE PROJECT project planning — split the project up into phases — be as specific or as general as you like -
 but make sure to divide the work logically — plan for writes and re-writes — schedule in time for optimisation and testing —check your progress against your plan to stay on track and 
 meet your deadline!

DIGITAL PRACTICES PROJECT PLANNING

DIGITAL PRACTICES REMINDER: Content-out approach stairwell stairwell content creation editing for target group & context 1 TEXT stairwell stairwell castle towers stairwell castle towers stairwell stairwell stairwell stairwell PHOTOS content review / revision site planning for content structure 2 design for layout, type and presentation of all media 3

DIGITAL PRACTICES REMINDER: REFERENCING — confirm the permission of use, either via open license or under certain conditions. — always cite the appropriate references for all quoted sources. — provide references and links as required by the license of the material used. Make sure to… — add full reference alongside the material only — add supplementary page, listing all sources - and link to this page alongside the material Options quote In reply to your questions about the amount of original content required: this is your site, your content — 
 i.e. to be produced by you primarily!

DIGITAL PRACTICES OWN YOUR DATA / YOUR RESPONSIBILITY — publishing to the public domain — ownership and data protection — third party services and legal agreements Be clear on data regulations UK regulations till now:
 Copyright Designs and Patents Act 1988 From May 25th 2018
 General Data Protection Regulation (GDPR)

DIGITAL PRACTICES OWN YOUR DATA / YOUR RESPONSIBILITY

DIGITAL PRACTICES REMINDER: INCLUSIVE DESIGN physical sensory cognitive physical sensory cognitive physical sensory cognitive listen to film summary Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis. Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat. transcript

image caption: image title, date, creator For accessibility and user experience, as well as for SEO benefit, always edit the image details after upload! alternative text:
 summary of image content description: detailed description of image content ✔ DIGITAL PRACTICES REMINDER: INCLUSIVE DESIGN add text alternatives

DIGITAL PRACTICES REMINDER: OPTIMISE FOR SPEED ✔ image edited for final presentation on site ✔ image resized to fit layout,
 i.e. saved as largest size required ✔ final file saved for web,
 reducing file weight while keeping highest quality possible Never upload a file as-is, always check and optimise! Bear in mind that images are heavy and will slow down the loading time of your webpage. Only resizing and optimising will help lower the file size.

DIGITAL PRACTICES REMINDER: OPTIMISE FOR SPEED •short and meaningful •use only lowercase letters •avoid spaces •add hyphen or underscore to separate words •do not use special characters Reminder: good file names

DIGITAL PRACTICES REMINDER: INCLUSIVE DESIGN KISS principle
 Keep it simple, stupid.

DIGITAL PRACTICES working with REMINDERS page title site title category post post post post post post post post post category — articles organised by category and/or tag — chronologically ordered — can include comment function — used for regular updates — static content with only occasional updates — organised by hierarchy — typically used for ‘about’ page and legal information

DIGITAL PRACTICES working with REMINDERS In Post Editor: — carefully plan your IA before naming your categories — consider your phrasing and tone/language — check on the slug and ensure clear wording — don’t fragment your content but look for clear organisation and labelling — make use of tags if beneficial to user journey Tips

DESIGN FOR DELIGHT. DESIGN FOR INCLUSION.

DIGITAL PRACTICES working with — admin user:
 ✔ unique user name (NOT ‘admin’)
 ✔ secure password, using a mix of characters, numbers and cases — additional users:
 ✔ plan permissions carefully
 ✔ keep credentials unique and secure
 ✔ don’t offer account signups without thorough planning
 
 SITE MAINTENANCE USERS

DIGITAL PRACTICES working with SITE MAINTENANCE SPAM PROTECTION

DIGITAL PRACTICES working with SITE MAINTENANCE SECURITY — Admin logins — Theme — Plugins — File permissions — Securing vital files — Database security — Server/FTP/computer vulnerabilities

DIGITAL PRACTICES working with SITE MAINTENANCE SECURITY PLUGINS

DIGITAL PRACTICES working with SITE MAINTENANCE JETPACK PLUGIN

DIGITAL PRACTICES working with SITE MAINTENANCE MONITORING

— analysis of SEO efficiency — preview of snippet shown in search results — readability check — prompts for internal linking DIGITAL PRACTICES working with SITE PROMOTION SEO REMEMBER: GOOD SEO STARTS WITH GOOD CONTENT!

DIGITAL PRACTICES working with backup.temp.tar.gz SERVER / SETTINGS TEMPLATES / DESIGN gif js php jpg svg css CONTENT / DATABASE TEXT stairwell stairwell castle towers stairwell castle towers stairwell stairwell stairwell stairwell PHOTOS } BACKUP ! BACKUP ! BACKUP ! BACKUP ! BACKUP ! BACKUP ! BACKUP ! OTHER CONTENT stairwell stairwell castle towers stairwell castle towers stairwell stairwell stairwell stairwell PHOTOS +

DIGITAL PRACTICES working with SITE BACKUP REMEMBER: YOUR DATA = YOUR RESPONSIBILITY!

DIGITAL PRACTICES Prisca Schmarsow prisca@eyedeastudio.london eyedeastudio.london