Slide 1

Slide 1 text

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.

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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. ...

Slide 4

Slide 4 text

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!

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

DIGITAL PRACTICES PROJECT PLANNING

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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!

Slide 9

Slide 9 text

DIGITAL PRACTICES PROJECT PLANNING

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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!

Slide 12

Slide 12 text

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)

Slide 13

Slide 13 text

DIGITAL PRACTICES OWN YOUR DATA / YOUR RESPONSIBILITY

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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.

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

DESIGN FOR DELIGHT. DESIGN FOR INCLUSION.

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

DIGITAL PRACTICES working with SITE MAINTENANCE SPAM PROTECTION

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

DIGITAL PRACTICES working with SITE MAINTENANCE SECURITY PLUGINS

Slide 26

Slide 26 text

DIGITAL PRACTICES working with SITE MAINTENANCE JETPACK PLUGIN

Slide 27

Slide 27 text

DIGITAL PRACTICES working with SITE MAINTENANCE MONITORING

Slide 28

Slide 28 text

— 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!

Slide 29

Slide 29 text

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 +

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

DIGITAL PRACTICES Prisca Schmarsow [email protected] eyedeastudio.london