1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Tom van Wijland | Project Sparrow</title> 7 <!--fallback font--> 8 <link rel="preconnect" href="https://fonts.googleapis.com"> 9 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 10 <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet"> 11 <!--end font--> 12 <link rel="stylesheet" href="<3.css"> 13 <link rel="stylesheet" href="article.css"> 14 <link rel="stylesheet" href="blocks.css"> 15 <link rel="stylesheet" href="palette-main.css"> 16
16<script src="onload.js" defer></script>
16 17 <link rel="icon" type="image/png" href="favicon.png"></head> 18<body> 19 <a tabindex="0" href="index.html" class="button back"><p>go back</p></a> 20 <div class="article nofade"> 21 <h1>Project Sparrow</h1> 22 <p class="tags">2020 · Inclusive Design</p> 23 <p class="lead"> 24 Visual impairments make autonomous living a challenge for many people. Daily practices can become big hurdles that take a lot of energy. In this project we developed a tool that has the potential to make navigation in supermarkets easier for the visually impaired. 25 </p> 26 <p style="opacity: .5;">Teammates: Ceren Ugurlu, Reinis Melgalvis, Willem Wolswijk</p> 27 <figure class="inline"> 28 <img src="Sparrow_assets/mockup.png"> 29 <figcaption>A shopper is scanning a qr-code sticker to get information about the adjacent aisle.</figcaption> 30 </figure> 31 <h2>Origins of the project</h2> 32 <p>This project was part of an honours course focused on developing solutions for visually impaired people. My team set out to tackle navigation. through some field research we quickly realised supermarkets are a good place to start. They are a basic necessity, their inaccessibility deemed a big obstacle towards an indepedent life, by the people we spoke. They are also low hanging fruit: their floorplan is usually very simple, being neatly structured into aisles.</p> 33 34 <h2>Ideas and prototypes</h2> 35 <p>The basic idea was quickly birthed. We imagined an app that could tell the shopper where in the store they were, and what was in the aisles they were at. This app would retrieve this information by scanning QR codes on the floor of the supermarket.</p> 36 <figure> 37 <img src="Sparrow_assets/Experiment.png"> 38 <figcaption>The team was quick to start prototyping the idea.</figcaption> 39 </figure> 40 <h2>QR Codes</h2> 41 <p>QR code stickers on supermarket floors as the carrier of information have several interesting advantages that make it a fitting approach for supermarkets. Firstly, they are cheap, robust and it is easy for supermarket personell to update them. Secondly, they reflect positively on the public image of supermarkets. It shows very openly that they take action towards an inclusive society to anyone visiting the supermarket.</p> 42 43 <figure class="inline"> 44 <img src="Sparrow_assets/idea.png" style="mix-blend-mode: multiply;"> 45 <figcaption>A representation of the QR-codes placed across the store. Image by Reinis Melgalvis.</figcaption> 46 </figure> 47 </div> 48<div class="horizontal-stack" style="background-color: black; color: white;"> 49 <div> 50 <h2>Accessibility to the max</h2> 51 <p>
51I designed the interface according to various principles we discovered during our research. Our prime focus was that the app should be optimised for use with screen readers, and for use by people with very low vision. 52 </div> 53 <div> 54 <figure> 55 <img src="Sparrow_assets/accessibility.png"> 56 </figure> 57 </div> 58</div> 59 <figure> 60 <img src="Sparrow_assets/screens.png"> 61 </figure> 62 </div> 63</body> 64</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.