Purpose
The purpose of this task is to work productively with a peer and reinforce your learning from last week about these concepts when using Sketch to create app prototypes:
- use of stacks to show repeated elements
- links between frames
- scrolling within frames
- overlays
- layer visibility
- use of symbols
TIP
You can have several documents open in Sketch at a time. Open the previous documents you worked within, and use the instructions you followed as a reference if needed, while working on this task.
Getting started
When prototyping apps for iOS, we can use a copy of this document to get started – it contains instances of all of the common UI elements for the iOS platform:
When you are ready to start making your prototype, navigate to this page within the document:
You can browse available components and add symbols by pressing this button at the top-left of the interface:
… or by pressing Control-2 on your keyboard, like this:
Before you get too far, be sure to save your prototype to your workspace within Sketch:
Objective
Working with your partner, in class, over the next day or two, your goal is to reproduce this interface in Sketch:
Additional information
The purpose of this task is not to make you type a lot of information manually, so, here is all of the data for the books shown in this prototype – note that you don’t have to put every book into the prototype – just enough to have content that allows you to show an interface scrolling:
| Title | Author | Author Bio | Genre | Year | Rating | Description |
|---|---|---|---|---|---|---|
| Dune | Frank Herbert | American science-fiction author best known for Dune. | Science Fiction | 1965 | 4.7 | A sweeping epic of politics, religion, ecology, and war on the desert planet Arrakis. |
| Neuromancer | William Gibson | Canadian-American speculative fiction writer, cyberpunk pioneer. | Science Fiction | 1984 | 4.2 | A genre-defining cyberpunk novel about a washed-up computer hacker hired for one last job. |
| The Left Hand of Darkness | Ursula K. Le Guin | American author known for science fiction and fantasy. | Science Fiction | 1969 | 4.3 | A human envoy to a planet with ambisexual inhabitants navigates politics and identity. |
| Murder on the Orient Express | Agatha Christie | Prolific mystery writer, creator of Poirot and Miss Marple. | Mystery | 1934 | 4.5 | Hercule Poirot investigates a murder aboard a luxurious train. |
| The Hound of the Baskervilles | Arthur Conan Doyle | British writer and creator of Sherlock Holmes. | Mystery | 1902 | 4.4 | Sherlock Holmes and Dr. Watson unravel the legend of a supernatural hound. |
| Pride and Prejudice | Jane Austen | English novelist known for her social commentary and wit. | Classics | 1813 | 4.6 | A witty exploration of manners, marriage, and morality in Regency England. |
| 1984 | George Orwell | English novelist, essayist, journalist and critic. | Classics | 1949 | 4.8 | A dystopian vision of surveillance and authoritarianism. |
| To Kill a Mockingbird | Harper Lee | American novelist widely known for To Kill a Mockingbird. | Classics | 1960 | 4.8 | A powerful story of racial injustice and moral growth in the American South. |
| Harry Potter and the Sorcerer’s Stone | J.K. Rowling | British author, best known for the Harry Potter series. | Young Adult | 1997 | 4.7 | A young wizard discovers his destiny at Hogwarts School of Witchcraft and Wizardry. |
| The Hunger Games | Suzanne Collins | American author best known for The Hunger Games. | Young Adult | 2008 | 4.5 | Katniss Everdeen volunteers for a deadly televised competition to save her sister. |
| The Shining | Stephen King | American author of horror, supernatural fiction, suspense, and fantasy. | Horror | 1977 | 4.4 | A family’s winter caretaking job at the Overlook Hotel descends into terror. |
| It | Stephen King | American author of horror, supernatural fiction, suspense, and fantasy. | Horror | 1986 | 4.3 | A shape-shifting entity terrorizes the town of Derry across generations. |
| Dracula | Bram Stoker | Irish author, best known for Dracula. | Horror | 1897 | 4.2 | The classic vampire tale of Count Dracula and those who hunt him. |
| Sapiens | Yuval Noah Harari | Historian and author of popular science books. | Non‑Fiction | 2011 | 4.5 | A brief history of humankind, from the Stone Age to the 21st century. |
| Educated | Tara Westover | American memoirist and essayist. | Non‑Fiction | 2018 | 4.6 | A memoir about a woman who grows up in a survivalist family and pursues education. |
| Circe | Madeline Miller | American novelist, classicist, and author of myth retellings. | Fantasy | 2018 | 4.3 | A retelling of the story of the sorceress Circe from Greek mythology. |
| The Hobbit | J.R.R. Tolkien | English writer, poet, philologist, and academic. | Fantasy | 1937 | 4.7 | Bilbo Baggins embarks on an unexpected journey with a company of dwarves. |
| The Name of the Wind | Patrick Rothfuss | American writer of epic fantasy. | Fantasy | 2007 | 4.5 | Kvothe recounts his life, from orphaned street urchin to the most notorious wizard. |
| The Book Thief | Markus Zusak | Australian writer known for The Book Thief. | Historical | 2005 | 4.6 | A young girl in Nazi Germany finds solace by stealing books and sharing them. |
| All the Light We Cannot See | Anthony Doerr | American author known for All the Light We Cannot See. | Historical | 2014 | 4.7 | A blind French girl and a German boy’s paths collide in occupied France. |
| The Notebook | Nicholas Sparks | American novelist, screenwriter, and producer. | Romance | 1996 | 4.0 | A sweeping love story about second chances and enduring devotion. |
| Outlander | Diana Gabaldon | American author known for the Outlander series. | Romance | 1991 | 4.3 | A time-travel romance set between 1945 and 18th-century Scotland. |
You can obtain book cover images from Open Library.
You may wish to reproduce the Terms of Service or Privacy Policy pages. You can find that text below.
Terms of Service
Welcome to the Popular Books demo app. By using this app, you agree to the following terms.
Use of the App
This app is provided for demonstration and educational purposes only. Do not rely on it for commercial use. Features and content may change without notice.
Content
Book metadata and cover images are provided by Open Library. We do not guarantee the accuracy, completeness, or availability of third‑party content.
User Responsibilities
You agree to use the app in compliance with applicable laws and not to abuse or interfere with the service, including excessive automated requests.
Intellectual Property
This app’s code and design are provided as a sample. Book data and covers remain the property of their respective rights holders.
Disclaimer
The app is provided “as is,” without warranties of any kind. We are not liable for damages arising from your use of the app.
Changes
We may update these terms from time to time. Continued use of the app after changes constitutes acceptance of the updated terms.
Contact
For questions about these terms, please contact the developer of this demo app.
Privacy Policy
We respect your privacy. This demo app does not collect personal data. Any data you provide stays on your device.
Information We Collect
We do not collect names, email addresses, or other personal identifiers. The app may cache publicly available book cover identifiers from Open Library to improve performance. These identifiers are not linked to you.
How We Use Information
Cached data is used solely to display book covers more quickly and reduce network usage. It may be cleared by the system at any time. You can also clear the cache by deleting the app or via system settings.
Third‑Party Services
This app fetches book metadata and cover images from Open Library. Use of Open Library is governed by their own terms and privacy policy.
Data Retention
Cached cover identifiers are stored on your device and are removed when the app is deleted or when the system purges cached data.
Contact
For questions about this policy, please contact the developer of this demo app.
Supplementary videos
Below is a playlist of short videos showing one way to complete the Books App prototype, from start to finish.
You are absolutely not expected to watch any or all of these videos, but may find it helpful to look at some of them.