Skip to content

Latest commit

 

History

History
159 lines (123 loc) · 3.61 KB

text-me-slowly.md

File metadata and controls

159 lines (123 loc) · 3.61 KB
layout title desc group_work slides
slide-deck
Text me slowly
A group activity looking at how we can use text to describe and think about interfaces.
true
type content
super-big-text
**Text me slowly**
content
## Thinking in text *How should interfaces be described with only text, like a computer or a screen reader interperets?* - What should be described? - What order should the information be described? - Are there elements that have functionality? - Are there repeated patterns?
content
## Set up 1. Form into pairs 2. Get out a pencil and a piece of paper 3. We’ll do each ativivity one-by-one and discuss the results <br>*Volunteers can even read their solutions out in robot voices!* **Don’t look ahead the answers are within!**
type image caption
figure
flamingos.jpg
**1. What text would be helpful for the flamingo image?**
type markdown
code
A group of sleeping flamingos showing their bright pink colours
type image caption
figure
emoji-btn.png
**2. What text would be helpful for this graphic?**
type markdown
code
Send the “grinning face with smiling eyes” emoji
type image caption
figure
graph.png
**3. What text would be helpful for this graphic?**
type markdown
code
Number of moons for each gas giant Jupiter: 67 moons Saturn: 62 moons Neptune: 14 moons Uranus: 27 moons
type image caption
figure
heading.png
**4. What text would be helpful for the column graphics?**
type markdown
code
*Nothing—they’re purely decoration*
type image caption
figure
card.jpg
**5. Describe this interface using only text—explaining it to someone who can’t see it**
type markdown
code
ARTICLE Image of Godzilla destroying Japan in black & white. [Send to a friend] [Save to your collection] [Enlarge the image] Saved from <notitleproductionfiles.com> [Visit the No Title Production Files website] 1 comment
type image caption
figure
video-player.jpg
**6. Describe this interface using only text—explaining it to someone who can’t see it**
type markdown
code
VIDEO Star Wars: B-Wing (Canon) · Spacedock Spacedock takes a look at one of the most innovative spacecraft designs in the Star Wars Galaxy. 54 200 views [Play] [Skip ahead] [Change volume] [Enable captions] [Configure video playback] [Go fullscreen] [Thumbs up] [Thumbs down] [Share] Published: Sept. 19, 2017 Author: Spacedock Subscribers: 81 000
type image caption
figure
chat.jpg
**7. Describe this interface using only text—explaining it to someone who can’t see it**
type markdown
code
CHAT Chatting with Liz Bradley (Active 1m ago) [More info about Liz] [Switch to voice chat] [Switch to video chat] {Type a message…} [Send message] Messages: - Liz: “That is super cool” Mon, 3:35 PM - You: [Link: XKCD—Board game players doing taxes] Today, 2:03 PM - Liz: “Sticker: Princess Leia, ‘I love you’” Less than a minute ago [Thumbs up] [Send files] [Send sticker] [Send GIF] [Send emoji] [Send voice message] [Play a game] [Send a photo]