├── .gitignore ├── LICENSE ├── README.md ├── misc ├── TODO.md ├── _old-assessment-criteria.md ├── assessment-checklist.md ├── assets │ ├── personas.png │ └── ux-chat.jpg └── observations.md ├── projects ├── filter-bubbles │ ├── README.md │ └── assets │ │ └── junk-food-analogy.png └── nmm_hidden_histories │ ├── NMM-09-01-2016.md │ ├── README.md │ ├── assets │ ├── experience-content-graph_hidden_Histories.png │ ├── image1-10.jpg │ ├── image12-31.png │ ├── image15-37.jpg │ ├── image24-55.jpeg │ └── image24-55.jpg │ ├── sixteenth-century-cartography.md │ └── students │ ├── angry-boats.jpg │ ├── draw-a-map.jpg │ ├── map-stories.jpg │ └── name-here.jpg ├── resources ├── Intercom-on-Product-Management.pdf ├── amy-jackson-bruce-presentation-usertesting-prototyping.md ├── designing-interfaces-for-kids.md ├── job-stories.md ├── michael-mentessi_communities.md ├── the-best-interface-is-no-interface_toolkit.pdf └── top10skillsk4.pdf ├── sessions ├── 10 │ ├── README.md │ └── assets │ │ └── what-to-do.png ├── 11 │ ├── README.md │ └── assets │ │ └── random-idea-generator.png ├── 12 │ ├── Denise-notes.md │ └── README.md ├── 13 │ ├── README.md │ └── assets │ │ ├── dropbox.png │ │ └── pres.png ├── 14 │ ├── README.md │ └── assets │ │ └── experiments.png ├── 15 │ └── README.md ├── 16 │ ├── README.md │ └── assets │ │ └── presenting.png ├── 01 │ ├── README.md │ └── assets │ │ ├── National_Maritime_Museum.jpg │ │ ├── design-vs-UX.jpg │ │ ├── iterative-process.png │ │ └── xkcd-university-website.png ├── 02 │ ├── README.md │ └── assets │ │ ├── Concept_One_Pager_Fransisco, Joe.jpg │ │ ├── Conect one pager_Ajay_Afsara.png │ │ ├── concept 1 pager_Dean, Ben.png │ │ ├── experience-content-graph.png │ │ └── experience-content-graph_hidden_Histories.png ├── 03 │ ├── README.md │ └── assets │ │ ├── Hidden_Histories_Images │ │ ├── image1-17.jpeg │ │ ├── image10-35.jpeg │ │ ├── image11-37.jpeg │ │ ├── image12-39.jpeg │ │ ├── image13-41.jpeg │ │ ├── image14-43.jpeg │ │ ├── image15-45.jpeg │ │ ├── image16-47.jpeg │ │ ├── image17-49.jpeg │ │ ├── image18-51.jpeg │ │ ├── image19-53.jpeg │ │ ├── image2-19.jpeg │ │ ├── image20-55.jpeg │ │ ├── image21-57.jpeg │ │ ├── image22-59.jpeg │ │ ├── image23-61.jpeg │ │ ├── image24-63.jpeg │ │ ├── image25-65.jpeg │ │ ├── image26-67.jpeg │ │ ├── image27-69.jpeg │ │ ├── image28-71.jpeg │ │ ├── image29-73.jpeg │ │ ├── image3-21.jpeg │ │ ├── image30-75.jpeg │ │ ├── image4-23.jpeg │ │ ├── image5-25.jpeg │ │ ├── image6-27.jpeg │ │ ├── image7-29.jpeg │ │ ├── image8-31.jpeg │ │ └── image9-33.jpeg │ │ ├── NMM_Hidden_Histories_Stories.pdf │ │ ├── Race_Aginst_Time_Visual.png │ │ ├── Ship_in_a_Bottle_by_Yinka_Shonibare.png │ │ ├── UX-design-prototyping-process.pdf │ │ ├── UX_Design_&_Prototyping_2018.pdf │ │ ├── experience-map.jpg │ │ ├── tree-swings.ai │ │ ├── tree-swings.jpg │ │ ├── tree-swings.png │ │ └── upside-down.jpg ├── 04 │ ├── README.md │ └── assets │ │ ├── Overthearch.png │ │ ├── TheSonOfMan.jpg │ │ ├── silverback-user-testing-sample.png │ │ ├── use-case-01.jpg │ │ ├── use-case-02.jpg │ │ └── use-case-03.jpg ├── 05 │ └── README.md ├── 06 │ ├── README.md │ └── assets │ │ ├── dropbox.png │ │ └── prototyping.pdf ├── 07 │ ├── README.md │ └── assets │ │ ├── SM.jpg │ │ ├── dropbox.png │ │ └── gdoc-sharing.jpg ├── 08 │ └── README.md ├── 09 │ ├── README.md │ └── assets │ │ ├── Intro_To_Data_Visualisation.pdf │ │ ├── filter-bubbles-venn-diagram.jpg │ │ ├── infographic-history-of-the-world.jpg │ │ ├── nmm.jpg │ │ └── www-ebi │ │ ├── ebi-NMM.JPG │ │ ├── ebi-app-website.JPG │ │ ├── ebi-attendance.JPG │ │ ├── ebi-blogging-notes.JPG │ │ ├── ebi-clearer-idea.JPG │ │ ├── ebi-clearer-task.JPG │ │ ├── ebi-interviews-practice.JPG │ │ ├── ebi-more-time.JPG │ │ ├── ebi-report.JPG │ │ ├── ebi-team.JPG │ │ ├── ebi-testing.JPG │ │ ├── ebi-wireframing-prototyping.JPG │ │ ├── www-NMM.JPG │ │ ├── www-brief.JPG │ │ ├── www-jonny-campus-society.JPG │ │ ├── www-prototypes.JPG │ │ ├── www-real-world-project.JPG │ │ ├── www-team-work.JPG │ │ ├── www-testing.JPG │ │ └── www-weekly-tutorials.JPG └── assets │ ├── UserTesting-avoiding-bias.pdf │ ├── UserTesting-checklist.pdf │ ├── community.png │ ├── design-double-diamond.png │ ├── dilbert-easy-to-use.png │ ├── dilbert-userstories.jpg │ ├── elezea-persona.jpg │ ├── exercises-in-style.pdf │ ├── guinea-pig.jpg │ ├── headsup-wireframes │ ├── 1-home.png │ ├── 2-navigation.png │ ├── 3-prepare.png │ ├── 4-dashboard-student.png │ ├── 5-profile.png │ ├── 6-dashboard-teacher.png │ ├── 7-class-registration-form.png │ ├── dashboard-admin.png │ ├── forum.png │ ├── live-chat.png │ ├── moderate.png │ ├── share.png │ └── social.png │ ├── invision-live-share.png │ ├── justunfollow-instagram-animation.gif │ ├── kebab-best.jpg │ ├── kebab-sauces.jpg │ ├── kebab-wrap.jpg │ ├── kebab.jpg │ ├── not-a-wireframe-example.jpg │ ├── photoshop.png │ ├── prototype-review-refine.jpg │ ├── prototyping-tools.png │ ├── qualitative+quantitative.png │ ├── qualitative-quantitative.png │ ├── queneau.jpg │ ├── rave-timetable-invision.gif │ ├── rave-timetable-sketch.png │ ├── silverback-user-testing-sample.png │ ├── social-network-graph.png │ ├── spinning-arrows.gif │ ├── thumbs-down.png │ ├── thumbs-down.psd │ ├── uberification.gif │ ├── user-testing-debate-post-its.jpg │ ├── user-testing_margot+harry.jpg │ ├── what-homer-wants.jpg │ ├── who-are-we.png │ ├── wireframe-bullshit.jpg │ ├── wireframe-example.png │ ├── wireframes-bullshit.jpg │ ├── wireframes-critique.jpg │ └── wireframes-critique.psd └── students ├── 2016 ├── Ade.md ├── Aidan.md ├── Alex.md ├── Harry.md ├── Jack.md ├── Joe.md ├── Johan.md ├── Jonny.md ├── Kieran.md ├── Luke.md ├── Ollie.md ├── Rana.md ├── Ryder.md ├── Sanj.md └── Tom.md └── 2017 ├── filter-bubbles ├── afsara.md ├── ajay.md ├── akvile.md ├── ben.md ├── darren.md ├── dean.md ├── francisco.md ├── joe.md ├── josh.md ├── malore.md ├── rajeev.md ├── rosie.md ├── tom.md └── will.md └── nmmaps ├── anchors-aweigh ├── akvile.md ├── rosie.md └── will.md ├── map-maker ├── darren.md └── tom.md ├── map-rider ├── afsara.md ├── ajay.md └── malore.md ├── puzzle-maps ├── ben.md ├── dean.md └── josh.md └── touchscreen-map ├── francisco.md ├── joe.md └── rajeev.md /.gitignore: -------------------------------------------------------------------------------- 1 | .sass-cache 2 | sessions/*.html 3 | .DS_Store -------------------------------------------------------------------------------- /misc/assessment-checklist.md: -------------------------------------------------------------------------------- 1 | # Designing the UX assessment checklist 2 | 3 | Your final mark will be based on: 4 | 5 | * [75% project](https://github.com/RavensbourneWebMedia/WEB14204/blob/master/assessment-criteria.md#project) 6 | * [25% blog](https://github.com/RavensbourneWebMedia/WEB14204/blob/master/assessment-criteria.md#blog) 7 | 8 | 9 | # Project 10 | 11 | All your project files **must be pushed to GitHub**, in the *branch* called with your name, inside your *folder* 12 | 13 | (for example, branch: `matteo`, folder: `students/matteo`) 14 | 15 | - [ ] Pull request instead? 16 | 17 | ![Readme ME](http://i.imgur.com/edNKhBT.png) 18 | 19 | In your folder, include a **README.md** file that introduces your app? and explains how it works. It must 20 | 21 | * be at least 200 words 22 | * have a couple of images/screenshots (more than two are welcome of course) 23 | * include at least one link to research or inspiration 24 | * include links to all your blog posts 25 | 26 | **MD** stands for `MarkDown` and it's just a text file that GitHub converts to HTML. 27 | 28 | You're reading a MD file right now, and there are plenty of MD files in the GitHub repository for this project, for instance [here](https://github.com/RavensbourneWebMedia/WEB14204/tree/master/notes). 29 | 30 | Here is an [easy guide (3 minutes)](https://guides.github.com/features/mastering-markdown/) on writing MarkDown. 31 | 32 | You can use [this free app](http://25.io/mou/) to craft MD files on OSX, or [this free one](http://markdownpad.com/) for Windows. Or, even better, you can work on MD online using [StackEdit](https://stackedit.io)! 33 | 34 | 35 | 36 | 37 | # Blog 38 | 39 | Your blog is a **self-assessment** and creative process **documentation tool**. 40 | 41 | We don’t ask you to blog to fill your time. Documenting your project through a blog helps you develop your **critical thinking and analysis skills**. Just writing all positive, unspecific things about a project doesn’t exercise those analytic mind muscles. 42 | 43 | ![blog ON](http://i.imgur.com/9U2OO22.png) 44 | 45 | Your blog should have at least 12 posts. 46 | 47 | Topics from each week: 48 | 49 | 1. [ ] TODO 50 | 51 | 52 | You can blog either on [4F](http://www.fourthfloor.me/) or [Medium](https://medium.com). Tumblr is also ok. -------------------------------------------------------------------------------- /misc/assets/personas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/misc/assets/personas.png -------------------------------------------------------------------------------- /misc/assets/ux-chat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/misc/assets/ux-chat.jpg -------------------------------------------------------------------------------- /projects/filter-bubbles/assets/junk-food-analogy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/projects/filter-bubbles/assets/junk-food-analogy.png -------------------------------------------------------------------------------- /projects/nmm_hidden_histories/NMM-09-01-2016.md: -------------------------------------------------------------------------------- 1 | # Q 2 | 3 | * Can we have Aaron's slides for reference? 4 | * Audience segmentations to be provided by NMM 5 | * What content will you be able to share with us? 6 | * Exhibition Design Sheet, it's like a design brief, self-contained document 7 | * Design guidelines? May not be available in time 8 | 9 | 10 | # Notes 11 | 12 | 4 new galleries in 2018, we're involved in the "best one" 13 | 14 | Tudor&Stuart: Britain emergence as a maritime power, from being a peripheral small nation 15 | 16 | Collection is made out of bling, models as well as intimate, everyday objects like a shoe 17 | 18 | 18th - 19th - 20th heavy museum, so this gallery will fill a massive gap 19 | 20 | Fabric effects on the wall, to "take you back" to the feeling of the 16th century 21 | 22 | Early modern period: explorers like Colombo, Vespucci, Da Gama, whose work had a huge impact on European and World history 23 | 24 | Boom in map making at the time. `Mapping the World` is at the entrance of the Gallery 25 | 26 | Spanish Armada 1588: tell the story of the people involved into it, Spanish sailors as well 27 | 28 | Anglo-Dutch Wars 1652-74, there's a mutual interest for these to be forgotten. Dutch raid into the Thames, sailors weren't happy so they used it as a sort of strike 29 | 30 | The mothers, wives and daughters of the seafarers... 31 | 32 | Many seafarers left no trace of their lives, many were illiterate. Edward Barlow was the Forrest Gump of the time, he went everywhere and did everything. 33 | 34 | Diversity of sailors: English, Irish, Black, Indian, American 35 | 36 | Pirates: very easy sell. It was a huge phenomenon at the time. Some of them were petty thieves, some of them women (issues of representation) 37 | 38 | Encounters: people who the explorers came into contact with when landing in America etc. 39 | 40 | Global trade: spices, gold, timber, slaves 41 | 42 | Ships, dockyards and shipbuilding: the industry which started around that time 43 | 44 | Pepper's ghost 45 | 46 | ### Target 47 | 48 | What are the audience expectations, physical needs (wheelchair accessible, audio with BSL, subtitles) 49 | 50 | Make sure everyone can engage with the interactive 51 | 52 | Segmentation: local audience vs tourist, `broadening horizons` (older audiences, National Trust types), people who like the opera 53 | 54 | ### Interactive 55 | 56 | The content comes first: for each exhibit, what is the one idea you want the visitor to leave with... 57 | 58 | What message do you want to communicate? Wealth and variety of content? Specific stories? 59 | 60 | Mapping interactive: there will be things around, but you can't assume that people will have read/seen them before interacting with the thing. 61 | 62 | Designing the content and target first, then design the UX, flowchart, how interactive is it (website or game, open exploration) 63 | 64 | What is the look&feel of it? 65 | 66 | Multitouch screen, only English, size of table has to take into account wheelchair users 67 | 68 | Single-user interaction given the layout of the space 69 | 70 | Buttons, iconography and interaction models will have to be rather standard, so that people don't have to learn new systems all the time 71 | 72 | Time spent in front of something in a museum is different, eg: 3 minutes max for a video or interactive experience, more than than would require sitting 73 | 74 | 32" touchscreen 75 | 76 | Sometimes people can share the information from interactives with themselves / others 77 | 78 | collections.rmg.org.uk/collections.html to familiarise yourself with the collection 79 | 80 | Be clear about the aim of the interactive.. what do you want to communicate: before you arrive you knew nothing now I know `this thing` 81 | 82 | Chris could lend us a touchscreen to use for prototyping 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /projects/nmm_hidden_histories/assets/experience-content-graph_hidden_Histories.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/projects/nmm_hidden_histories/assets/experience-content-graph_hidden_Histories.png -------------------------------------------------------------------------------- /projects/nmm_hidden_histories/assets/image1-10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/projects/nmm_hidden_histories/assets/image1-10.jpg -------------------------------------------------------------------------------- /projects/nmm_hidden_histories/assets/image12-31.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/projects/nmm_hidden_histories/assets/image12-31.png -------------------------------------------------------------------------------- /projects/nmm_hidden_histories/assets/image15-37.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/projects/nmm_hidden_histories/assets/image15-37.jpg -------------------------------------------------------------------------------- /projects/nmm_hidden_histories/assets/image24-55.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/projects/nmm_hidden_histories/assets/image24-55.jpeg -------------------------------------------------------------------------------- /projects/nmm_hidden_histories/assets/image24-55.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/projects/nmm_hidden_histories/assets/image24-55.jpg -------------------------------------------------------------------------------- /projects/nmm_hidden_histories/sixteenth-century-cartography.md: -------------------------------------------------------------------------------- 1 | Notes from the presentation given by Megan Barford (cartography expert @ NMM) on the 23rd of Jan. 2 | 3 | You can view her slides [here](https://docs.google.com/presentation/d/1tEg72Z_1cyxSUN1VfkW8Oke9gOZtmok0DRQ3odi61_4/edit?usp=sharing). 4 | 5 | ### Uses of maps 6 | 7 | * Navigational tools 8 | * Political propaganda 9 | * Luxury objects 10 | * Planning tools 11 | 12 | ### Context 13 | 14 | 16th century: huge changes in the understanding of the world for European. 15 | 16 | Maps start to be made according to the seafarers and explorers' observations, not any more from *received wisdom* or ancient knowledge. 17 | 18 | Tech advancements, mostly the printing press. Many maps could be made and printed as luxury objects for rich people. Eg: blue was a very expensive colour (see below). 19 | 20 | ![](assets/typus-orbis-terrarum.png) 21 | 22 | People had a theory that there had to be the same amount of land mass in the southern and northern hemisphere (see above). 23 | 24 | Portolan charts: developed in the Mediterranean in the 13th century, made of vellum (lamb's skin) 25 | 26 | ![](assets/portolan.png) 27 | 28 | Amsterdam was the most prominent centre of map making and the Dutch were the most skilled cartographers. Because of: 29 | * strong internal demand from the state and merchants. 30 | * lot of skilled engravers 31 | * the development of the book trade 32 | * there were advanced centres of maths learning, which applied their knowledge on map-making (calculating/estimating distances, understanding projections, how to represent a globe onto a flat surface). 33 | 34 | Dutch map of the English Channel below 35 | 36 | ![](assets/dutch-map.png) 37 | 38 | Map of the Thames Estuary, made by Dutch cartographers for an English audience 39 | 40 | ![](assets/thames-estuary.png) 41 | 42 | Wapping was the centre of maritime London. 43 | 44 | Navigational information was very important and nations tried to keep it secret. Maps were strongly connected with military activity. 45 | 46 | ![](assets/stolen-map.png) 47 | 48 | The Spanish Armada was mostly defeated because of terrible weather. The British navy used maps as propaganda tools to tweak history and highlight their role in the war. 49 | 50 | ![](assets/armada-journey.png) 51 | 52 | Seafarers would draw sketch maps, and write a lot of observations. 53 | 54 | ### How did they perceive their role in society? How were they perceived? 55 | 56 | Cartographers saw themselves as both mathematicians and artists, there were no clear boundaries between subjects at the time. 57 | 58 | ### What was the map-making process? 59 | 60 | Trigonometry: distances and angles to draw triangles and then draw details into them. Measure angles using compasses (not accurate) and measuring links. Ropes to sample depth and type of soil at the bottom. 61 | 62 | There was no systematic survey until end of 17th century 63 | 64 | Sailors preferred hand-drawn maps (more updated) rather than printed maps (not based on the latest information). 65 | 66 | ### Who was meant to use the maps? 67 | 68 | Maps tended to be the private property of captains, even the navy (not property of the Crown). They were *freelancers*. -------------------------------------------------------------------------------- /projects/nmm_hidden_histories/students/angry-boats.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/projects/nmm_hidden_histories/students/angry-boats.jpg -------------------------------------------------------------------------------- /projects/nmm_hidden_histories/students/draw-a-map.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/projects/nmm_hidden_histories/students/draw-a-map.jpg -------------------------------------------------------------------------------- /projects/nmm_hidden_histories/students/map-stories.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/projects/nmm_hidden_histories/students/map-stories.jpg -------------------------------------------------------------------------------- /projects/nmm_hidden_histories/students/name-here.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/projects/nmm_hidden_histories/students/name-here.jpg -------------------------------------------------------------------------------- /resources/Intercom-on-Product-Management.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/resources/Intercom-on-Product-Management.pdf -------------------------------------------------------------------------------- /resources/amy-jackson-bruce-presentation-usertesting-prototyping.md: -------------------------------------------------------------------------------- 1 | # Amy Jackson-Bruce 2 | 3 | * Former student at Rave's Web Media, currently *digital output coordinator* at Burberry. 4 | 5 | * Job titles don't make sense (what does *digital output coordinator* even mean?) 6 | 7 | * **Digital**: weird and wonderful things to enhance the shoppping experience. For instance, a chandellier made out of iPads (they tend to explode) 8 | 9 | ## User-testing 10 | 11 | * User-testing on e-commerce platform: inform decisions about existing tools (what to tweak) 12 | 13 | * What is user-testing? 14 | 15 | * representative sample of users (not your family/friends) 16 | * controlled environment (keep a distance and have a script) 17 | 18 | * How do you know *your site is good*? Ie, how do you know you reached your (client's) goals? 19 | 20 | * People want to be nice to you, but that's not useful to user-testing. You want honest feedback, not pleasantry. 21 | 22 | ### Why user-test? 23 | 24 | * **Evidence** vs *speculation* (test your assumptions) 25 | 26 | * **Who** are you designing for? Not for yourself / your circle of friends (remember homophily?) 27 | 28 | * Different *mental models* (your understanding of a car, your own body, a search button..): do people understand the interfaces / tools you're designing? Will they use them as you intend? 29 | 30 | * **Usability** vs **usefulness**: 100 useful features crammed into an app may not be usable.. 31 | 32 | * Test your language (aka *copy*), see [Ship your enemies glitter](http://shipyourenemiesglitter.com). Never use *lorem ipsum*. 33 | 34 | * Check if your **navigation labels** make sense. 35 | 36 | * Uncover barriers and usability problems. 37 | 38 | * Explore natural journeys 39 | 40 | ### Types of user-testing 41 | 42 | 1. Lab testing 43 | 44 | Difference between what people do / want and what they *tell you* they would do / want 45 | 46 | 2. Tree testing 47 | 48 | Test your navigation, menus and copy 49 | 50 | 3. Remote testing 51 | 52 | 4. Beta testing 53 | 54 | Release an unfinished product to early adopters in exchange for feedback 55 | 56 | 5. User diaries 57 | 58 | People's feelings and opinions about a product. A bit like surveys, but over a period of time 59 | 60 | 6. A / B testing 61 | 62 | 7. Card sorting 63 | 64 | Pile of cards (representing your navigation) and ask people to put them into categories that will inform your navigation 65 | 66 | ### More effective to test 100 people or 10? 67 | 68 | Counter-intuitively it's 10, because they can spot pretty much the same problems that 100 will spot. 69 | 70 | ### More effective to test 100 people once or 10 people twice? 71 | 72 | Testing as often as possible is more effective. 73 | 74 | 75 | ## Prototyping process 76 | 77 | ### The digital lip and nail bar 78 | 79 | Nail varnish is problematic for customers to try out (difficult to remove, could stain your clothes..) 80 | 81 | Conversation started with the beauty team (aka the *client*) to spec out requirements 82 | 83 | Paper-prototyping interfaces and cardboard-prototyping objects. 84 | 85 | Rough prototypes ask people to fill in the gaps with their own imagination 86 | 87 | Don't explain people what it is, let them try and watch what they do 88 | 89 | User-testing can reshape your product requirements.. but don't just take in every request that people make 90 | 91 | Scaling from prototype to beta to pilot to hundreds of units (and make sure they work) 92 | 93 | Adding features to an existing product can be challenging. People are familiar with the existing product, get confused with new stuff 94 | 95 | **User diaries**: assistants in store write every evening observations about the product, facilitated by a sort of Google Form. Questions about usability, and whether the business targets are achieved. 96 | 97 | How do you **measure success**? Eg: purchases, difference in purchases, number of likes, are we making our money back. More on this here: [how to choose the right UX metrics for your product](http://www.gv.com/lib/how-to-choose-the-right-ux-metrics-for-your-product) 98 | 99 | 100 | 101 | -------------------------------------------------------------------------------- /resources/job-stories.md: -------------------------------------------------------------------------------- 1 | [Job stories](http://insideintercom.io/using-job-stories-design-features-ui-ux/) are a simple and effective way to describe and break down the **basic units of functionality** of a system, focusing on **causality**, **anxieties** and **motivations**. 2 | 3 | The basic idea behind job stories is that _people hire products/services to do jobs for them._ 4 | 5 | The format of a job story is: 6 | 7 | **when _, I want __, so that I can ___.*** **situation → motivation → outcome** 8 | 9 | Keep in mind that job stories describe jobs to be done, **not solutions**. 10 | 11 | 1. Start with a high level job. 12 | 2. Identify a smaller job or jobs which help resolve the higher level job. 13 | 3. Observe [how people solve the problem now](http://insideintercom.io/making-things-people-want/) (which job do they currently use). 14 | 4. Come up with a job story, or job stories, that investigate the causality, anxieties, and motivations of what they do now. 15 | 5. Finally,  think of a solution (usually in the form of a website new feature or  changes to an existing feature) which addresses that job story. 16 | 17 | Eg: let’s consider the scenario of a customer that wants to get in touch to the website owner. 18 | 19 | 1. Typical first attempt: _When  a customer wants to get in touch with the website owner, s/he wants  to... get in touch with the website owner, so that s/he can... get in  touch with the website owner._ Obviously this is not a good job story. Why? 20 | 2. Let’s address the outcome (_so that..._).  Ask yourself: why does the customer want to get in touch with the  website owner? What does she want from the website owner? What job does she want the site to do for her? 21 | 22 | * _When  a customer wants to get in touch with the website owner, s/he wants  to... get in touch with the website owner, so that s/he can book her  tickets to the next event_ (for instance)  23 | 24 | 1. Let’s address the situation (_when_).  Ask yourself: where is the customer when she is trying to get in touch  with the website owner? Is she in a rush? Is she on the move? Is she  anxious or frustrated about something? 25 | 26 | * _When a customer is checking the availability of tickets for the next event, she’s on her phone, on the bus_ (for instance)_,  anxious that they may have sold out and can’t find out a straight  answer, s/he wants to get in touch with the website owner, so that s/he  can book her tickets to the next event._ 27 | 28 | ### Tips 29 | 30 | * List down all of the features of your site, even the most obvious ones 31 | * The same story can be written from different perspectives (eg: the seller vs the buyer) 32 | * Sometimes a top-level, generic story must be broken down into multiple, more specific stories -------------------------------------------------------------------------------- /resources/the-best-interface-is-no-interface_toolkit.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/resources/the-best-interface-is-no-interface_toolkit.pdf -------------------------------------------------------------------------------- /resources/top10skillsk4.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/resources/top10skillsk4.pdf -------------------------------------------------------------------------------- /sessions/01/assets/National_Maritime_Museum.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/01/assets/National_Maritime_Museum.jpg -------------------------------------------------------------------------------- /sessions/01/assets/design-vs-UX.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/01/assets/design-vs-UX.jpg -------------------------------------------------------------------------------- /sessions/01/assets/iterative-process.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/01/assets/iterative-process.png -------------------------------------------------------------------------------- /sessions/01/assets/xkcd-university-website.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/01/assets/xkcd-university-website.png -------------------------------------------------------------------------------- /sessions/02/assets/Concept_One_Pager_Fransisco, Joe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/02/assets/Concept_One_Pager_Fransisco, Joe.jpg -------------------------------------------------------------------------------- /sessions/02/assets/Conect one pager_Ajay_Afsara.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/02/assets/Conect one pager_Ajay_Afsara.png -------------------------------------------------------------------------------- /sessions/02/assets/concept 1 pager_Dean, Ben.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/02/assets/concept 1 pager_Dean, Ben.png -------------------------------------------------------------------------------- /sessions/02/assets/experience-content-graph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/02/assets/experience-content-graph.png -------------------------------------------------------------------------------- /sessions/02/assets/experience-content-graph_hidden_Histories.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/02/assets/experience-content-graph_hidden_Histories.png -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image1-17.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image1-17.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image10-35.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image10-35.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image11-37.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image11-37.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image12-39.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image12-39.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image13-41.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image13-41.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image14-43.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image14-43.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image15-45.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image15-45.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image16-47.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image16-47.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image17-49.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image17-49.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image18-51.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image18-51.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image19-53.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image19-53.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image2-19.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image2-19.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image20-55.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image20-55.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image21-57.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image21-57.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image22-59.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image22-59.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image23-61.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image23-61.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image24-63.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image24-63.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image25-65.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image25-65.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image26-67.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image26-67.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image27-69.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image27-69.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image28-71.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image28-71.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image29-73.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image29-73.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image3-21.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image3-21.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image30-75.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image30-75.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image4-23.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image4-23.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image5-25.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image5-25.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image6-27.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image6-27.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image7-29.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image7-29.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image8-31.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image8-31.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/Hidden_Histories_Images/image9-33.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Hidden_Histories_Images/image9-33.jpeg -------------------------------------------------------------------------------- /sessions/03/assets/NMM_Hidden_Histories_Stories.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/NMM_Hidden_Histories_Stories.pdf -------------------------------------------------------------------------------- /sessions/03/assets/Race_Aginst_Time_Visual.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Race_Aginst_Time_Visual.png -------------------------------------------------------------------------------- /sessions/03/assets/Ship_in_a_Bottle_by_Yinka_Shonibare.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/Ship_in_a_Bottle_by_Yinka_Shonibare.png -------------------------------------------------------------------------------- /sessions/03/assets/UX-design-prototyping-process.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/UX-design-prototyping-process.pdf -------------------------------------------------------------------------------- /sessions/03/assets/UX_Design_&_Prototyping_2018.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/UX_Design_&_Prototyping_2018.pdf -------------------------------------------------------------------------------- /sessions/03/assets/experience-map.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/experience-map.jpg -------------------------------------------------------------------------------- /sessions/03/assets/tree-swings.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/tree-swings.ai -------------------------------------------------------------------------------- /sessions/03/assets/tree-swings.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/tree-swings.jpg -------------------------------------------------------------------------------- /sessions/03/assets/tree-swings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/tree-swings.png -------------------------------------------------------------------------------- /sessions/03/assets/upside-down.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/03/assets/upside-down.jpg -------------------------------------------------------------------------------- /sessions/04/assets/Overthearch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/04/assets/Overthearch.png -------------------------------------------------------------------------------- /sessions/04/assets/TheSonOfMan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/04/assets/TheSonOfMan.jpg -------------------------------------------------------------------------------- /sessions/04/assets/silverback-user-testing-sample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/04/assets/silverback-user-testing-sample.png -------------------------------------------------------------------------------- /sessions/04/assets/use-case-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/04/assets/use-case-01.jpg -------------------------------------------------------------------------------- /sessions/04/assets/use-case-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/04/assets/use-case-02.jpg -------------------------------------------------------------------------------- /sessions/04/assets/use-case-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/04/assets/use-case-03.jpg -------------------------------------------------------------------------------- /sessions/05/README.md: -------------------------------------------------------------------------------- 1 | # Week 5 2 | 3 | ### Today, Monday 5th February 2018 4 | 5 | 1. **AM** Tutorials 6 | 2. **PM** formative presentations @ NMM. We need to get there by 13:30 and the formatives will run from 14:00 to 16:00 7 | 8 | Your [homework](#homework) and [blog](#blog)! 9 | 10 | 11 | # Tutorials 12 | 13 | Claim your team's tutorial slot on [this GDoc](https://docs.google.com/spreadsheets/d/1_vXOxLMfYUZVnxrEqJYA3_669yxHd6s3B1w3zSdzRFA/edit#gid=0)! 14 | 15 | This afternoon you will present your work-in-progress at the NMM. 16 | 17 | Remember, this is a **formative presentation**, which gives you a chance to **get feedback** from the museum experts and **ask questions** to them. 18 | 19 | Talk about your **research**: what you learned from interviewing museum visitors, and what you observed at NMM and/or other museums. 20 | 21 | Explain how your concept relates to the interests and needs of your **audience**. 22 | 23 | You can use your elevator pitch, concept one-pager, experience map and prototype(s) to describe and visualise your idea. 24 | 25 | **Make sure you have a few questions to ask to the museum experts**. They're not there to judge you, but to help you make design decision about your idea. Think about how you can you take advantage of their experience and knowledge. What could you ask them? What could they help you with? 26 | 27 | 28 | # Homework 29 | 30 | ### Blog 31 | 32 | 1. Review the **formative feedback** your received. 33 | 2. **Individually** jot down an *action plan*: list what you want to do in order to address that feedback (eg: `prototype alternative game mechanics`, `try maps of obscure places`, `brainstorm different names`, `wireframe two options for the welcome screen`) 34 | 3. **Compare** your action plan list with your team mates. 35 | 4. Blog about this process, reflecting on the feedback received and how you (both individually and as a team) are responding to it. 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /sessions/06/README.md: -------------------------------------------------------------------------------- 1 | # Week 6 2 | 3 | ### Today, Monday 19th February 2018 4 | 5 | * Reminder: Summative Hand Ins 6 | * Formative Feedback / Action Plan Review 7 | * Intro: Self Assessment for Summative. 8 | * Prototyping workshop 9 | 10 | Your [homework](#homework) and [blog](#blog)! 11 | 12 | # Reminder: Summative Hand Ins 13 | 14 | A moment to reveiw what we need to [hand in](https://github.com/RavensbourneWebMedia/UX-design/tree/2018#summertive-assessment-monday-march-5th--national-maritime-museum) for this unit. 15 | 16 | # Formative Feedback / Action Plan Review 17 | 18 | In the last session we had formative presentations at the NMM. 19 | 20 | You were given a lot of valuable feedback and guidence on your projects by the in house team. This feeback can be found [here.](https://docs.google.com/document/d/1P_HZKHCFokdJ-BiGzdCjj6rkq-A4c8EpyxdXWY3ggcQ/edit) 21 | 22 | To follow on from this your homework was to: 23 | 24 | * Review the formative feedback your received. 25 | * Individually jot down an action plan: list what you want to do in order to address that feedback. 26 | * Compare your action plan list with your team mates. 27 | 28 | This morning I would like to review your action plans & what you have executed over reading week. 29 | 30 | If you do not have an action plan, make one in the session based on your [formative feedback.](https://docs.google.com/document/d/1P_HZKHCFokdJ-BiGzdCjj6rkq-A4c8EpyxdXWY3ggcQ/edit) 31 | 32 | Some general points from the presentations: 33 | 34 | 1. Audience: Be clear on who you are designing for and make sure that this has come from the list given by the NMM. 35 | 2. User testing: Sasha has offered to put us in contact with the audience groups. Would you like to reach out for this? 36 | 3. Review the [brief](https://github.com/RavensbourneWebMedia/UX-design/tree/2018/projects/nmm_hidden_histories) Does your project address all of the point within this doc? 37 | 38 | # Intro: Self Assessment for Formative on 5th March 2018. 39 | 40 | At the beginning of term we talked through the [Marking Criteria](https://drive.google.com/file/d/1ue54a2OzIkeuDY0wKjW--96jjuNYNXcp/view?usp=sharing) for this course. 41 | 42 | Let's quickly look at this again. 43 | 44 | This term, you will be asked to self assess your own teams work using a marking template. This means that along with your summative hand in's you will submit a marking sheet and indication of where you place your own work in the marking criteria. 45 | 46 | Self assessmenet is a valuable tool in learning as it helps us guage where our own work and learning is against university standards and helps us identify areas of strength and areas for improvement. 47 | 48 | We will talk more about this next week when the assignment will be set along with your summative hand in preparation. 49 | 50 | # Prototyping workshop 2 51 | 52 | Now that we have reviewed the feedback that you have been given and the action plans that you have made, it is time to think about whether you should stick, pivot or kill your previous prototypes? 53 | 54 | Ask yourself? 55 | 56 | * Does your core concept need to change based on the feedback your recieved? 57 | * Were the UX steps that you explained to the NMM understood easily? 58 | * Are your expereince maps clear and able to add value to the NMM? 59 | 60 | Now, let's reveiw your prototypes with your action plans in mind and work on modifying your screens & designs. 61 | 62 | # Homework 63 | 64 | ### Blog 65 | 66 | In preparation for the summative presentation (and for your future career) read how to [use storytelling to effectively communicate your research](https://blog.intercom.com/get-the-most-out-of-your-research-storytelling/), then blog about: 67 | 68 | 1. Your 3 take-aways from the article 69 | * How could you tell the story of your project to NMM at summative? 70 | 71 | ### Concept video 72 | 73 | Concept videos allow you to tell a compelling story around your idea, even if you haven't built a prototype yet! 74 | 75 | Did you know that Dropbox first MVP (*minimal viable product*) was [a concept video](https://techcrunch.com/2011/10/19/dropbox-minimal-viable-product/)? [Check it out](https://www.youtube.com/watch?v=w4eTR7tci6A). 76 | 77 | ![alt text](assets/dropbox.png) 78 | 79 | You can capture interest with a vivid **problem description**, and convince people with a **backstory** or examples of how people will benefit from you concept. 80 | 81 | Here are some more concept video examples: 82 | 83 | * [Lily](https://www.lily.camera/) is a drone camera that follows you. It raised millions on [Kickstarter](https://www.kickstarter.com/) (another great source of concept video inspiration) with a concept video that ~faked~ simulated how the product would work. 84 | * [StartupVideos](http://startup-videos.com/) features loads of concept videos for you to get inspired 85 | 86 | Using [Adobe Spark](https://spark.adobe.com) (free, online) **create a Minimum Viable Video for your NMMaps concept!** 87 | 88 | We'll review it next week. 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /sessions/06/assets/dropbox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/06/assets/dropbox.png -------------------------------------------------------------------------------- /sessions/06/assets/prototyping.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/06/assets/prototyping.pdf -------------------------------------------------------------------------------- /sessions/07/README.md: -------------------------------------------------------------------------------- 1 | # Week 7 2 | 3 | ### Today, Monday 27th February 2017 4 | 5 | * Concept video reveiw. 6 | * User-testing your prototype. 7 | * Prepare a user-testing guide. 8 | * Afternoon Session: User-testing @ The Science Museum 9 | 10 | Your [homework](#homework) and [blog](#blog)! 11 | 12 | # Concept Video Review 13 | 14 | Last week you were asked to make a concept video for your NMM Hidden histories project. 15 | 16 | This should have been in the form on an MVP, see last weeks Drop Box example [here](https://www.youtube.com/watch?v=w4eTR7tci6A): 17 | 18 | [![](assets/dropbox.png)](https://www.youtube.com/watch?v=w4eTR7tci6A) 19 | 20 | Now it's your turn. Let's share our concept videos with the class. 21 | 22 | # User-testing your prototype 23 | 24 | ### What have you learned so far about user-testing? 25 | 26 | In Week 4 you conducted user testing at the NMM and were asked to complete at least another two sessions over the next two weeks, with at least four people per session. 27 | 28 | Let's share what you did you found out from these last sessions and what's changed with your prototype since. 29 | 30 | Share some stories, discuss [tips](https://docs.google.com/document/d/1O0f50mVLfud9Y3fYCpPdtmcZ3scuJvaBq6nHGVjJrgs/edit#heading=h.mkklaycrp9q9). 31 | 32 | You were asked to do this and record your sessions / results as you will need to hand in a user testing report as part of your hand in. The report template that you will be using can be found [here](https://docs.google.com/document/d/1XIrJQe4acdR1fNuu53qgHxd80F5V_cvm2Uh62OQ3i1M/edit?usp=sharing). Take 10 mins to review the template and then think about what you have already & what you would like to achieve this week. 33 | 34 | ### Prepare a user-testing guide 35 | 36 | Let's spend the last 20 mins of class preparing a guide for a user-testing that you will conduct at the science museum this afternoon. 37 | 38 | Write down: 39 | 40 | * what assumptions do you want to test? 41 | * how can you test them? 42 | * what tasks will you ask testers to perform? 43 | * what context questions will you ask them at the beginning? 44 | 45 | [Here is an example user-testing guide](https://docs.google.com/document/d/1BFktaf9BfkCLFq1ONkfNRJ4tIUZNB6BvOTxzZkVeAso/edit?usp=sharing) from an industry contact. Can you use this as a basis for your own user testing template. 46 | 47 | ### Afternoon Session: User Testing at the Science Museum 48 | 49 | This afternoon we will travel to the science museum for another round of user testing on your prototypes. 50 | 51 | Let's meet outside the main entrance at 2pm to regroup before you head off in your pairs to complete your user testing. 52 | 53 | [![](assets/SM.jpg)]() 54 | 55 | We will then regoup at 3.50pm to share thoughts on your sessions before end of class. 56 | 57 | # Homework 58 | 59 | ### User-testing report! 60 | 61 | An important and often overlooked part of user-testing is **collecting evidence** of your sessions, writing your **observations** and condensing them into a list of **actionable recommendations**. 62 | 63 | 64 | 65 | 1. Open [this template GDoc](https://docs.google.com/document/d/1XIrJQe4acdR1fNuu53qgHxd80F5V_cvm2Uh62OQ3i1M/edit?usp=sharing). 66 | * `File` > `Make a copy...` 67 | * Change the sharing settings for your copy so that `Anyone with the link can comment`. 68 | 69 | ![](assets/gdoc-sharing.jpg) 70 | * Share the link for your report with me via email. 71 | * Use this template as a guideline (not all sections in the template may apply to your project) to **write a report of your digital prototype user-testing**. 72 | 73 | Bear in mind you'll be marked on this report (among other project materials, such as wireframes, presentations, prototypes etc). 74 | 75 | ### Formative Assesment (round 2): Self Assessment 76 | 77 | We spoke last week about [self assessment](https://github.com/RavensbourneWebMedia/UX-design/tree/2018/sessions/06#intro-self-assessment-for-formative-on-5th-march-2018) and how this can benefit our understanding of how your learning will be measured. 78 | 79 | This week you will prepare a self assessment hand in as part of your formative 2 submission. 80 | 81 | Once you have finished your work, open this [self assessment sheet](https://docs.google.com/document/d/16Y_OBU9ZkwZ3rHbpN8OG3kOPcT8h4qmywpbDRA19WcU/edit?usp=sharing), make a copy and mark your name at the top of the sheet. 82 | 83 | Now open the [UAL marking criteria](https://drive.google.com/file/d/1ue54a2OzIkeuDY0wKjW--96jjuNYNXcp/view?usp=sharing). 84 | 85 | On the marking sheet work your way through the parts of the project that need to be marked for each of the marking criteria and assign a grade placement from the marking cirteria against your work. These will then combine to make your overall grade for each marking criteria. And then your final grade. 86 | 87 | Let's take a moment to work through an example together. 88 | 89 | ### Formative Assessment (round 2): Presentation / Hand in Prep 90 | 91 | Your final formative assessment for this unit will be next week on 5th March @NMM. Make sure that you have everything that you need finsihed for presentation and hand in next week. 92 | 93 | ### Blog 94 | 95 | Read [UX choreography](https://medium.freecodecamp.com/the-principles-of-ux-choreography-69c91c2cbc2a) and then blog about your 3 main take aways from this article. -------------------------------------------------------------------------------- /sessions/07/assets/SM.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/07/assets/SM.jpg -------------------------------------------------------------------------------- /sessions/07/assets/dropbox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/07/assets/dropbox.png -------------------------------------------------------------------------------- /sessions/07/assets/gdoc-sharing.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/07/assets/gdoc-sharing.jpg -------------------------------------------------------------------------------- /sessions/09/assets/Intro_To_Data_Visualisation.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/Intro_To_Data_Visualisation.pdf -------------------------------------------------------------------------------- /sessions/09/assets/filter-bubbles-venn-diagram.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/filter-bubbles-venn-diagram.jpg -------------------------------------------------------------------------------- /sessions/09/assets/infographic-history-of-the-world.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/infographic-history-of-the-world.jpg -------------------------------------------------------------------------------- /sessions/09/assets/nmm.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/nmm.jpg -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/ebi-NMM.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/ebi-NMM.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/ebi-app-website.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/ebi-app-website.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/ebi-attendance.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/ebi-attendance.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/ebi-blogging-notes.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/ebi-blogging-notes.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/ebi-clearer-idea.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/ebi-clearer-idea.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/ebi-clearer-task.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/ebi-clearer-task.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/ebi-interviews-practice.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/ebi-interviews-practice.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/ebi-more-time.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/ebi-more-time.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/ebi-report.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/ebi-report.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/ebi-team.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/ebi-team.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/ebi-testing.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/ebi-testing.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/ebi-wireframing-prototyping.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/ebi-wireframing-prototyping.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/www-NMM.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/www-NMM.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/www-brief.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/www-brief.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/www-jonny-campus-society.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/www-jonny-campus-society.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/www-prototypes.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/www-prototypes.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/www-real-world-project.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/www-real-world-project.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/www-team-work.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/www-team-work.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/www-testing.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/www-testing.JPG -------------------------------------------------------------------------------- /sessions/09/assets/www-ebi/www-weekly-tutorials.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/09/assets/www-ebi/www-weekly-tutorials.JPG -------------------------------------------------------------------------------- /sessions/10/README.md: -------------------------------------------------------------------------------- 1 | # Week 10 2 | 3 | ### Today, Monday 25th April 2018 4 | 5 | Today's session will kick start your filter bubbles projects and start to shape your work for the term. We will cover: 6 | 7 | * **Data Detox**: Another look at digital data 8 | * **Mobile phone Data**: A class workshop on how your phone works. 9 | * **Digital Data**: what is it, how do companies collect and use your data, and what can we do about it? 10 | * **Filter bubbles**: the effects of the invisible algorithmic filtering of the Web by companies like Facebook and Google. We'll draw and compare our filter bubbles. 11 | * **Ideation**: we'll come up with 10 ideas for a *digital object* (an app, a website, a bot, a browser plugin..) that tackles filter bubbles 12 | * **Interviews**: we'll ask people (unbiased) questions to validate our idea(s) 13 | 14 | All the material for today is in [this presentation](https://docs.google.com/presentation/d/1a3CqIB11DHJV-huNM-Y1Y_tMyYJy3yb7TKYiuwmysec/edit#slide=id.g220bfb8030_0_116). 15 | 16 | [![](assets/what-to-do.png)](https://docs.google.com/presentation/d/1aeS1devIv-9eVnUuvArntvLG1uvt9YcqsV6q35Pfz0w/edit?usp=sharing) 17 | 18 | # Homework 19 | 20 | Review the 10 concepts that you created in class and assess the interviews that you conducted at Rave. Will you Pivot, persevere or kill you idea? Work through the ideas and modify them so you have a strong concept. Bring **one** for next week that you believe you would like to prototype. 21 | 22 | ### Blog 23 | 24 | 1. Read [this article](https://backchannel.com/facebook-published-a-big-new-study-on-the-filter-bubble-here-s-what-it-says-ef31a292da95) by Eli Pariser (author of *The Filter Bubble*), in which he analyses a study by Facebook data scientists on **filter bubbles vs individual choices**. Then blog about your views on this analysis. Include examples from your own experience of filter bubbles (eg: Did you ever get something offensive or off-putting from a friend/contact on social media? Or an advert that you found irrelevant? How did you feel?). -------------------------------------------------------------------------------- /sessions/10/assets/what-to-do.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/10/assets/what-to-do.png -------------------------------------------------------------------------------- /sessions/11/README.md: -------------------------------------------------------------------------------- 1 | # Week 11 2 | 3 | ### Today, Wednesday 2nd May 2018 4 | 5 | We'll continue working on your [*filter bubbles* brief](../../projects/filter-bubbles). 6 | 7 | * Recap and **reflection**: pros and cons of *filtering algorithms* and *filter bubbles*. 8 | * Random idea generator and **idea sheet**: what is your idea called, how does it work, and what do you want people to know/feel/do? 9 | * **Paper-prototyping** and **user-testing** your idea 10 | 11 | All the material for today is in [this presentation](https://docs.google.com/presentation/d/1S3ZqLCKbH032zs77IY_kwvthhj-FHjPretvkSTuLZag/edit?usp=sharing). 12 | 13 | [![](assets/random-idea-generator.png)](https://docs.google.com/presentation/d/1DX5r14pEi_buGRiUF4Jr2mytMT90wb1Lx4jT1wwZIIk/edit?usp=sharing) 14 | 15 | After the lecture / workshop session with we'll do [tutorials](https://docs.google.com/document/d/1ArfHiJFohSsvcbQ5Qtq0r6h3GZmiquCLoG7tvGKb2RQ/edit#heading=h.bo009u261hi5) on your first round of ideas and talk through feedback that anyone would like to cover from Term 2's final formative. 16 | 17 | # Homework 18 | 19 | * Continue **prototyping** your project idea. 20 | 21 | * Create a [Typeform](https://www.typeform.com) **survey** to gather primary research about your idea. Start collecting results. Read [this article on how to create effective surveys](https://infoactive.co/data-design/ch04.html). 22 | 23 | ### Blog 24 | 25 | 1. Read [this article on how to create effective surveys](https://infoactive.co/data-design/ch04.html). Then blog about how you designed and built yours, and how you collected results. 26 | 27 | -------------------------------------------------------------------------------- /sessions/11/assets/random-idea-generator.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/11/assets/random-idea-generator.png -------------------------------------------------------------------------------- /sessions/12/Denise-notes.md: -------------------------------------------------------------------------------- 1 | # [@nupinion](https://twitter.com/nupinion) 2 | 3 | [Here is Denise's presentation!](https://docs.google.com/presentation/d/1foMU-YTwQEaiDCdo6wTrYFLVdLurfYxsRc2fsCq0IfU/edit?usp=sharing) 4 | 5 | ### The problem 6 | 7 | * Information overload 8 | * Deliberate misinformation 9 | * Echo chambers 10 | * Language barriers 11 | 12 | ### Nupinion trajectories 13 | 14 | * Philosophy / Mission (why) 15 | * Technology (what) 16 | * Entrepreneurship / Sustainability (how) 17 | 18 | ### The issue with facts 19 | 20 | > The are no facts, only interpretations (Friedrich Nietzsche) 21 | 22 | > There is no truth, only perception (Gustave Flaubert) 23 | 24 | Example: [Fake news and fact-checking: Trump is demonstrating how to outsmart an AI](https://www.theguardian.com/science/2017/jan/31/fake-news-and-fact-checking-trump-is-demonstrating-how-to-outsmart-an-ai-artificial-intelligence) 25 | 26 | It's really hard to extract any comprehensive, factual information in a world overloaded with information. 27 | 28 | **Embrace bias**: explore relationships between facts, events and opinions. The goal is to provide some *context*. 29 | 30 | ### How 31 | 32 | * Topics (eg Syria) + sub-topics (eg Russia's involvement, migration crisis) 33 | * Curation of people's opinions 34 | * Timelines 35 | * Entities (people, places and organisations that are involved in a topic) 36 | * Generalised algorithms 37 | * Credibility (how do you calculate that algorithmically?) 38 | * Summarise 39 | * Contextualise 40 | 41 | 1. Data (250.000 articles per day from RSS feeds and scraping) 42 | 2. Algorithms (clustering, entity extraction) 43 | 3. UX and UI (different ways to visualise and interact with the content) 44 | 45 | ### Ethics 46 | 47 | * Censorship, how to balance out quality content and less reliable but popular sources (eg: DailyMail) 48 | * Algorithmic transparency: how do they work, why are they showing us certain information 49 | 50 | ### Entrepreneurship 51 | 52 | What problems are you solving for whom? 53 | 54 | It takes resilience, flexibility and imagination. 55 | 56 | *Affinity* metrics: list features that people may want (rows) and people (columns), then see if there are patterns and clusters emerging. 57 | 58 | Mapping out people behaviours, habits and routines. What do people do in practice, how are they consuming news? 59 | 60 | *Pinterest for News*: sharing curated content enriched by artificial intelligence. 61 | 62 | 63 | # APIs 64 | 65 | They have *instructions* and the data is *structured*. 66 | 67 | [Mashape](https://www.mashape.com/) and [APIs.io](http://apis.io/) are search engines for APIs. 68 | 69 | [Webhose.io](https://webhose.io/news-data-feed) is a comprehensive API for news articles. 70 | 71 | We'll use the [Guardian API](http://open-platform.theguardian.com/) today. The [Explore sandboxy playground](http://open-platform.theguardian.com/explore/) is really cool. 72 | 73 | The DailyMail used Microsoft face detection to profile immigrants and make a guesstimate about their ages. 74 | 75 | # Scraping 76 | 77 | 1. Go to URL (eg BBC home page) 78 | 2. Read data in (pretending to be a browser) as a long string 79 | 3. Parse the long string into HTML 80 | 4. Create list 81 | 5. Look for links `` and work out which ones are articles (eg in `` we could look for the string `article`, in other websites you could use `class` eg `...`) 82 | 6. Add article links (anchors) to the list 83 | 7. Create a bucket `articleInfo = []` 84 | 8. For each anchor: 85 | - page = read in data \#string 86 | - soup = parsed(page) 87 | - from soup extract title, date, author etc 88 | - articleInfo.append( [title, date, author] ) 89 | 9. Safe to file 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | -------------------------------------------------------------------------------- /sessions/12/README.md: -------------------------------------------------------------------------------- 1 | # Week 12 2 | 3 | ### Today, Wednesday 9th May 2018 4 | 5 | Prototyping with our special guest Tor. Today we will work through your paper prototypes and create frunctional, detailed digital prototypes by the end of the day. 6 | 7 | These will then be the basis of a user testing session with the Year 3 Web Media students next week. 8 | 9 | Some [notes from Tor's talk and workshop are here](https://docs.google.com/presentation/d/1qKUGTfI3hpiKvvR4-iC5Hhd8otNUv3ZiruVTaPkz-es/edit?usp=sharing). 10 | 11 | Your [homework](#homework) and [blog](#blog)! 12 | 13 | # Homework 14 | 15 | Next session will be **Wednesday the 16th May**. In the morning we will have formative presentations of your concepts & prototypes so far. Then we'll have our *friends* from Web Media Year 3 with us to **user-test your prototypes**. So, continue working on your prototype and be ready to present and test it next week (digital & paper prototypes at the ready please). 16 | 17 | ### Blog 18 | 19 | Look back over the **inspriing projects** given to you in the project brief at the [beginning of term.](https://github.com/RavensbourneWebMedia/UX-design/tree/2018/projects/filter-bubbles#inspiring-projects) 20 | 21 | They were: 22 | 23 | * [Googling Freedom:](https://www.flickr.com/photos/stml/sets/72157649456886632/) a practical demonstration of a filter bubble 24 | 25 | * [FriendFlop:](http://fffff.at/friendflop) a browser extension for Chrome that scrambles the identities on your Twitter or Facebook timelines, dissolving your biases and "reminding you that everyone is saying the same shit anyway" 26 | 27 | * [LoveMachine:](http://p.xuv.be/tag/lovemachine) a little app that clicks all the likes available in your timeline, automatically 28 | 29 | * [What would I say:](http://what-would-i-say.com/about.html) automatically generates Facebook posts that sound like you! 30 | 31 | After look at each project choose which is most relevant to your filter bubbles concept and review your experience of that project detailing: 32 | 33 | * **Audience**: who is it for, and why should they care? 34 | * **Interface**: how does it present content? How well does it address the (assumed) audience needs? 35 | * **Improvements**: what would you change, if anything, and why? Sketches/screenshots welcome. 36 | 37 | -------------------------------------------------------------------------------- /sessions/13/assets/dropbox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/13/assets/dropbox.png -------------------------------------------------------------------------------- /sessions/13/assets/pres.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/13/assets/pres.png -------------------------------------------------------------------------------- /sessions/14/README.md: -------------------------------------------------------------------------------- 1 | # Week 14 2 | 3 | ### Today, Wednesday 23rd May 2018 4 | 5 | * Homework review **MVP videos/concept video** 6 | * How to use **storytelling** to communicate your idea 7 | * Iteration on your **concept video** 8 | * Build a **landing page** experiment 9 | * **5-second-test** your first landing page 10 | 11 | All the material for today is in [this presentation](https://docs.google.com/presentation/d/14S1tMMaWJKqaDMxoKmT4BCuHXEGFQEffIkITXa6DaSc/edit#slide=id.g3ad2e698b1_0_94) 12 | 13 | [![](assets/experiments.png)](https://docs.google.com/presentation/d/1_Hf0szhOARy11sv2Wl21BUjUEFUekk2MS6ewkdvWkpg/edit?usp=sharing) 14 | 15 | # Homework 16 | 17 | 5-second-test your landing page(s) on [UsabilityHub](https://usabilityhub.com/five-second-test). 18 | 19 | ### Blog 20 | 21 | Write about: 22 | 23 | 1. The decisions you took when designing and building your landing page (eg: choice of copy, images, call-to-actions). 24 | 2. How you drove traffic to your landing page 5-second-test: did you spam friends on social media, begged them in real life, or used some other tricks... and how did it go? 25 | 3. The feedback and insights you gained from testing your landing page. -------------------------------------------------------------------------------- /sessions/14/assets/experiments.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/14/assets/experiments.png -------------------------------------------------------------------------------- /sessions/15/README.md: -------------------------------------------------------------------------------- 1 | # Week 15 2 | 3 | ### Today, Wedensday 30th May 2018 4 | 5 | * Tutorials 6 | * Independant working: [User Testing Report](https://docs.google.com/document/d/1XIrJQe4acdR1fNuu53qgHxd80F5V_cvm2Uh62OQ3i1M/edit?usp=sharing) - Please make a copy. Do not **modify** or **delete** the original! 7 | * Afternoon Javascript drop in tutorials with Nick. 8 | 9 | Tutorials! Claim your slot [in this document](https://docs.google.com/document/d/1zbPtt-K1kyv4Y6ZTO3KFl4UtNKctKRRrsgYZIQ7SCpo/edit?usp=sharing). 10 | 11 | One week till the **summative presentations on the 6th of June**! 12 | 13 | Let's review your progress over the last couple of weeks and plan the next 7 days. Please have all of the work you have so far including: 14 | 15 | * concept video 16 | * user-testing plan 17 | * state of the prototype 18 | 19 | For these tutorial sessions we will be working through the deliverables for the whole unit and discussing what needs to be completed before next week. But what should you be handing in? 20 | 21 | # Refresher: What should I hand in? 22 | 23 | ### For Term 3: 24 | 25 | Create a WEB14204-Name-Surname.md MarkDown document (where Name is your own name and Surname is your own surname, like WEB14204-Stella-Smith.md). 26 | 27 | In that MarkDown document, include the following: 28 | 29 | * A map of your personal filter bubbles 30 | * 10 ideas for your digital object 31 | * Concept one-pager of your chosen idea 32 | * Interviews 33 | * Audience: who is it for, and why should they care? 34 | * Paper prototypes 35 | * Interactive prototypes of your digital object 36 | * User-testing report 37 | * Concept video 38 | * Landing page 39 | * Summative pitch 40 | * Blog posts 41 | 42 | ### For Term 2: 43 | 44 | A second MarkDown document, including the following: 45 | 46 | * NMMaps 47 | * Competitor analysis 48 | * Elevator pitch 49 | * Concept one-pager 50 | * Experience map 51 | * Formative presentation 52 | * User personas 53 | * Wireframes 54 | * Prototype(s) 55 | * Concept video 56 | * User-testing report 57 | * Summative presentation 58 | * Blog posts 59 | 60 | 61 | # Homework 62 | 63 | Summative prep: make sure your `pres` is spot on. 64 | 65 | [*WTF should I present?*](../16/#wtf-should-i-present) 66 | 67 | ### Blog 68 | 69 | *[What did I learn?](https://github.com/RavensbourneWebMedia/Blogging/blob/master/what-did-I-learn.md) 70 | * What have I got left to do (use your tutorial sheet from today's session as a starting point) 71 | * What is my action plan for the next week. -------------------------------------------------------------------------------- /sessions/16/README.md: -------------------------------------------------------------------------------- 1 | # Week 16 2 | 3 | ### Today, Wednesday 6th June 2018 4 | 5 | # Summative presentations 6 | 7 | [![](assets/presenting.png)](https://docs.google.com/presentation/d/1Hi0DDdeuxqmb4aUyoIoBX3OZvKlvGhAjNqDzCsWo--k/edit?usp=sharing) 8 | 9 | ### WTF should I present? 10 | 11 | Prepare a **pitch** presentation for your [Filter Bubbles](../../projects/filter-bubbles) concept. 12 | 13 | As a pitch, you want to focus on the **solution** your product provides to a **problem** for your target **users** (less on the process). 14 | 15 | It's about how people use your product and how they need it to make their experience better. 16 | 17 | > Talk about them, not yourself. 18 | 19 | #### Structure 20 | 21 | The **structure** of your pitch is up to you. 22 | 23 | A **story** is an effective and proven way to structure your pitch. 24 | 25 | Humans have been telling stories for thousands of years, and our **brains** are wired to emotionally respond to stories more than to facts and figures. When someone tells you a story, the same areas of your brain and their brain get active. If they say "Danny kicked the ball..." your motor cortex, which coordinates your body movements, will fire up. That's how powerful stories are. 26 | 27 | You can frame your pitch as a story in a couple of ways: 28 | 29 | * Challenge > process > outcome (from a client point of view) 30 | 31 | * Problem > solution > result (from a user point of view) 32 | 33 | #### Slides 34 | 35 | Your slides should help your audience focus on your key points. If you put too much text in your slides, you'll end up confusing people. 36 | 37 | Tip: **one point per slide**. 38 | 39 | > Avoid showing what you are saying and saying what you are showing. 40 | 41 | #### Delivery 42 | 43 | When you stand up to present your project, remember that *everyone wants you to win*. 44 | 45 | If you're a little nervous, take a few **deep breaths**. 46 | 47 | Throughout your presentation, get comfortable with **silence**. Everyone needs a bit of it to digest what you're saying. 48 | 49 | > Silence is better than bullshit. 50 | 51 | 52 | # Hand-in checklist 53 | 54 | Create a `WEB14204-Name-Surname.md` MarkDown document (where `Name` is your own name and `Surname` is your own surname, like `WEB14204-Matteo-Menapace.md`). 55 | 56 | In that MarkDown document, include the following: 57 | 58 | #### Filter bubbles 59 | 60 | 1. A map of your personal filter bubbles 61 | 2. 10 ideas for your digital object 62 | 3. Concept one-pager of your chosen idea 63 | 4. Interviews 64 | 5. Audience: who is it for, and why should they care? 65 | 6. Paper prototypes 66 | 7. Interactive prototypes of your digital object 67 | 8. User-testing report 68 | 9. Concept video 69 | 10. Landing page 70 | 11. Summative pitch 71 | 12. Blog Posts 72 | 73 | 86 | 87 | ### Moodle link 88 | 89 | > Make sure all the folders, pages, documents & presentations you linked in your `WEB14204-Name-Surname.md` are publicly accessible (not just private to you). I don't want to be asking *permissions to view this file* while you're off :) 90 | 91 | **Upload** and submit your `WEB14204-Name-Surname.md` through Moodle. 92 | 93 | ### Deadline 94 | 95 | Wednesday, 6th of June 2018 at **16:00**! :high_heel: 96 | -------------------------------------------------------------------------------- /sessions/16/assets/presenting.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/16/assets/presenting.png -------------------------------------------------------------------------------- /sessions/assets/UserTesting-avoiding-bias.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/UserTesting-avoiding-bias.pdf -------------------------------------------------------------------------------- /sessions/assets/UserTesting-checklist.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/UserTesting-checklist.pdf -------------------------------------------------------------------------------- /sessions/assets/community.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/community.png -------------------------------------------------------------------------------- /sessions/assets/design-double-diamond.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/design-double-diamond.png -------------------------------------------------------------------------------- /sessions/assets/dilbert-easy-to-use.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/dilbert-easy-to-use.png -------------------------------------------------------------------------------- /sessions/assets/dilbert-userstories.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/dilbert-userstories.jpg -------------------------------------------------------------------------------- /sessions/assets/elezea-persona.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/elezea-persona.jpg -------------------------------------------------------------------------------- /sessions/assets/exercises-in-style.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/exercises-in-style.pdf -------------------------------------------------------------------------------- /sessions/assets/guinea-pig.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/guinea-pig.jpg -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/1-home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/1-home.png -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/2-navigation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/2-navigation.png -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/3-prepare.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/3-prepare.png -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/4-dashboard-student.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/4-dashboard-student.png -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/5-profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/5-profile.png -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/6-dashboard-teacher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/6-dashboard-teacher.png -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/7-class-registration-form.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/7-class-registration-form.png -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/dashboard-admin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/dashboard-admin.png -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/forum.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/forum.png -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/live-chat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/live-chat.png -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/moderate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/moderate.png -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/share.png -------------------------------------------------------------------------------- /sessions/assets/headsup-wireframes/social.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/headsup-wireframes/social.png -------------------------------------------------------------------------------- /sessions/assets/invision-live-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/invision-live-share.png -------------------------------------------------------------------------------- /sessions/assets/justunfollow-instagram-animation.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/justunfollow-instagram-animation.gif -------------------------------------------------------------------------------- /sessions/assets/kebab-best.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/kebab-best.jpg -------------------------------------------------------------------------------- /sessions/assets/kebab-sauces.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/kebab-sauces.jpg -------------------------------------------------------------------------------- /sessions/assets/kebab-wrap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/kebab-wrap.jpg -------------------------------------------------------------------------------- /sessions/assets/kebab.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/kebab.jpg -------------------------------------------------------------------------------- /sessions/assets/not-a-wireframe-example.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/not-a-wireframe-example.jpg -------------------------------------------------------------------------------- /sessions/assets/photoshop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/photoshop.png -------------------------------------------------------------------------------- /sessions/assets/prototype-review-refine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/prototype-review-refine.jpg -------------------------------------------------------------------------------- /sessions/assets/prototyping-tools.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/prototyping-tools.png -------------------------------------------------------------------------------- /sessions/assets/qualitative+quantitative.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/qualitative+quantitative.png -------------------------------------------------------------------------------- /sessions/assets/qualitative-quantitative.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/qualitative-quantitative.png -------------------------------------------------------------------------------- /sessions/assets/queneau.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/queneau.jpg -------------------------------------------------------------------------------- /sessions/assets/rave-timetable-invision.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/rave-timetable-invision.gif -------------------------------------------------------------------------------- /sessions/assets/rave-timetable-sketch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/rave-timetable-sketch.png -------------------------------------------------------------------------------- /sessions/assets/silverback-user-testing-sample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/silverback-user-testing-sample.png -------------------------------------------------------------------------------- /sessions/assets/social-network-graph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/social-network-graph.png -------------------------------------------------------------------------------- /sessions/assets/spinning-arrows.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/spinning-arrows.gif -------------------------------------------------------------------------------- /sessions/assets/thumbs-down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/thumbs-down.png -------------------------------------------------------------------------------- /sessions/assets/thumbs-down.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/thumbs-down.psd -------------------------------------------------------------------------------- /sessions/assets/uberification.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/uberification.gif -------------------------------------------------------------------------------- /sessions/assets/user-testing-debate-post-its.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/user-testing-debate-post-its.jpg -------------------------------------------------------------------------------- /sessions/assets/user-testing_margot+harry.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/user-testing_margot+harry.jpg -------------------------------------------------------------------------------- /sessions/assets/what-homer-wants.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/what-homer-wants.jpg -------------------------------------------------------------------------------- /sessions/assets/who-are-we.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/who-are-we.png -------------------------------------------------------------------------------- /sessions/assets/wireframe-bullshit.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/wireframe-bullshit.jpg -------------------------------------------------------------------------------- /sessions/assets/wireframe-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/wireframe-example.png -------------------------------------------------------------------------------- /sessions/assets/wireframes-bullshit.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/wireframes-bullshit.jpg -------------------------------------------------------------------------------- /sessions/assets/wireframes-critique.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/wireframes-critique.jpg -------------------------------------------------------------------------------- /sessions/assets/wireframes-critique.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/RavensbourneWebMedia/UX-design/ed12a6acb7e4b86fbdf33835c6a32a93501b826d/sessions/assets/wireframes-critique.psd -------------------------------------------------------------------------------- /students/2016/Ade.md: -------------------------------------------------------------------------------- 1 | **WEB14204: Web Designing the User Experience** 2 | 3 | **Name: Ade Adegoke** 4 | 5 | **Student Number: 96292415** 6 | 7 | **Course: Web Media Production BA(Hons)** 8 | 9 | 10 | # WEB14204: Designing the User Experience 11 | 12 | ##Kidesign 13 | 14 | #### [Competitor analysis](https://docs.google.com/document/d/1Fb2BfOn3Bl4JW-cTQpFoqxeo2r7fKuT2gQMg7h_l4gI/edit?usp=sharing) 15 | 16 | #### [Interviews debrief](https://docs.google.com/document/d/1CG50J8vUdkwCB_eScRKXhPv7SVuhM-B-YNx9qISHO5w/edit?usp=sharing) 17 | #### [Elevator pitch](https://docs.google.com/document/d/1X6--rfmHxPpVO8boVRY6NkhfSd4K4zM4-GjkRmK1oOc/edit?usp=sharing) 18 | 19 | #### [One pager](https://drive.google.com/file/d/0ByHkNH2IqZRJRXlaWWE0cjR2TGs/view?usp=sharing) 20 | 21 | #### [Wireframes]() [1](https://drive.google.com/file/d/0B_cEoDxpS7tWcWRlVEFWWExGdGc/view?usp=sharing) [2](https://drive.google.com/file/d/0B_cEoDxpS7tWV1I0SV9RWDN2Snc/view?usp=sharing) [3](https://drive.google.com/file/d/0B_cEoDxpS7tWaHB6Z1dBMUNlc0k/view?usp=sharing) 22 | 23 | #### [Use Case](https://drive.google.com/file/d/0B_cEoDxpS7tWTC1YcU0wamsxd1E/view?usp=sharing) 24 | 25 | #### [Formative presentation](https://docs.google.com/presentation/d/1jSTZBtTSq25kr8zJyvzJej9g5nSVZrUkpL0NoPqRCLA/edit?usp=sharing) 26 | 27 | #### [User personas](https://drive.google.com/folderview?id=0ByHkNH2IqZRJbkg2d2FBcEtmZ3M&usp=sharing) 28 | 29 | 30 | #### [Prototype](https://projects.invisionapp.com/share/3Q66J4Z2E#/screens) 31 | 32 | 33 | ####[User testing report](https://docs.google.com/document/d/16C5NYqZOe0x4fe2-46CO9N6kv85jrtYc9QjN1pg9Qj0/edit?usp=sharing) 34 | 35 | 36 | 37 | ##DAX 38 | 39 | #### [Brainswarming](https://docs.google.com/document/d/1YfKreiQXA3uqUwLp94BCElsxqlS2Cz_t99vN-DxBcl0/edit?usp=sharing) 40 | 41 | ####[User personas](https://docs.google.com/document/d/13jvAUwpTKviJmd1alhvr23mmH23TG-99hXX9ntq_fcc/edit?usp=sharing) 42 | 43 | ####[Concept one-pager](https://drive.google.com/file/d/0B-97PsC_crhUSzhMQi0wUnY2aHc/view?usp=sharing) 44 | 45 | ####[Experience maps](https://docs.google.com/document/d/19p_n7-1eUR9hV5qBUUzzuSThfwUcAluFK9wwGjZrpiA/edit?usp=sharing) 46 | 47 | ####[Prototype](https://docs.google.com/document/d/142veZKdEQllmaPUx3MQNvY83kVLfS3R_H35T46W0gPI/edit?usp=sharing) 48 | 49 | ####[User-testing report](https://docs.google.com/document/d/1UboiX2FzrdwYs6dfmRTsW8WQLIyFIGX3smgdMZgZQ38/edit?usp=sharing) 50 | 51 | ####[Formative presentation](https://docs.google.com/presentation/d/1ojW7zF5kVKxPH8HowlTZtFzcVTW5sgXQZiCtR-KubxY/edit?usp=sharing) 52 | 53 | 54 | ####[Summative presentation](https://docs.google.com/presentation/d/1fQMLvLukworHSp4n74RNcdZxI9zNP4TgRHwcGg1B9qo/edit?usp=sharing) 55 | 56 | 57 | ##Blog post 58 | 59 | ####[Interviewing humans](https://docs.google.com/document/d/1xSK_q2qNE1DaxE7EWsTEydCkrUBGUBqvkja4WHUiRBk/edit?usp=sharing) 60 | 61 | ####[Learning to wireframe: 10 best practices](https://docs.google.com/document/d/1DBCfydTxls9GrrU6v3Sta8u66z4umzEzJx-nWGRP9AY/edit?usp=sharing) 62 | 63 | ####[The secret life of 6 year olds](https://docs.google.com/document/d/1XZkJqkWCXL0lMuYMBvMWgb26WDPyUCnPpkKvxq8EjlY/edit?usp=sharing) 64 | 65 | ####[Working with kids: what have you learned so far?](https://docs.google.com/document/d/1VVJ46snZe6xcbZjwtuH44SXV7zN9Q5tCKSufYTVtuyw/edit?usp=sharing) 66 | 67 | ####[Kidesign formative action plan](https://docs.google.com/document/d/1dZXFHYf88Zg8m-GEzX3si4ootAareZwxvRNqGgVRqVg/edit?usp=sharing) 68 | 69 | ####[Make it like the PSD](https://docs.google.com/document/d/1eapuJgZ6Voi8hvpTny8GIK_YiblspJuvgwF_YFifRbQ/edit?usp=sharing) 70 | 71 | 72 | ####[Are UI walkthroughs evil? / Teaching UX to kids](https://docs.google.com/document/d/1IJDyL-jU0H6G7c0I4AoJTDAVwVNKwe0XJ-Xt75PjIAI/edit?usp=sharing) 73 | 74 | 75 | ####[2016 will be the year of conversational commerce](https://docs.google.com/document/d/1ViBhRon4FYcWnCFd9XKIBE88j4U-V-xavAlAG-VJ5ug/edit?usp=sharing) 76 | 77 | ####[Design is a conversation](https://docs.google.com/document/d/1ll_Bvpfa1AtxIiTIq27e3QULYMWS9iMOIOf81ho0xIA/edit?usp=sharing) 78 | 79 | ####[Your favourite digital archive experience](https://docs.google.com/document/d/1dfXptgPjlxgXbWiCZSanXPOmqpiasXUwDcf5tczpfT8/edit?usp=sharing) 80 | 81 | ####[Are UI walkthroughs evil?](https://docs.google.com/document/d/13IEGw_M7vgI0_8yzJzHK9nuKnWTBI_ZsCesqzohIc6M/edit?usp=sharing) 82 | 83 | ####[DAX formative action plan](https://docs.google.com/document/d/1Kw64W0pSxJQHflRabm3OxVefMXn_EbjYdCTR0lsij0I/edit?usp=sharing) 84 | 85 | ####[Evaluate izi.TRAVEL](https://docs.google.com/document/d/1g9YxnQEKWIn8TuPWyVB47_y9zDnnQa7v0CCUZYEGtL4/edit?usp=sharing) 86 | 87 | ####[Talk Web Design](https://docs.google.com/document/d/1b3f8K3UF-fhAWaPQj10Ikj1S_NJahqYqOu5-tjSoQv8/edit?usp=sharing) 88 | 89 | ####[What did I learn?](https://docs.google.com/document/d/1GzWsUVZN5acGjaWRwLTBJwqoXi_ZK-OJ1_WvSvu0mx8/edit?usp=sharing) 90 | 91 | #####[Other blogs etc](https://docs.google.com/document/d/1931zj2pgvmj3WshDX8lyjPDOAFhjztOzd50oPiRsok8/edit?usp=sharing) 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | -------------------------------------------------------------------------------- /students/2016/Aidan.md: -------------------------------------------------------------------------------- 1 | #WEB14204:UX Design (Kid Design & DAX) 2 | ---- 3 | ## Aidan McVay 4 | ## Web Media (BA) 5 | 6 | ---- 7 | 8 | ####Blog Posts 9 | 10 | As you recommended I've been using Medium to publish my blog posts. I've been writing them however I still have issues with keeping up to date with them (I often write them then don't publish them) 11 | 12 | * [Interviewing Humans](https://medium.com/@a.mcvay/interviewing-people-d27d32865e55#.b4mesjvp9) 13 | 14 | * [Learning to wireframe: 10 best practises](https://medium.com/@a.mcvay/wireframing-e5749ea963cc#.idybsl82u) 15 | 16 | * [The secret life of 6 year olds](https://medium.com/@a.mcvay/the-secret-life-of-six-year-olds-ee5d969db700#.dfbvke6mp) 17 | 18 | * [Working with kids: what have I learned so far?](https://medium.com/@a.mcvay/working-with-kids-what-have-i-learnt-a26c860121c#.o8e0xmqud) 19 | 20 | * [Kidesign formative action plan](https://medium.com/@a.mcvay/formative-action-plan-4d43d63ebb5b#.ziiner3uz) 21 | 22 | * [Make it like the PSD](https://medium.com/@a.mcvay/make-it-like-a-psd-72db787428dd#.2q6ujcsdk) 23 | 24 | * [Are UI walkthroughs evil? / Teaching UX to kids](https://medium.com/@a.mcvay/working-with-kids-how-is-it-going-cdf47ab647ad#.cyzt682xs) 25 | 26 | * [2016 will be the year of conversational commerce](https://medium.com/@a.mcvay/2016-the-year-of-conversational-commerce-c04db619312b#.5izzsjqj8) 27 | 28 | * [Design is a conversation](https://medium.com/@a.mcvay/design-is-a-conversation-2ba89b5e703c#.kp8txhf6t) 29 | 30 | * [Your favourite digital archive experience](https://medium.com/@a.mcvay/digital-exhibits-b9212ca0590b#.rfio537eu) 31 | 32 | * [Are UI Walkthroughs evil?](https://medium.com/@a.mcvay/ui-walkthroughs-503b7af91328#.du42siwfe) 33 | 34 | * [DAX Formative action plan](https://medium.com/@a.mcvay/action-plan-fa8a4f5d9f65#.e3xt50sj8) 35 | 36 | * [Evaluate izi.TRAVEL](https://medium.com/@a.mcvay/izi-travel-47329d80f3da#.hz24v7vd7) 37 | 38 | * [Talk Web Design](https://medium.com/@a.mcvay/talk-web-design-18b7366d348#.imbnrt9kg) 39 | 40 | * [What did I learn?](https://medium.com/@a.mcvay/what-did-i-learn-7928a9a5d6a1#.nnmslvgxc) 41 | 42 | ---- 43 | 44 | ####Presentations 45 | 46 | * [All About London Formative Presentation](https://docs.google.com/presentation/d/17MbLz66R2KGmEWa-H6PksijXrljEHf5tL-akoPSSAZM/edit?usp=sharing) 47 | 48 | * [The Thames Experience Formative Presentation](https://docs.google.com/presentation/d/1H9Sl7ONvd-gGWKp6IthkJ3MktIF7vLiLm876_7w5Rpk/edit?usp=sharing) 49 | 50 | * [The Thames Experience Summative Presentation](https://docs.google.com/presentation/d/1Fdop8fj5xr2GZ70TpOS-1dLRNBbL3jTZer0DrV-CIJQ/edit?usp=sharing) 51 | 52 | ---- 53 | 54 | ####Kidesign Links 55 | 56 | ![All About London](http://i.imgur.com/JraFwDr.png =300x50) 57 | 58 | ---- 59 | 60 | * [Competitor Analysis](https://drive.google.com/folderview?id=0BzdF2x6AGYR5LWFEZFAxRjJoZW8&usp=sharing) 61 | 62 | * [Interviews debrief](https://drive.google.com/folderview?id=0BzdF2x6AGYR5SnRWLUFuU0ZVV0U&usp=sharing) 63 | 64 | * [Elevator Pitch](https://drive.google.com/folderview?id=0BzdF2x6AGYR5Wkw4b3Qxc19ndjg&usp=sharing) 65 | 66 | * [Concept one-pager](https://drive.google.com/folderview?id=0BzdF2x6AGYR5Ui1TSUpCczlLanc&usp=sharing) 67 | 68 | * [Wireframes](https://drive.google.com/folderview?id=0BzdF2x6AGYR5LTJ2ckU3UG9UM1U&usp=sharing) 69 | 70 | * [Use case](https://drive.google.com/folderview?id=0BzdF2x6AGYR5VlV0SUpUT2NSeTA&usp=sharing) 71 | 72 | * [Formative presentation](https://docs.google.com/presentation/d/17MbLz66R2KGmEWa-H6PksijXrljEHf5tL-akoPSSAZM/edit?usp=sharing) 73 | 74 | * [User Personas](https://drive.google.com/folderview?id=0BzdF2x6AGYR5dHJjVE5kOXBGU2s&usp=sharing) 75 | 76 | * [Prototype](https://invis.io/UT7I4AE9A) 77 | 78 | * [Prototype Assets](https://drive.google.com/folderview?id=0BzdF2x6AGYR5YzRvUUFTN0VyZFE&usp=sharing) 79 | 80 | * [User-testing report](https://drive.google.com/open?id=0BzdF2x6AGYR5ZklkQWItMV9ralU) 81 | 82 | ---- 83 | 84 | ####DAX Links 85 | 86 | ![The Thames Experience](http://i.imgur.com/odoO220.png =306x171) 87 | 88 | ---- 89 | 90 | 91 | * [Brainswarming](https://drive.google.com/folderview?id=0BzdF2x6AGYR5QXFsNllGbGdMSlU&usp=sharing) 92 | 93 | * [User personas](https://drive.google.com/folderview?id=0BzdF2x6AGYR5YmtMd2stSkRDYzQ&usp=sharing) 94 | 95 | * [Concept one-pager](https://drive.google.com/folderview?id=0BzdF2x6AGYR5S0FHNG5uZThfYzg&usp=sharing) 96 | 97 | * [Experience maps](https://drive.google.com/folderview?id=0BzdF2x6AGYR5aGpOaXFDVW1BUGs&usp=sharing) 98 | 99 | * [Prototype - 1](https://invis.io/E979A5J3S) 100 | 101 | * [Prototype -1 Assets](https://drive.google.com/open?id=0BzdF2x6AGYR5X3ZwRk1jWU1YOWM) 102 | 103 | * [Prototype - 2](https://www.justinmind.com/usernote/tests/20510917/20511335/20511577/index.html#/screens/d12245cc-1680-458d-89dd-4f0d7fb22724) 104 | 105 | * [Prototype - 2 Assets](https://drive.google.com/open?id=0BzdF2x6AGYR5QU1BQko5YzhaMVU) 106 | 107 | * [User-testing report](https://drive.google.com/open?id=0BzdF2x6AGYR5dUl3ajFNTUI3bk0) 108 | 109 | * [Formative presentation](https://docs.google.com/presentation/d/1H9Sl7ONvd-gGWKp6IthkJ3MktIF7vLiLm876_7w5Rpk/edit?usp=sharing) 110 | 111 | * [Summative Presentation](https://docs.google.com/presentation/d/1Fdop8fj5xr2GZ70TpOS-1dLRNBbL3jTZer0DrV-CIJQ/edit?usp=sharing) 112 | 113 | ---- 114 | 115 | ###[Here's a link to the entire google drive folder for all the materials as well](https://drive.google.com/folderview?id=0BzdF2x6AGYR5WmptZU93LVZiNnM&usp=sharing) 116 | ###I've also Shared the folder with you in case the link isn't working properly 117 | 118 | ---- 119 | 120 | ###Hope you have a great summer! -------------------------------------------------------------------------------- /students/2016/Harry.md: -------------------------------------------------------------------------------- 1 | #WEB14204 UX Design 2 | 3 | ##Kidesign 4 | 5 | ![Mashcraft](http://i.imgur.com/AysOaUu.png) 6 | 7 | 8 | 1. Competitor analysis 9 | * [File 1](https://docs.google.com/document/d/1-uoK_PgVcLgt_MapPfE91sqae8vvbxSjzcw0CJWBpNU/edit) 10 | * [File 2](https://docs.google.com/document/d/1mdIvJkc387QVM4VRmwZ6SvEhHGl3p5qLQMbniCaOAN4/edit) 11 | 2. [Interviews debrief](https://docs.google.com/document/d/1F8mN-NyZQEAoCA7Z66qp6mK-ockjNnCU96idOgUz0IA/edit?usp=sharing) 12 | 3. [Elevator pitch](https://docs.google.com/document/d/1B8X2FhXJLi_8qv2R5wDiA1i-T13dldyDkcz_7JNtp3g/edit?usp=sharing) 13 | 4. Concept one-pager 14 | * [Rough initial one-pagers ](https://drive.google.com/folderview?id=0B_kFZPPRKNCCTWJmbEtDMXpKV3c&usp=sharing) 15 | * [Refined one-pager (Kids)](https://drive.google.com/open?id=0B22IloeuUe3ERVBmQUVqeDFfVzA) 16 | * [Refined one-pager (Adults)](https://drive.google.com/open?id=0B22IloeuUe3EczRlYTNieXdZQ3c) 17 | 5. Wireframes 18 | 1. [My Wireframes](https://drive.google.com/open?id=0B_kFZPPRKNCCZXVXMnJfZlhOWW8) 19 | 2. [Group Wireframes](https://drive.google.com/drive/u/0/folders/0B22IloeuUe3EdWpRenRneGNhSzA) 20 | 3. [More developed wireframe](https://drive.google.com/file/d/0B8bxn3mhMCKuOGdmbldLbjZyR1k/view) 21 | 6. [Use case](https://docs.google.com/document/d/1E47lsy7bGfkC2bxJ6tfMQDNiJTQXcTdI3_NKGL8lclQ/edit) 22 | 7. [Formative presentation](https://docs.google.com/presentation/d/1PPk4qsIfqrpSwmF5LzJA4n45qs9kVEcStDac8c4v9EY/edit?usp=drive_web) 23 | 8. [User personas](https://drive.google.com/open?id=0B_kFZPPRKNCCamxYOGhVOHlwd2s) 24 | 9. Prototypes 25 | 1. [Paper Prototypes](https://drive.google.com/open?id=0B_kFZPPRKNCCUWtGTjBRczliN2s) 26 | 1. [Interactive Prototype](https://moqups.com/03difoha/q0Q95HBJ/) 27 | 10. [User-testing report](https://docs.google.com/document/d/16g9IXJQBfc6oph6-kib8PB-9_3jhwnJEZFgKm-AapFc/edit?usp=sharing) 28 | 29 | ###Bonus links 30 | 31 | * [Initial Ideas](https://drive.google.com/open?id=0B_kFZPPRKNCCdDFuaXdFcnpDUDA) 32 | * [Interview Questions](https://docs.google.com/document/d/1bjVMNHX32Dc8Q4YmbC6HD7TFHoJ9BaMgpTVoU3WYAyw/edit?pref=2&pli=1) 33 | * [User testing Photo's](https://drive.google.com/open?id=0B_kFZPPRKNCCcU1YeEtWSGJQTms) 34 | * [Invicta user test raw feedback](https://docs.google.com/spreadsheets/d/1uYY_oCJn40O3JUdQ6oENNNe-kjEKOpxc96EPnDn2DEQ/edit#gid=0) 35 | * [Group wireframe ui ideas](https://drive.google.com/drive/u/0/folders/0B22IloeuUe3EdWpRenRneGNhSzA) 36 | * [User stories](https://docs.google.com/spreadsheets/d/1Vrv6w91pEbtFB2hNHOw33d_210Xm_X3DfpzEaxjBB5k/edit#gid=0) 37 | 38 | --- 39 | 40 | ![Can you Captain?](http://i.imgur.com/bqGunbJ.png) 41 | 42 | ##DAX 43 | 44 | 1. [Brainswarming](https://drive.google.com/file/d/0B22IloeuUe3EbzdmWEc5aExGbkU/view) 45 | 2. [User personas](https://docs.google.com/document/d/1xWxHmoxZfOLEj5AeOU36cvg4tNBE0ezyZ0Y_oe_6Rl4/edit?usp=sharing) 46 | 3. [Initial one-pager](https://drive.google.com/open?id=0B_kFZPPRKNCCaVFPTUFKa0dVZHk4V2NKVmJsZFI1eG10NVpj) 47 | 5. [Concept one-pager](https://drive.google.com/file/d/0B22IloeuUe3EeklzbjQtY0dQaWc/view) 48 | 4. [Experience maps](https://drive.google.com/file/d/0B22IloeuUe3ER1ZiYndCZkVPS1U/view) 49 | 5. Prototypes 50 | 1. [First interactive prototype](https://moqups.com/jonnygwillim@gmail.com/84oZtLni) 51 | 2. [Second interactive prototype](https://moqups.com/jonnygwillim@gmail.com/bZndvMzS/) 52 | 6. [User-testing report](https://docs.google.com/document/d/1boUxDZho6KIs-INL3tkLnG7Q1Z209q0bupEbbbF8cK4/edit?usp=drive_web) 53 | 7. [Formative presentation](https://drive.google.com/open?id=1mVlPTWF98CM7aHOLEL2Z20vOhzTYNeOtz7eIrMUF9vE) 54 | 8. [Summative presentation](https://docs.google.com/presentation/d/1lWkoS05GQyoq20YfQMgylUDvF0UDV8BKOwBe60rGSkU/edit?usp=sharing) 55 | 56 | 57 | ###Bonus links 58 | 1. [A+B testing results](https://drive.google.com/file/d/0B_kFZPPRKNCCdTdyaTAzVzh6bXRpSktvM05OdnRnN2xMcFFr/view) 59 | 3. [Highscores wireframe](https://drive.google.com/file/d/0B_kFZPPRKNCCOHhRMDJQV1RFbWwyYWZTcGR5X0tiMC0zREFB/view) 60 | 4. [Graphics folder](https://drive.google.com/drive/u/0/folders/0B_kFZPPRKNCCeG9PT0ctbVFpVzg) 61 | 5. [Sketches folder](https://drive.google.com/drive/u/0/folders/0B22IloeuUe3EY2c0MzFFVDRXbVU) 62 | 63 | --- 64 | 65 | ##Blog posts 66 | 67 | 1. [Interviewing humans](https://medium.com/@03difoha/interview-techniques-86c52f2254be#.wrdsiwayw) 68 | * [Learning to wireframe: 10 best practices](https://medium.com/@03difoha/wireframes-10-best-practices-22d31ba6f451#.3tqcgygc6) 69 | * [The secret life of 6 year olds](https://medium.com/@03difoha/the-secret-life-of-6-year-olds-999c24540858#.nlazksix0) 70 | * [**Working with kids** + Teaching UX](https://medium.com/@03difoha/teaching-ux-4123e5e5bf63#.t7w1irfy4) 71 | * [Formative Presentation Feedback Analysis](https://medium.com/@03difoha/formative-presentation-feedback-analysis-628bd5fcbca3#.2oj6kaot0) 72 | * [Make it like the PSD](https://medium.com/@03difoha/photoshop-for-wireframing-2a5ba22318b4#.yeeaz9dxt) 73 | * [Working with kids + **Teaching UX**](https://medium.com/@03difoha/teaching-ux-4123e5e5bf63#.jfmdn18bm) 74 | * [2016 will be the year of conversational commerce](https://medium.com/@03difoha/conversational-commerce-cef472a20216#.i56t6fjdu) 75 | * [Design is a conversation](https://medium.com/@03difoha/engineering-conversation-e799343f76ba#.xrna0cxnf) 76 | * [Your favourite digital archive experience](https://medium.com/@03difoha/ryoji-ikeda-datamatics-22a2b76167d9#.dy4029pmn) 77 | * [Are UI walkthroughs evil?](https://medium.com/@03difoha/ui-walkthroughs-breezin-or-a-drag-438a60e992c9#.6g88aycur) 78 | * [DAX formative action plan](https://medium.com/@03difoha/dax-formative-presentation-feedback-analysis-5ecda10c54f3#.5fszkbe7s) 79 | * [Evaluate izi.TRAVEL](https://medium.com/@03difoha/evaluate-izi-travel-154f25c86b25#.4tzmwavsi) 80 | * [Talk Web Design](https://medium.com/@03difoha/talk-web-design-992a33bd8fc#.tgx4mimmz) 81 | * [What did I learn?](https://medium.com/@03difoha/what-did-i-learn-94d972a45573#.lf05z3ifd) -------------------------------------------------------------------------------- /students/2016/Jack.md: -------------------------------------------------------------------------------- 1 | #WEB14204 Jack Kemmish 2 | 3 | ### Kidesign 4 | 5 | *AKA the Invicta Project* 6 | 7 | 1. [Competitor Analysis](https://docs.google.com/document/d/1LiFxaHvTCJhcuW5Aou8htPnPxMQRqHn8migCmhKbtD0/edit?usp=sharing) 8 | 2. [Interviews Debrief](https://docs.google.com/document/d/1qSse41XYDZpJej6X6sgjVf4_kfAS7Vwi7lgwShE0P-I/edit?usp=sharing) 9 | * [First Test](https://docs.google.com/document/d/1yuhc7yUyJEeNIDf1OB_cUYAh9Sjic8COWVsvzkZ14SY/edit?usp=sharing) 10 | * [UX Design Review Sheet](https://docs.google.com/document/d/1JkY65cdp5T-2HUHe_CTe2MEGn297hHcUv3TXHreE7pk/edit?usp=sharing) 11 | 3. [Elevator Pitch](https://drive.google.com/file/d/0ByHkNH2IqZRJTF80eFdMaTc0NjQ/view?usp=sharing) 12 | 4. [Concept One-Pager](https://drive.google.com/file/d/0B_cEoDxpS7tWVzVsX3NDTF9xUUU/view?usp=sharing) 13 | * [Draft](https://drive.google.com/file/d/0ByHkNH2IqZRJRXlaWWE0cjR2TGs/view?usp=sharing) 14 | * [App Description](https://drive.google.com/file/d/0ByHkNH2IqZRJTF80eFdMaTc0NjQ/view?usp=sharing) 15 | 5. **Wireframes** 16 | * [One](https://drive.google.com/file/d/0B_cEoDxpS7tWcWRlVEFWWExGdGc/view?usp=sharing) 17 | * [Second](https://drive.google.com/file/d/0B_cEoDxpS7tWV1I0SV9RWDN2Snc/view?usp=sharing) 18 | * [Third](https://drive.google.com/file/d/0B_cEoDxpS7tWaHB6Z1dBMUNlc0k/view?usp=sharing) 19 | 6. [Use Case](https://drive.google.com/file/d/0B_cEoDxpS7tWTC1YcU0wamsxd1E/view?usp=sharing) 20 | 7. [Formative Presentation](https://docs.google.com/presentation/d/1jSTZBtTSq25kr8zJyvzJej9g5nSVZrUkpL0NoPqRCLA/edit?usp=sharing) 21 | 8. **User Personas** 22 | * [Niamh](https://drive.google.com/file/d/0ByHkNH2IqZRJTy13RXhjRE91aXM/view?usp=sharing) 23 | * [Ryan Phillips](https://drive.google.com/file/d/0ByHkNH2IqZRJOVU2X3pYeFBnanc/view?usp=sharing) 24 | * [Sally](https://drive.google.com/file/d/0ByHkNH2IqZRJLVVPSVJqX2kzSDg/view?usp=sharing) 25 | 9. [Prototype](https://projects.invisionapp.com/share/3M6UXENUX#/screens) 26 | 10. [User-Testing Report](https://docs.google.com/document/d/16C5NYqZOe0x4fe2-46CO9N6kv85jrtYc9QjN1pg9Qj0/edit?usp=sharing) 27 | 28 | 29 | ###DAX 30 | 31 | *AKA the Maritime Museum* 32 | 33 | 1. [Brainswarming](https://drive.google.com/file/d/0B_cEoDxpS7tWaGVhZjlpZ1Q1elk/view?usp=sharing) 34 | 2. **User Personas** 35 | * [Bobby Smith](https://drive.google.com/file/d/0B8bxn3mhMCKuU1ZVaDN5RkRmeUk/view?usp=sharing) 36 | * [Ching Xi](https://drive.google.com/file/d/0B8bxn3mhMCKuTzRsNFVvVUJQWmM/view?usp=sharing) 37 | 3. [One-Pager](https://app.xtensio.com/folio/lq5b5loe) 38 | 4. [Experience Maps](https://drive.google.com/file/d/0B_cEoDxpS7tWUzE4a0tmeC1CSkE/view?usp=sharing) 39 | 5. [Prototype](https://projects.invisionapp.com/share/RN7KW0TSW#/screens/163680843_CuratedFeed) 40 | 6. [User-Testing Report](https://docs.google.com/document/d/1PGz8_8Y-cUojNVklE0YexT-OdjiaI8NnCEXXw7-Ydog/edit?usp=sharing) 41 | 7. [Formative Presentation](https://docs.google.com/presentation/d/1iyzc2nJVD1F7lV3y6Rl0kjAcitI8ttpqr9BNXOiUWyE/edit?usp=sharing) 42 | 8. [Summative Presentation](https://docs.google.com/presentation/d/18bb2qb-ko4OjD0mRPRpjLZPLtxmJRGRbhZBliJJmeLU/edit?usp=sharing) 43 | 44 | 45 | ###Blog Posts 46 | --- 47 | 1. [Interviewing Humans](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/interviewing-humans/) 48 | 2. [Learning to Wireframe: 10 Best Practices](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/learning-to-wireframe-10-best-practices/) 49 | 3. [The Secret Life of 6 Year Olds](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/the-secret-life-of-6-year-olds/) 50 | 4. [Working With Kids: What Have You Learned So Far?](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/working-with-kids-what-have-you-learned-so-far/) 51 | 5. [Kidesign Formative Action Plan](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/kidesign-formative-action-plan/) 52 | 6. [Make it like the PSD](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/make-it-like-the-psd/) 53 | 7. [Are UI Walkthroughs Evil? / Teaching UX to Kids](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/are-ui-walkthroughs-evil-teaching-ux-to-kids/) 54 | 8. [2016 Will be The Year of Conversational Commerce](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/2016-will-be-the-year-of-conversational-commerce/) 55 | 9. [Design is a Conversation](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/design-is-a-conversation/) 56 | 10. [Your Favourite Digital Archive Experience](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/your-favourite-digital-archive-experience/) 57 | 11. [Are UI Walkthroughs Evil?](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/are-ui-walkthroughs-evil/) 58 | 12. [DAX Formative Action Plan](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/dax-formative-action-plan/) 59 | 13. [Evaluate izi.TRAVEL](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/evaluate-izi-travel/) 60 | 14. [Talk Web Design](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/talk-web-design/) 61 | 15. [What Did I Learn?](http://www.fourthfloor.me/blogs/jkemmish/2016/06/08/what-did-i-learn/) -------------------------------------------------------------------------------- /students/2016/Joe.md: -------------------------------------------------------------------------------- 1 | # WEB14204-Joseph-Dunkerley 2 | 3 | 4 | 5 | ###Kidesign 6 | 7 | Time Leaper 8 | 9 | [Competitor analysis](https://docs.google.com/document/d/1yLCu8mcNl0VjnszcO5RgTqAYgY3b3KtoW4ZGFuEUr4g/edit?usp=sharing) 10 | 11 | [Interviews debrief](https://docs.google.com/document/d/1KNuV14bOQB9HVVKfxGvO03E1UNFYGIL_Ptk9qFq-3YU/edit?usp=sharing) 12 | 13 | [Elevator pitch](https://docs.google.com/document/d/1DA9LDW9C0HxSlcmhH0Zcbig3Q4Uyly5icvpDRJsRNMQ/edit?usp=sharing) 14 | 15 | [Concept one-pager](https://docs.google.com/document/d/13beYZe0KgpV2d4VA5Qa6prnaAm2bqWVpdfoCYytMZHs/edit?usp=sharing) 16 | 17 | [Wireframes](https://docs.google.com/presentation/d/1oui0paxUjnURv4hjJtQC_4nZZnyLJHH8WQP6B1g3r_8/edit?usp=sharing) (pages 10-15 of the presentation) 18 | 19 | [Use case](https://docs.google.com/document/d/17TbGVZHf0xc01xMmfim08Rl4EzxkfIt7vkoffC_hqNs/edit?usp=sharing) 20 | 21 | [Time Leaper User Stories Spreadsheet](https://docs.google.com/spreadsheets/d/1ATCz6DPD4A8rqJuwObSBjCMxGw9lI2WsET-QzaAa5XI/edit?usp=sharing) 22 | 23 | [Formative presentation](https://docs.google.com/presentation/d/1oui0paxUjnURv4hjJtQC_4nZZnyLJHH8WQP6B1g3r_8/edit?usp=sharing) 24 | 25 | [User personas](https://docs.google.com/document/d/1GqlLWJ4ilXU6Ymcuwz3NqjfaOeTaoKVaIrEMPWKJkFA/edit?usp=sharing) 26 | 27 | Prototypes: 28 | ____ 29 | 30 | [Paper Prototype](https://docs.google.com/presentation/d/1oui0paxUjnURv4hjJtQC_4nZZnyLJHH8WQP6B1g3r_8/edit?usp=sharing) (paper prototype slides 10-15 of presentation) 31 | 32 | [Gifs of the live demo we showed the children 1](http://gph.is/1UhLdxH) 33 | 34 | [Gifs of the live demo we showed the children 2](http://gph.is/1UCLpDA) 35 | 36 | ____ 37 | 38 | [User-testing report](https://docs.google.com/document/d/1ByEpB-6V5lgb7Mpc83-IxMarTCoeSpfWuVEN84-qVrw/edit?usp=sharing) 39 | 40 | ###DAX 41 | 42 | MyMaritime/MyMuseum 43 | 44 | [Brainswarming](https://github.com/RavensbourneWebMedia/UX-design/blob/2016/projects/dax/teams.md#team-tj2) 45 | 46 | [User personas](https://drive.google.com/folderview?id=0B8bxn3mhMCKuR2RJSmU4MG9UV2s&usp=sharing) 47 | 48 | Concept one-pagers: 49 | 50 | _____ 51 | 52 | [MyMaritime One-Pager](https://app.xtensio.com/folio/gutrve28) 53 | 54 | [MyMuseum One-Pager](https://app.xtensio.com/folio/lq5b5loe) 55 | 56 | [Experience maps](https://github.com/RavensbourneWebMedia/UX-design/blob/2016/projects/dax/teams.md#team-tj2) 57 | 58 | ____ 59 | 60 | Prototypes: 61 | 62 | ____ 63 | 64 | [Interactive prototype](https://projects.invisionapp.com/share/RN7KW0TSW#/screens/163680843_CuratedFeed) 65 | 66 | [On slide 15 there is a gif of our initial mobile prototype for MyMaritime](https://docs.google.com/presentation/d/1iyzc2nJVD1F7lV3y6Rl0kjAcitI8ttpqr9BNXOiUWyE/edit?usp=sharing) 67 | 68 | [On slide 2 and 8 there are gifs of our final mobile prototype for MyMuseum](https://docs.google.com/presentation/d/18bb2qb-ko4OjD0mRPRpjLZPLtxmJRGRbhZBliJJmeLU/edit?usp=sharing 69 | ) 70 | 71 | ____ 72 | 73 | [User-testing report](https://docs.google.com/document/d/1PGz8_8Y-cUojNVklE0YexT-OdjiaI8NnCEXXw7-Ydog/edit?usp=sharing) 74 | 75 | [Formative presentation](https://docs.google.com/presentation/d/1iyzc2nJVD1F7lV3y6Rl0kjAcitI8ttpqr9BNXOiUWyE/edit?usp=sharing) 76 | 77 | [Summative presentation](https://docs.google.com/presentation/d/18bb2qb-ko4OjD0mRPRpjLZPLtxmJRGRbhZBliJJmeLU/edit?usp=sharing) 78 | 79 | ###Blog posts 80 | 81 | [All blog posts FourthFloor](http://www.fourthfloor.me/blogs/jdunkerley/category/web14204/ 82 | ) 83 | 84 | [All blog posts Google Docs](https://docs.google.com/document/d/1fhWUiXUKgL7dI_YyNvtbGBmWQbLtl9IaCYNCv0r3i0g/edit?usp=sharing 85 | ) 86 | 87 | 1.[Interviewing humans](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/1-interviewing-humans/) 88 | 89 | 2.[Learning to wireframe: 10 best practices](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/2-learning-to-wireframe-10-best-practices/) 90 | 91 | 3.[The secret life of 6 year olds](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/3-the-secret-life-of-6-year-olds/) 92 | 93 | 4.[Working with kids: what have you learned so far?](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/4-working-with-kids-what-have-you-learned-so-far/) 94 | 95 | 5.[Kidesign formative action plan](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/5-kidesign-formative-action-plan/) 96 | 97 | 6.[Make it like the PSD](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/6-make-it-like-the-psd/) 98 | 99 | 7.[Are UI walkthroughs evil? / Teaching UX to kids](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/7-are-ui-walkthroughs-evil-teaching-ux-to-kids/) 100 | 101 | 8.[2016 will be the year of conversational commerce](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/8-2016-will-be-the-year-of-conversational-commerce/) 102 | 103 | 9.[Design is a conversation](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/9-design-is-a-conversation/) 104 | 105 | 10.[Your favourite digital archive experience](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/10-your-favourite-digital-archive-experience/) 106 | 107 | 11.[Are UI walkthroughs evil?](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/11-are-ui-walkthroughs-evil/) 108 | 109 | 12.[DAX formative action plan](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/12-dax-formative-action-plan/) 110 | 111 | 13.[Evaluate izi.TRAVEL](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/13-evaluate-ii-travel/) 112 | 113 | 14.[Talk Web Design](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/14-talk-web-design/) 114 | 115 | 15.[What did I learn?](http://www.fourthfloor.me/blogs/jdunkerley/2016/06/09/15-what-did-i-learn/) -------------------------------------------------------------------------------- /students/2016/Johan.md: -------------------------------------------------------------------------------- 1 | #WEB14204:Kid Design & Hirtual 2 | ---- 3 | ## Johan Wilhelmsson 4 | ## Web Media (BA) 5 | 6 | ---- 7 | 8 | ####Blog Posts 9 | 10 | * [Blog posts](https://drive.google.com/a/students.rave.ac.uk/folderview?id=0B5xSQbbsWRhzLU82Vnp5TTUzem8&usp=sharing) 11 | 12 | 13 | ---- 14 | 15 | ####Presentations 16 | 17 | * [All About London Formative Presentation](https://docs.google.com/presentation/d/17MbLz66R2KGmEWa-H6PksijXrljEHf5tL-akoPSSAZM/edit#slide=id.p) 18 | 19 | * [Hirtual Formative Presentation](https://docs.google.com/presentation/d/1eibMmet58M8BsiXAGlbvlM2O8lqf8lqA7z3Sz1AGNFQ/edit?usp=sharing) 20 | 21 | * [Hirtual Summative Presentation](https://docs.google.com/presentation/d/1hNs9oGheUis2nYayP5IPH5mwNyF3f6i9hYu_kURy_NQ/edit?usp=sharing) 22 | 23 | ---- 24 | 25 | ####Kidesign Links 26 | 27 | ![All About London](http://i.imgur.com/JraFwDr.png =300x50) 28 | 29 | ---- 30 | 31 | * [Competitor Analysis](https://drive.google.com/folderview?id=0B3lQZZOAPd9RNTROcUdhanVlWjg&usp=sharing) 32 | 33 | * [Interviews debrief](https://drive.google.com/folderview?id=0B3lQZZOAPd9RVlpUTmNnNzhPc1U&usp=sharing) 34 | 35 | * [Elevator Pitch](https://drive.google.com/folderview?id=0B3lQZZOAPd9RQW5DUXdxYldCMVE&usp=sharing) 36 | 37 | * [Concept one-pager](https://drive.google.com/folderview?id=0ByWJwfCMBWJLaUxTRGVVREFSZEE&usp=sharing) 38 | 39 | * [Wireframes](https://drive.google.com/folderview?id=0ByWJwfCMBWJLNF9SbFZ3azQ2TGs&usp=sharing) 40 | 41 | * [Use case](https://drive.google.com/folderview?id=0B3lQZZOAPd9ROG1rZFMzaEQ4VUk&usp=sharing) 42 | 43 | * [User Personas](https://drive.google.com/folderview?id=0ByWJwfCMBWJLVGhOX2pKQVRYbEE&usp=sharing) 44 | 45 | * [Prototype](https://invis.io/UT7I4AE9A) 46 | 47 | * [User-testing report](https://drive.google.com/folderview?id=0BzdF2x6AGYR5YnJnXzEwWDh2ZUk&usp=sharing) 48 | 49 | ---- 50 | 51 | ####Hirtual Links 52 | 53 | 54 | 55 | ---- 56 | 57 | 58 | * [Brainswarming](https://drive.google.com/folderview?id=0B5xSQbbsWRhzQnh1TEstYU9jRVE&usp=sharing) 59 | 60 | * [User personas](https://drive.google.com/folderview?id=0B1oDFGR8btFeLVVJMlVlYkxwQmM&usp=sharing) 61 | 62 | * [Prototypes designs](https://drive.google.com/folderview?id=0B1oDFGR8btFeVXhHR0tIUm9tLUE&usp=sharing) 63 | 64 | 65 | * [Hirtual main folder](https://drive.google.com/folderview?id=0B1oDFGR8btFeRXBmeTZ6M0ZORW8&usp=sharing) 66 | 67 | 68 | ---- 69 | -------------------------------------------------------------------------------- /students/2016/Jonny.md: -------------------------------------------------------------------------------- 1 | #WEB14204 UX Design 2 | 3 | ##Kidesign 4 | 5 | ![Mashcraft](http://i.imgur.com/AysOaUu.png) 6 | 7 | 8 | 1. Competitor analysis 9 | 1. [File 1](https://docs.google.com/document/d/1-uoK_PgVcLgt_MapPfE91sqae8vvbxSjzcw0CJWBpNU/edit) 10 | 2. [File 2](https://docs.google.com/document/d/1mdIvJkc387QVM4VRmwZ6SvEhHGl3p5qLQMbniCaOAN4/edit) 11 | 2. [Interviews debrief](https://docs.google.com/document/d/1F8mN-NyZQEAoCA7Z66qp6mK-ockjNnCU96idOgUz0IA/edit?usp=sharing) 12 | 3. [Elevator pitch](https://docs.google.com/document/d/1B8X2FhXJLi_8qv2R5wDiA1i-T13dldyDkcz_7JNtp3g/edit?usp=sharing) 13 | 4. Concept one-pager 14 | 1. [Simple one-pager (Kids)](https://drive.google.com/file/d/0B22IloeuUe3ERVBmQUVqeDFfVzA/view?usp=sharing) 15 | 2. [More indepth one-pager (Adults)](https://drive.google.com/file/d/0B22IloeuUe3EczRlYTNieXdZQ3c/view?usp=sharing) 16 | 5. Wireframes 17 | 1. [Wireframe sketch with menu](https://drive.google.com/file/d/0B22IloeuUe3EeERyTmlsV0YtcXM/view?usp=sharing) 18 | 2. [Wireframe sketch of game, only](https://drive.google.com/file/d/0B22IloeuUe3EcjJhckl3cFNOY2M/view?usp=sharing) 19 | 3. [More developed wireframe](https://drive.google.com/file/d/0B8bxn3mhMCKuOGdmbldLbjZyR1k/view) 20 | 6. [Use case](https://docs.google.com/document/d/1E47lsy7bGfkC2bxJ6tfMQDNiJTQXcTdI3_NKGL8lclQ/edit) 21 | 7. [Formative presentation](https://docs.google.com/presentation/d/1PPk4qsIfqrpSwmF5LzJA4n45qs9kVEcStDac8c4v9EY/edit?usp=drive_web) 22 | 8. [User personas](https://app.xtensio.com/folio/7a42bsoi) 23 | 9. Prototypes 24 | 1. [Paper Prototype](https://drive.google.com/file/d/0B8bxn3mhMCKuOGdmbldLbjZyR1k/view?usp=sharing) 25 | 2. [Paper prototype elements](https://drive.google.com/file/d/0B8bxn3mhMCKuZTQ2OFpzUWxWNXc/view?usp=sharing) 26 | 1. [Interactive Prototype](https://moqups.com/03difoha/q0Q95HBJ/) 27 | 10. [User-testing report](https://docs.google.com/document/d/16g9IXJQBfc6oph6-kib8PB-9_3jhwnJEZFgKm-AapFc/edit?usp=sharing) 28 | 29 | ###Bonus links 30 | 31 | 1. [Initial Ideas](https://docs.google.com/document/d/1z16gD3rR6svsmlMfyBHNzTxR-AZEPLxTEgnorCtPEOs/edit#heading=h.pus1fopcs1vo) 32 | 2. [Interview Questions](https://docs.google.com/document/d/1bjVMNHX32Dc8Q4YmbC6HD7TFHoJ9BaMgpTVoU3WYAyw/edit?pref=2&pli=1) 33 | 3. [User journey draft](https://drive.google.com/file/d/0B22IloeuUe3EbW43RkpRR2FPNzQ/view?usp=sharing) 34 | 4. [One pager draft](https://drive.google.com/file/d/0B22IloeuUe3EX0gwelVfYkh3cTg/view?usp=sharing) 35 | 5. [User stories](https://docs.google.com/spreadsheets/d/1Vrv6w91pEbtFB2hNHOw33d_210Xm_X3DfpzEaxjBB5k/edit#gid=0) 36 | 6. [Extra wireframe ui ideas (can only be accessed if your logged into a gmail account)](https://drive.google.com/drive/u/0/folders/0B22IloeuUe3EdWpRenRneGNhSzA) 37 | 38 | --- 39 | 40 | ![Can you Captain?](http://i.imgur.com/bqGunbJ.png) 41 | 42 | ##DAX 43 | 44 | 1. [Brainswarming](https://drive.google.com/file/d/0B22IloeuUe3EbzdmWEc5aExGbkU/view) 45 | 2. [User personas](https://app.xtensio.com/folio/0jns9h4l) 46 | 3. [Concept one-pager](https://drive.google.com/file/d/0B22IloeuUe3EeklzbjQtY0dQaWc/view) 47 | 4. [Experience maps](https://drive.google.com/file/d/0B22IloeuUe3ER1ZiYndCZkVPS1U/view) 48 | 5. Prototypes 49 | 1. [First interactive prototype](https://moqups.com/jonnygwillim@gmail.com/84oZtLni) 50 | 2. [Second interactive prototype](https://moqups.com/jonnygwillim@gmail.com/bZndvMzS/) 51 | 6. [User-testing report](https://docs.google.com/document/d/1boUxDZho6KIs-INL3tkLnG7Q1Z209q0bupEbbbF8cK4/edit?usp=drive_web) 52 | 7. [Formative presentation](https://docs.google.com/presentation/d/1mVlPTWF98CM7aHOLEL2Z20vOhzTYNeOtz7eIrMUF9vE/edit?usp=drive_web) 53 | 8. [Summative presentation](https://docs.google.com/presentation/d/1lWkoS05GQyoq20YfQMgylUDvF0UDV8BKOwBe60rGSkU/edit?usp=sharing) 54 | 55 | 56 | ###Bonus links 57 | 1. [A+B testing results](https://drive.google.com/file/d/0B_kFZPPRKNCCdTdyaTAzVzh6bXRpSktvM05OdnRnN2xMcFFr/view) 58 | 2. [First draft one-pager](https://drive.google.com/file/d/0B_kFZPPRKNCCaVFPTUFKa0dVZHk4V2NKVmJsZFI1eG10NVpj/view) 59 | 3. [Extra wireframes](https://drive.google.com/file/d/0B_kFZPPRKNCCOHhRMDJQV1RFbWwyYWZTcGR5X0tiMC0zREFB/view) 60 | 4. [Graphics folder (Need to be logged in)](https://drive.google.com/drive/u/0/folders/0B_kFZPPRKNCCeG9PT0ctbVFpVzg) 61 | 5. [Sketches folder (Need to be logged in)](https://drive.google.com/drive/u/0/folders/0B22IloeuUe3EY2c0MzFFVDRXbVU) 62 | 63 | --- 64 | 65 | ##Blog posts 66 | [Sound cloud audio blog](https://soundcloud.com/jonny-gwillim-557339376/tracks) -------------------------------------------------------------------------------- /students/2016/Kieran.md: -------------------------------------------------------------------------------- 1 | # Search Buddy / Nelson Navy Nation 2 | 3 | **WEB14204: Designing the User Experience** 4 | 5 | **Name: Kieran Bailey** 6 | 7 | **Student Number: 96161814** 8 | 9 | **Course: BA (Hons) Web Media, Level 2** 10 | 11 | **Unit Code: WEB14204: Designing the User Experience (Term 2 & Term 3)** 12 | 13 | 14 | --- 15 | ###Kidesign 16 | 17 | [Google drive folder (Invicta)](https://drive.google.com/folderview?id=0B8FbXc-tTIoMN3NvMDkwQ2E5WWs&usp=sharing) 18 | 19 | Elevator Pitch 20 | 21 | A guide to help primary school children make a successful web search barely exists. School homework is always more effort than it should be. Until now. Our product gives you a buddy to help you with your searches and then a homepage with a quick navigational structure without being too cluttered. Kidzsearch and KidsClick are our closest competitors. As a well organised and enthusiastic team we have done the extra research needed to make *Search Buddy*. A site that kids can make their own with customisable backgrounds and buddy characters. We provide a fun site that has easy links to the main subject areas where children are most likely to need help with homework. The easy site to do easy searching. Search Buddy is your Buddy! 22 | 23 | 24 | [Competitor analysis](https://drive.google.com/file/d/0B-97PsC_crhUbDA4ZXFNYjloV00/view?usp=sharing "Analysis of 2 similar search engines") 25 | 26 | [Interviews debrief](https://docs.google.com/document/d/1BSAdMnpMKItWSMym0VKUvSbZSiifWcY7A6pbgW5nDL4/edit?usp=sharing "Mine and Sanj's interview debrief") 27 | 28 | [Concept one-pager](https://drive.google.com/open?id=0B-97PsC_crhUTV9xbC1aaS1FM0E "One pager") 29 | 30 | [Wireframes](https://docs.google.com/presentation/d/1YUJ9t3-4HRBciKjp4JZbch2F7RvIcttBoE5rVCv-6Wg/edit?usp=sharing "A presentation including all the wireframes that were built.") 31 | 32 | [Use case](https://drive.google.com/open?id=0B8FbXc-tTIoMS1NQVWFuMmpocXM "Digital Use Case") 33 | 34 | [Formative presentation](https://docs.google.com/presentation/d/12WK7C24lVxNQNda0e_yZmfMYhT6qr32c46K_Ev0MkWU/edit?usp=sharing "") 35 | 36 | [User personas](https://docs.google.com/document/d/1GalZ9VaSxXTy3SD-S_YKUGgI6TSAQb13aibs0VqKfPg/edit?usp=sharing "Link to a document with both user personas in") 37 | 38 | Prototype [1](https://invis.io/4F7IY56J7 "Kieran") 39 | [2](https://projects.invisionapp.com/share/XF66UHCQA#/screens/138104607 "Sanj") 40 | 41 | [User-testing report](https://docs.google.com/document/d/1wmnHMH6u_yKKZEeKFPYnnbv93Q6pPEgBlbr54xhOY9Q/edit?usp=sharing "Kieran's report only") 42 | 43 | 44 | --- 45 | ###DAX 46 | 47 | 48 | [Google drive folder (Invicta)](https://drive.google.com/folderview?id=0B-97PsC_crhUc3h1eEFRR0RjVmM&usp=sharing) 49 | 50 | 51 | [Brainswarming](https://github.com/RavensbourneWebMedia/UX-design/blob/2016/projects/dax/assets/brainswarming_ade-kieran.jpg "Photo of the Brainswarming process") 52 | 53 | [User personas](https://drive.google.com/file/d/0B-97PsC_crhUZ0JSTFFTdmJTQm8/view?usp=sharing "Kieran's user persona") 54 | 55 | [Concept one-pager](https://drive.google.com/file/d/0B-97PsC_crhUSzhMQi0wUnY2aHc/view?usp=sharing "Visit Upstage!") 56 | 57 | [Experience maps](https://github.com/RavensbourneWebMedia/UX-design/blob/2016/projects/dax/assets/map_kieran-ade.jpg "Experience Map") 58 | 59 | [Prototype(s)](https://invis.io/NP7KEJ3RW#/154683350_Phone_AR_Ship "Kieran's Prototype") 60 | 61 | [User-testing report](https://docs.google.com/document/d/19nBQNtKO1NVxc_WgCtXUohXJOvMfsuYoKQf3gUANejk/edit?usp=sharing "Visit Upstage!") 62 | 63 | [Formative presentation](https://docs.google.com/presentation/d/1ojW7zF5kVKxPH8HowlTZtFzcVTW5sgXQZiCtR-KubxY/edit?usp=sharing "Formative presentation") 64 | 65 | [Summative presentation](https://docs.google.com/presentation/d/1fQMLvLukworHSp4n74RNcdZxI9zNP4TgRHwcGg1B9qo/edit?usp=sharing "Summative presentation") 66 | 67 | --- 68 | 69 | ###Blog posts 70 | 71 | [Interviewing humans](http://www.fourthfloor.me/blogs/kbailey/?p=117 "The best way to conduct an interview") 72 | 73 | [Learning to wireframe: 10 best practices](http://www.fourthfloor.me/blogs/kbailey/?p=137 "wireframe") 74 | 75 | [The secret life of 6 year olds](http://www.fourthfloor.me/blogs/kbailey/?p=134 "Secret life of 6 year olds") 76 | 77 | [Working with kids: what have you learned so far?](http://www.fourthfloor.me/blogs/kbailey/?p=142 "Working with kids") 78 | 79 | [Kidesign formative action plan](http://www.fourthfloor.me/blogs/kbailey/?p=145 "Formative feedback") 80 | 81 | [Make it like the PSD](http://www.fourthfloor.me/blogs/kbailey/?p=149 "Photoshop") 82 | 83 | [Teaching UX to kids](http://www.fourthfloor.me/blogs/kbailey/?p=155 "Invicta Primary UX") 84 | 85 | [2016 will be the year of conversational commerce](http://www.fourthfloor.me/blogs/kbailey/?p=159 "Messaging is the future") 86 | 87 | [Design is a conversation](http://www.fourthfloor.me/blogs/kbailey/?p=130 "Design is a conversation") 88 | 89 | [Your favourite digital archive experience](http://www.fourthfloor.me/blogs/kbailey/?p=152 "Magic Tate Ball") 90 | 91 | [Are UI walkthroughs evil?](http://www.fourthfloor.me/blogs/kbailey/?p=162 "UI walkthrough") 92 | 93 | [DAX formative action plan](http://www.fourthfloor.me/blogs/kbailey/?p=165 "Formative action plan") 94 | 95 | [Evaluate izi.TRAVEL](http://www.fourthfloor.me/blogs/kbailey/?p=170 "Izi.travel") 96 | 97 | [Talk Web Design](http://www.fourthfloor.me/blogs/kbailey/?p=172 "Talk Web Design") 98 | 99 | [What did I learn?](http://www.fourthfloor.me/blogs/kbailey/?p=174 "What did i learn?") 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | -------------------------------------------------------------------------------- /students/2016/Luke.md: -------------------------------------------------------------------------------- 1 | #WEB14204 - UX 2 | --- 3 | **Kidesign** - 4 | 5 | --- 6 | 7 | Name: **Luke Henry** 8 | 9 | Course: BA (Hons) Web Media, Level 2 10 | 11 | Unit Code: WEB14204 12 | 13 | [GitHub](https://github.com/Lukerexhenry/) 14 | 15 | --- 16 | 17 | 1. [Competitor analysis](https://docs.google.com/document/d/1ByEpB-6V5lgb7Mpc83-IxMarTCoeSpfWuVEN84-qVrw/edit?usp=sharing) 18 | 19 | 2. [Interviews debrief](https://docs.google.com/document/d/1gl-6bede5zxcEQJaJh5hAy-_BzVHfb2IoZHVLM-eUJo/edit?usp=sharing) 20 | 21 | 3. [Elevator pitch](https://docs.google.com/document/d/1C1pP6YoHxsGWK8auKS6k5-c00q5dk9q3eWnjllSH8bM/edit?usp=sharing) 22 | 23 | 4. [Concept one-pager](https://drive.google.com/folderview?id=0Bz54vlhNb4zPRFlsVzgzaW9IcVU&usp=sharing) 24 | 25 | 5. [Wireframes](https://drive.google.com/a/students.rave.ac.uk/folderview?id=0Bz54vlhNb4zPbmxBZ3d5UGdqZzg&usp=sharing) 26 | 27 | 6. [Use case](https://docs.google.com/document/d/1U07odbLPlvvRXMS7rbD69GCtZXxpAAVL-JMIWBoJiYY/edit?usp=sharing) 28 | 29 | 7. [Formative presentation](https://docs.google.com/presentation/d/1oui0paxUjnURv4hjJtQC_4nZZnyLJHH8WQP6B1g3r_8/edit#slide=id.p) 30 | 31 | 8. **User personas** 32 | 33 | 1.[Sid](https://app.xtensio.com/folio/a5cbw100/263768) 34 | 35 | 2.[Sophia](https://app.xtensio.com/folio/a5cbw100/264277) 36 | 37 | 9. [Prototype](https://drive.google.com/folderview?id=0Bz54vlhNb4zPT1FtMWlxWmNfdkE&usp=sharing) 38 | 39 | 10. [User-testing report](https://docs.google.com/document/d/1ByEpB-6V5lgb7Mpc83-IxMarTCoeSpfWuVEN84-qVrw/edit?usp=sharing) 40 | 41 | --- 42 | 43 | **DAX - Explore Maritime** 44 | 45 | --- 46 | [Brainswarming](https://github.com/RavensbourneWebMedia/UX-design/blob/2016/projects/dax/teams.md) 47 | 48 | **User personas** 49 | 50 | 1.[Jeff](https://app.xtensio.com/folio/695b1svv) 51 | 52 | 2.[Kyle](https://app.xtensio.com/folio/vsovb7q2) 53 | 54 | [Concept one-pager](https://drive.google.com/file/d/0B8FbXc-tTIoMOXBlS0MxdEFIVjg/view?usp=sharing) 55 | 56 | [Experience maps](https://drive.google.com/file/d/0B8FbXc-tTIoMOXBlS0MxdEFIVjg/view?usp=sharing) 57 | 58 | [Prototype(s)](https://drive.google.com/folderview?id=0Bz54vlhNb4zPdUZWMUxGOGpkWjA&usp=sharing) 59 | 60 | [User-testing report](https://docs.google.com/document/d/1zYgEWC2eZ6i6FsQBA5HPHYImFgJuOfznVowfW6OFi_k/edit?usp=sharing) 61 | 62 | [Formative presentation](https://docs.google.com/presentation/d/1sLPn44g-ojbzfeA7ZgmTq6lrYMgIAEDHdpx6pxh9EUc/edit#slide=id.p) 63 | 64 | [Summative presentation](https://docs.google.com/presentation/d/1-qjllQuAiQmxxbyGpbjCgKtqnHw8wAokak7w62W5-IM/edit?usp=sharing) 65 | 66 | --- 67 | **Blog posts** 68 | 69 | --- 70 | 71 | 1. [Interviewing humans](http://www.fourthfloor.me/blogs/lhenry/2016/01/17/interviewing-humans/) 72 | 73 | 2. [Learning to wireframe: 10 best practices](http://www.fourthfloor.me/blogs/lhenry/2016/01/15/learning-to-wireframe-10-best-practices/) 74 | 75 | 3. [The secret life of 6 year olds](http://www.fourthfloor.me/blogs/lhenry/2016/01/22/the-secret-life-of-6-year-olds-unavailable/) 76 | 77 | 4. [Working with kids: what have you learned so far?](http://www.fourthfloor.me/blogs/lhenry/2016/02/26/teaching-ux-to-kids-working-with-kids/) 78 | 79 | 5. [Kidesign formative action plan](http://www.fourthfloor.me/blogs/lhenry/2016/02/05/kidesign-formative-action-plan/) 80 | 81 | 6. [Make it like the PSD](http://www.fourthfloor.me/blogs/lhenry/2016/02/19/make-it-like-the-psd/) 82 | 83 | 84 | 7. [Teaching UX to kids](http://www.fourthfloor.me/blogs/lhenry/2016/02/26/teaching-ux-to-kids-working-with-kids/) 85 | 86 | 8. [2016 will be the year of conversational commerce](http://www.fourthfloor.me/blogs/lhenry/2016/03/03/2016-will-be-the-year-of-conversational-commerce/) 87 | 88 | 9. [Design is a conversation](http://www.fourthfloor.me/blogs/lhenry/2016/04/15/design-is-a-conversation/) 89 | 90 | 10. [Your favourite digital archive experience](http://www.fourthfloor.me/blogs/lhenry/2016/04/22/your-favourite-digital-archive-experience/) 91 | 92 | 11. [Are UI walkthroughs evil?](http://www.fourthfloor.me/blogs/lhenry/2016/04/28/are-ui-walkthroughs-evil/) 93 | 94 | 12. [DAX formative action plan](http://www.fourthfloor.me/blogs/lhenry/2016/05/13/dax-formative-action-plan/) 95 | 96 | 13. [Evaluate izi.TRAVEL](http://www.fourthfloor.me/blogs/lhenry/2016/05/20/evaluate-izi-travel/) 97 | 98 | 14. [Talk Web Design](http://www.fourthfloor.me/blogs/lhenry/2016/06/03/talk-web-design/) 99 | 100 | 15. [What did I learn?](http://www.fourthfloor.me/blogs/lhenry/2016/05/26/learned/) 101 | -------------------------------------------------------------------------------- /students/2016/Ollie.md: -------------------------------------------------------------------------------- 1 | #WEB14204: KiDesign & DAX 2 | ---- 3 | ## Ollie Norris 4 | ##Web Media (BA) 5 | 6 | ---- 7 | 8 | ####Blog Posts 9 | 10 | * [Interviewing Humans](https://docs.google.com/document/d/1bHggwAH6oZvDfGemaOLYQiUIpC-bV3IL5xt2p56rbRc/edit?usp=sharing) 11 | 12 | * [Learning to wireframe: 10 best practises](https://docs.google.com/document/d/1O_HCuDlpq88Gw2dGQDksmWcYo6N_vEMvxU9U7YwK4HA/edit?usp=sharing) 13 | 14 | * [The secret life of 6 year olds](https://docs.google.com/document/d/1mm_p_7RpNyxu7CBi5zqgCSGO-tti1g2ibe1gX0VAgwY/edit?usp=sharing) 15 | 16 | * [Working with kids: what have I learned so far?](https://docs.google.com/document/d/1AwpNvtRQalu9TQhXFG09hOehzyY_xci3USDW4m2CKTY/edit?usp=sharing) 17 | 18 | * [Kidesign formative action plan](https://docs.google.com/document/d/13nMXj7Z-_z1PUrnp1MLSfPBZx7CHKe0CHp6ZJIG13SY/edit?usp=sharing) x 19 | 20 | * [Make it like the PSD](https://docs.google.com/document/d/1aCNs8mA2g-nxW0tr_ZmQ1GOVGLqWUIKoba4zci2-AQI/edit?usp=sharing) 21 | 22 | * [Teaching Kids UX](https://docs.google.com/document/d/1lYnoSnE7d18ebifeVyoOjsLwgVK7FNS_TK6M3PbPZG0/edit?usp=sharing) 23 | 24 | 25 | * [Are UI walkthroughs evil? / Teaching UX to kids](https://docs.google.com/document/d/1roQfulp0sSVo4eBN-01pg5hlrv31I8sjsXCozAxraDk/edit?usp=sharing) 26 | 27 | * [Conversational Interfaces](https://docs.google.com/document/d/1bCeq_xzoww66xJziYK06S4gEYaNOYZuBK2FgrqKLRJE/edit?usp=sharing) x 28 | 29 | * [Design is a conversation](https://drive.google.com/open?id=1c84T6wn_8IdTH7nP9ufnHTPNcKlqwX6AWP7ndLeIvt0) 30 | 31 | * [Your favourite digital archive experience](https://docs.google.com/document/d/1BAERLczoF-cL71KyGb1FTzCqQXyauUobKihlTl9-X1o/edit?usp=sharing) x 32 | 33 | * [Are UI Walkthroughs evil?](https://docs.google.com/document/d/1roQfulp0sSVo4eBN-01pg5hlrv31I8sjsXCozAxraDk/edit?usp=sharing) x 34 | 35 | * [DAX Formative action plan](https://docs.google.com/document/d/1DxXt0U5EclbDglpdQ-_ZxcNHIIrIcv15_Ed9S2AE1CA/edit?usp=sharing) 36 | 37 | * [Evaluate izi.TRAVEL](https://docs.google.com/document/d/1yiUrvWhb_goQRV8p5LLbz5HUZr6YOWE7seP5d_4iX28/edit?usp=sharing) 38 | 39 | * [Talk Web Design](https://docs.google.com/document/d/1ASDliQWn_qXPNKqMQpNsXmNvsF95XEj1VLwgmyVomeY/edit?usp=sharing) 40 | 41 | * [What did I learn?](https://docs.google.com/document/d/1xKxqEsG_s7mvBuQcdLqpnjjwXr7FpWqun55XbSGzIIs/edit?usp=sharing) 42 | 43 | ---- 44 | 45 | ####Presentations 46 | 47 | * [All About London Formative Presentation](https://drive.google.com/open?id=12UvrVrgYGt49gpVVxo79T3MkW6bfBdkgbRCClZX9GU0) 48 | 49 | * [The Thames Experience Formative Presentation](https://drive.google.com/open?id=1KGYxJz4DJ52E1bzMAYjy0ZSNBWZefQo8MJLyHqjAF2g) 50 | 51 | * [The Thames Experience Summative Presentation](https://docs.google.com/presentation/d/1Fdop8fj5xr2GZ70TpOS-1dLRNBbL3jTZer0DrV-CIJQ/edit?usp=sharing) 52 | 53 | ---- 54 | 55 | ####Kidesign Links 56 | 57 | ![All About London](http://i.imgur.com/JraFwDr.png =300x50) 58 | 59 | ---- 60 | 61 | * [Competitor Analysis](https://drive.google.com/open?id=0B3lQZZOAPd9RNTROcUdhanVlWjg) 62 | 63 | * [Interviews debrief](https://drive.google.com/open?id=1ewFbrcWaE5HcCjOOaAfTC5SBTDiOH4qKSY8BQ5IWXX0) 64 | 65 | * [Elevator Pitch](https://drive.google.com/open?id=0B3lQZZOAPd9RQW5DUXdxYldCMVE) 66 | 67 | * [Concept one-pager](https://drive.google.com/open?id=0ByWJwfCMBWJLaUxTRGVVREFSZEE) 68 | 69 | * [Wireframes](https://drive.google.com/open?id=0ByWJwfCMBWJLNF9SbFZ3azQ2TGs) 70 | 71 | * [Use case](https://drive.google.com/open?id=0B3lQZZOAPd9ROG1rZFMzaEQ4VUk) 72 | 73 | * [All About London Formative Presentation](https://drive.google.com/open?id=12UvrVrgYGt49gpVVxo79T3MkW6bfBdkgbRCClZX9GU0) 74 | 75 | * [User Personas](https://drive.google.com/open?id=0ByWJwfCMBWJLVGhOX2pKQVRYbEE) 76 | 77 | * [Prototype (All assets are in the corresponding google drive)](https://invis.io/UT7I4AE9A) 78 | 79 | * [User-testing report](https://drive.google.com/open?id=0BzdF2x6AGYR5YnJnXzEwWDh2ZUk) 80 | 81 | ---- 82 | 83 | ####DAX Links 84 | 85 | ![The Thames Experience](http://i.imgur.com/odoO220.png =306x171) 86 | 87 | ---- 88 | 89 | 90 | * [Brainswarming](https://drive.google.com/open?id=0ByWJwfCMBWJLWXVaemROU0NKcXc) 91 | 92 | * [User personas](https://drive.google.com/open?id=0ByWJwfCMBWJLWFZqRVVFdm54WTA) 93 | 94 | * [Concept one-pager](https://drive.google.com/open?id=0ByWJwfCMBWJLM3lacGdMYVl3MGM) 95 | 96 | * [Experience maps](https://drive.google.com/open?id=0ByWJwfCMBWJLMWowbVczYW9hLUU) 97 | 98 | * [Prototypes (All assets are in the corresponding google drive)](https://invis.io/E979A5J3S) 99 | 100 | * [User-testing report](https://drive.google.com/open?id=0BzdF2x6AGYR5UHVYdkdWMXpKaGM) 101 | 102 | * [The Thames Experience Formative Presentation](https://drive.google.com/open?id=1KGYxJz4DJ52E1bzMAYjy0ZSNBWZefQo8MJLyHqjAF2g) 103 | 104 | * [The Thames Experience Summative Presentation](https://docs.google.com/presentation/d/1Fdop8fj5xr2GZ70TpOS-1dLRNBbL3jTZer0DrV-CIJQ/edit?usp=sharing) 105 | 106 | ---- 107 | 108 | ###[Here's a link to the entire google drive folder for all the materials as well](https://drive.google.com/open?id=0ByWJwfCMBWJLZWRIa3JKc3JjZ2c) -------------------------------------------------------------------------------- /students/2016/Ryder.md: -------------------------------------------------------------------------------- 1 | # WEB14204:Kid Design & DAX 2 | ---- 3 | ## Ryder Barnes 4 | ## Web Media (BA) 5 | 6 | ---- 7 | 8 | #### Blog Posts 9 | 10 | * [Link To Blog Posts](http://www.fourthfloor.me/blogs/rbarnes/category/web14204/) 11 | 12 | ---- 13 | 14 | #### Presentations 15 | 16 | * [All About London Formative Presentation](https://drive.google.com/file/d/0B3lQZZOAPd9RTEFRWnZSVGpnZW8/view?usp=sharing) 17 | 18 | * [The Thames Experience Formative Presentation](https://drive.google.com/file/d/0B3lQZZOAPd9Rd1FRVGNQdVg3SkE/view?usp=sharing) 19 | 20 | * [The Thames Experience Summative Presentation](https://docs.google.com/presentation/d/1Fdop8fj5xr2GZ70TpOS-1dLRNBbL3jTZer0DrV-CIJQ/edit?usp=sharing) 21 | 22 | ---- 23 | 24 | ####Kidesign Links 25 | 26 | ![All About London](http://i.imgur.com/JraFwDr.png =300x50) 27 | 28 | ---- 29 | 30 | * [Competitor Analysis](https://drive.google.com/file/d/0B3lQZZOAPd9RQXhUcy1SaHJCWGM/view?usp=sharing) 31 | 32 | * [Interviews debrief](https://drive.google.com/file/d/0B3lQZZOAPd9RTmJoWEM2bVZ0YzQ/view?usp=sharing) 33 | 34 | * [Elevator Pitch](https://drive.google.com/file/d/0B3lQZZOAPd9RcFBCc1ZYcmE2cGs/view?usp=sharing) 35 | 36 | * [Concept one-pager](https://drive.google.com/folderview?id=0B3lQZZOAPd9RUmNyaVZwbmZNcFE&usp=sharing) 37 | 38 | * [Wireframes](https://drive.google.com/folderview?id=0B3lQZZOAPd9ROWtiU2hycENNLWc&usp=sharing) 39 | 40 | * [Use case](https://drive.google.com/folderview?id=0B3lQZZOAPd9RZFpwUTYwMnJOaW8&usp=sharing) 41 | 42 | * [Formative presentation](https://drive.google.com/file/d/0B3lQZZOAPd9RTEFRWnZSVGpnZW8/view?usp=sharing) 43 | 44 | * [User Personas](https://drive.google.com/folderview?id=0B3lQZZOAPd9RNGlxRHE1X2pRZ2M&usp=sharing) 45 | 46 | * [Prototype](https://invis.io/UT7I4AE9A) 47 | 48 | * [Prototype Assets](https://drive.google.com/open?id=0ByWJwfCMBWJLQVd1MXc5OHVmeWM) 49 | 50 | 51 | * [User-testing report](https://drive.google.com/open?id=1Ulsgo9RCaIsaNdlSYtmh8ztTJyv98m-_34LLdyYU7QE) 52 | 53 | ---- 54 | 55 | ####DAX Links 56 | 57 | ![The Thames Experience](http://i.imgur.com/odoO220.png =306x171) 58 | 59 | ---- 60 | 61 | 62 | * [Brainswarming](https://drive.google.com/open?id=0ByWJwfCMBWJLYVhvUXJ5OElkb0k) 63 | 64 | * [User personas](https://drive.google.com/open?id=0ByWJwfCMBWJLWFZqRVVFdm54WTA) 65 | 66 | * [Concept one-pager](https://drive.google.com/open?id=0ByWJwfCMBWJLa2JFVkRtWmVFNU0) 67 | 68 | * [Experience maps](https://drive.google.com/open?id=0BzdF2x6AGYR5ZmcyS0ZJTkZIUTA) 69 | 70 | * [1st Prototype](https://invis.io/E979A5J3S) 71 | 72 | * [1st Assets](https://drive.google.com/folderview?id=0BzdF2x6AGYR5dDQybXNvby1ueE0&usp=sharing) 73 | 74 | * [2nd Prototype](https://www.justinmind.com/usernote/tests/20510917/20511335/20511577/index.html#/screens/d12245cc-1680-458d-89dd-4f0d7fb22724) 75 | 76 | * [2nd Assets](https://drive.google.com/open?id=0BzdF2x6AGYR5NDJ4QmplR3dZREk) 77 | 78 | * [User-testing report](https://docs.google.com/document/d/1RIojV5jDr3IQBY0agfvNLyxERXq30o8iLiunkQqd4rw/edit?usp=sharing) 79 | 80 | * [Formative presentation](https://drive.google.com/file/d/0B3lQZZOAPd9Rd1FRVGNQdVg3SkE/view?usp=sharing) 81 | 82 | * [Summative Presentation](https://docs.google.com/presentation/d/1M5BQj-Ie-mj6RyTKEpPE02ccmt9ptTE-c7AmvNEYmVA/edit?usp=sharing) 83 | 84 | ---- 85 | 86 | ###[Here's a link to the entire google drive folder for all the materials as well](https://drive.google.com/open?id=0ByWJwfCMBWJLZWRIa3JKc3JjZ2c) -------------------------------------------------------------------------------- /students/2017/filter-bubbles/afsara.md: -------------------------------------------------------------------------------- 1 | # WEB14204: UX-design part 2 2 | 3 | **Name:** Afsara Begum 4 | 5 | **Student No:** 96295215 6 | 7 | **Course:** BA (Hons) Web Media, Level 2. 8 | 9 | **Unit Code:** WEB14204 10 | 11 | ## FILTER BUBBLES 12 | 13 | 14 | [![Landing page.png](https://s4.postimg.org/v9pkgmuql/Landing_page.png)](https://postimg.org/image/lcejnkn4p/) 15 | 16 | For this term we learned about Filter bubbles and were told to design and prototype a digital object such as an app or website. This product should help people understand what filter bubbles are. 17 | 18 | To make sure I create an effective product I completed different tasks such as producing ideas, interviewing people, designing, prototyping and testing my product. Throughout these weeks I was able to gain many skills needed for UX design such as prototyping and using photoshop, which hopefully will help me in my future career. 19 | 20 | Below you can find all the links to see each of these findings which eventually lead to the creation of my final design called "BubbleZEN". 21 | 22 | 1. [Mapping your filter bubbles](https://docs.google.com/document/d/1SdktpCUbTBqUNPuxLiPPrlHHgI_C3Gyzm6gdVG9gL0s/edit?usp=sharing) 23 | 2. [10 bad ideas](https://docs.google.com/document/d/1f9swU1AJDYs8aH5hJJc2MpM-CBMNpDyQx4F0_U_ZgPI/edit?usp=sharing) 24 | 3. [Interviews](https://docs.google.com/document/d/1e8QYXA_G_uHWRXEZju4auX-9qMqcDgerIghlM3eH6mk/edit?usp=sharing) 25 | 4. [Idea sheet](https://docs.google.com/document/d/1KzIqhLwFg3T7-SWbZH6zU9CYEpmrxsKYqeXLddExwK0/edit?usp=sharing) 26 | 5. [Paper prototypes](https://docs.google.com/presentation/d/11lObFMr8kaEGEE82BJIq_MetuXYbG1--W0iVQQf8oQI/edit?usp=sharing) 27 | 6. [Digital prototypes](https://docs.google.com/presentation/d/11lObFMr8kaEGEE82BJIq_MetuXYbG1--W0iVQQf8oQI/edit?usp=sharing) 28 | 7. [User-testing feedback](https://docs.google.com/document/d/1WHa7YVdosD6A7ItlsGeELuYRvXdxsHz6P9HOFg6opPc/edit?usp=sharing) 29 | 8. [Concept video](https://spark.adobe.com/video/xs6B9gr8hH5Bx) 30 | 9. [Landing page](https://drive.google.com/file/d/0B4sgxawDFEN5eWlzLVdsNk5aamc/view?usp=sharing) 31 | 11. [Summative presentation](https://docs.google.com/presentation/d/16hoTZYe0Qa8uAtek6Kpv-P5vV6J7lgv-AW9eVJjz1Ek/edit?usp=sharing) 32 | 33 | ## Final Design 34 | 35 | Although I included the final prototype in the prototype link above here is a direct link to my final design which I created on InVision. 36 | 37 | [Final Prototype](https://invis.io/K5C3HRKW8#/238156959_Bz_Screen_1_V2) 38 | 39 | [![bz screen 4 guy search v2.png](https://s18.postimg.org/x8b09n4nt/bz_screen_4_guy_search_v2.png)](https://postimg.org/image/psbqnugyd/) 40 | 41 | 42 | # Blog Posts 43 | 44 | Here are blogs which I completed weekly throughout the project: 45 | 46 | 1. [Data Selfies](https://medium.com/ux-design-unit/data-selfies-ec4eee6c2bd3) 47 | 2. [How to create effective surveys](https://medium.com/ux-design-unit/how-to-create-an-effective-survey-d6532d866555) 48 | 3. [Analysing my filter bubbles](https://medium.com/@afsarabegum/analysing-my-filter-bubble-7a10c73ba45) 49 | 4. [Review Nupinion](https://medium.com/ux-design-unit/review-nupinion-414e4e7cf665) 50 | 5. [Desiging concept videos](https://medium.com/ux-design-unit/bubblezen-concept-video-eaf3d4b68f34) 51 | 6. [Testing landing pages](https://medium.com/ux-design-unit/bubblezen-landing-page-8908be7908ee) 52 | 7. [What did I learn?](https://medium.com/@afsarabegum/ux-design-unit-part-2-what-did-i-learn-6d717fa2a97e) 53 | -------------------------------------------------------------------------------- /students/2017/filter-bubbles/ajay.md: -------------------------------------------------------------------------------- 1 | ## WEB14204 - UX Design, Part 2 2 | 3 | ##### Name: Ajay Dhillon 4 | 5 | ##### Course: BA (Hons) Web Media, Level 2 6 | 7 | ##### Unit Code: WEB14204 8 | 9 | ### Introduction 10 | 11 | This document will take you through all the work that I have produced myself for the Filter Bubbles project. The project brief was to create a prototype interactive that would raise awareness/pop filter bubbles. We would work along side the SCWA students, to gather ideas together and conduct interviews. Below you will find links to various different tasks I completed. 12 | 13 | ##### Summative Presentation 14 | Below you will find the link to my summative presentation which I completed online using slides.com. It will have a break down of what the project is based on, I explaied the problems facing filter bubbles and spoke about the solution I had. 15 | 16 | [Slides.com Summative Presentation](http://slides.com/ajaydhillon/filter-bubbles) 17 | 18 | ##### Blog posts via Medium 19 | The links below will direct you to an online site where I have posted the blogs that I have completed during this project. 20 | 21 | [Blog Post 1](https://medium.com/term2-ux-design/data-selfies-1db4743b0602) 22 | 23 | [Blog Post 2](https://medium.com/term2-ux-design/filter-bubbles-vs-individual-choices-50cb4c1ac2c2) 24 | 25 | [Blog Post 3](https://medium.com/term2-ux-design/filter-bubbles-vs-individual-choices-c95785f08f7) 26 | 27 | [Blog Post 4](https://medium.com/term2-ux-design/nupinion-review-f5677c3f02fd) 28 | 29 | [Blog Post 5](https://medium.com/term2-ux-design/concept-video-45277c68870b) 30 | 31 | [Blog Post 6](https://medium.com/term2-ux-design/landing-page-process-23f504d35608) 32 | 33 | [Blog Post 7](https://medium.com/term2-ux-design/reflection-blog-f8d80b0f1335) 34 | 35 | 36 | ##### Mapping your filter bubbles 37 | 38 | This documents contains a drawing of my filter bubble. From the top of my head I noted down all the things that I look/search on the web and put them in a bubble. 39 | 40 | [My Filter Bubble](https://docs.google.com/a/students.rave.ac.uk/presentation/d/1v2CmndhT6tQk-PrL_F6dlheNXuhCb9pckVisn2gfwWE/edit?usp=sharing) 41 | 42 | ##### 10 bad ideas 43 | Below you will find 10 random ideas that I had thought about once I had got the project brief. 44 | 45 | [10 Bad Ideas](https://docs.google.com/a/students.rave.ac.uk/document/d/1uNU-SUfvPi2K6HfURh7Wi_UMiiuz1POuCqtEfR5unMc/edit?usp=sharing) 46 | 47 | ##### Interviews 48 | 49 | Once I had written down my 10 ideas, my next task was to choose one of them to explore. I began conducting a few interviews to validate the choice I had in mind, to see if it was worth pursuing. I interviewed ages between 14-19, a younger audience as the idea i had would primarily be for that age group. 50 | 51 | [Interviews](https://docs.google.com/a/students.rave.ac.uk/document/d/1_hdAa1l1tHwHNEl3wqH8tReqIjhv6mBq8lVwIlXRkSg/edit?usp=sharing) 52 | 53 | ##### Idea Sheet 54 | 55 | This document entails a few paragraphs of what my idea is. It tells you why I why i decided to create this product and it explains how I want the user should feel when using it. 56 | 57 | [Idea sheet](https://docs.google.com/a/students.rave.ac.uk/document/d/1mAyvnUMENQDMiemDNjulKQiUogwuPw0_6YhgZr8Dl1s/edit?usp=sharing) 58 | 59 | ##### Prototypes 60 | 61 | I have added a link below showing the 2 different prototypes I created within this project. The first one was on paper, were then I completed interviews to improve and then designed a digital one. 62 | 63 | [Prototypes](https://docs.google.com/a/students.rave.ac.uk/presentation/d/18T75pfQsk_XPBEN_av4JaPRd2R4fjKdPKqilen-e4qY/edit?usp=sharing) 64 | 65 | ##### User testing feedback 66 | 67 | The user testing feedback is a log of the interviews that I completed to get more information to better my project. It contains a brief overview I have written explaining what I will take from the interviews and what the interviewee said. 68 | 69 | [User testing feedback](https://docs.google.com/a/students.rave.ac.uk/document/d/1XVBz9l-NVD-v_pikoQYVgTEV3qZo1cmnEwsJ6Jsp1TQ/edit?usp=sharing) 70 | 71 | ##### Concept Video 72 | 73 | I designed and made a video based on my concept using Adobe Spark. It goes through the problems you may face when on apps looking to meet new people and then leads you on to the solution which is the product I've designed. 74 | 75 | [Concept Video](https://spark.adobe.com/video/FiSQfftgAQgXM) 76 | 77 | ##### Landing Page 78 | 79 | I've created a landing page for my project, I used the the carrd.co for inspiration. However, I decided to use photoshop to create it as you have more flexibily when you edit it unlike carrd.co. 80 | 81 | [Landing Page](https://docs.google.com/a/students.rave.ac.uk/presentation/d/1v2CmndhT6tQk-PrL_F6dlheNXuhCb9pckVisn2gfwWE/edit?usp=sharing) 82 | 83 | 84 | 85 | Thank you for your time! 86 | -------------------------------------------------------------------------------- /students/2017/filter-bubbles/ben.md: -------------------------------------------------------------------------------- 1 | # UX Design - Filter bubbles 2 | 3 | **Name:** Ben Louka 4 | 5 | **Student no:** 96292215 6 | 7 | **Course:** BA (Hons) Web Media, Level 2 8 | 9 | **Unit Code:** WEB14204 UX design 10 | 11 |
12 | 13 | When given this project I was quite worried and confused. Not only was I confused with Filter bubbles but what we had to produce at the end of the term. I also was worrying with the ideas I had as I did not have confidence in them. 14 | 15 | However, after user testing and tutorials I had an idea that I was confident with but also not too complex to produce. Below is my work and blogs which helped me to produce my final prototype. 16 | 17 | 18 | ### Filter bubbles 19 | 20 | 1. [Mapping your filter bubbles](https://drive.google.com/file/d/0B3GR6CwtALpARVRnQUloRF9nLW8/view?usp=sharing) 21 | 2. [10 (or so) bad ideas](https://drive.google.com/drive/folders/0B3GR6CwtALpAbEdzYVltbjNkMG8?usp=sharing) 22 | 3. [Interviews](https://drive.google.com/file/d/0B3GR6CwtALpAV19MOFQ5SXhvVVU/view?usp=sharing) 23 | 4. [Idea sheet](https://drive.google.com/file/d/0B3GR6CwtALpANU1BenlIVkl0Nk0/view?usp=sharing) 24 | 5. [Digital-prototypes - Marvel](https://marvelapp.com/1hdiaj0) 25 | 6. [Digital prototype - Invision](https://invis.io/TKBZKH0EB) 26 | 7. [User-testing feedback](https://docs.google.com/document/d/1FuZ700KU4C9IlvTIojxt_ox4c1-nZlNBtdCoBJxQJ80/edit?usp=sharing) 27 | 8. [Concept video](https://drive.google.com/file/d/0B3GR6CwtALpAVWc4RjdPTVhKYjA/view?usp=sharing) 28 | 9. [Landing page](https://myfilterbubbleandi.carrd.co/) 29 | 10. [Summative presentation](https://docs.google.com/presentation/d/1npgJP7tx-OMUXIB7PBb4RO6OIwp1n2RMpq56I8R3E_s/edit?usp=sharing) 30 | 31 | 32 | ### Blog posts 33 | 34 | 1. [Data selfies](https://medium.com/@blouka/data-selfie-74d760695a4f) 35 | 2. [How to create effective surveys](https://medium.com/@blouka/read-this-article-on-how-to-create-effective-surveys-f4297b7329d9) 36 | 3. [Analysing my filter bubbles](https://medium.com/@blouka/analysing-my-filter-bubble-d97bf8e00ab5) 37 | 4. [Review Nupinion](https://medium.com/@blouka/reviewing-nupinion-from-a-ux-point-of-view-b63a5b2149c1) 38 | 5. [Designing concept videos](https://medium.com/@blouka/creating-my-concept-video-with-the-help-of-telling-your-story-ae7632c56cc2) 39 | 6. [Testing landing pages](https://medium.com/@blouka/blog-6-96e6999ebcee) 40 | 7. [What did I learn?](https://medium.com/@blouka/reflection-blog-c539b0ce2893) 41 | -------------------------------------------------------------------------------- /students/2017/filter-bubbles/darren.md: -------------------------------------------------------------------------------- 1 | # FILTER BUBBLES 2 | 3 | ## HANDIN 4 | 5 | ### Github 6 | [CLICK HERE](https://github.com/doutram "Title") 7 | 8 | ### GH-PAGES 9 | [CLICK HERE](https://doutram.github.io/Filter-Bubbles1/index.html "Title") 10 | 11 | 12 | ### PAPER AND DIGITAL WIREFRAMES 13 | 14 | ![ALT TEXT](/Users/darrengeorgeoutram/Desktop/FILTER-HANDIN/PAPER.JPG) 15 | #### this is my first wireframe, my first ideas was to split a page into and to have steps on different social media networks and how you can pop your filter bubble on the the only problem i found was that people started getting confused when they wanted to go back to reread. 16 | 17 | ![ALT TEXT](/Users/darrengeorgeoutram/Desktop/FILTER-HANDIN/WIREFRAME.png) 18 | 19 | 20 | ## Final Wireframe 21 | #### so this is my final wireframe so its a simple one page scroll down website i did this mainly because of the previous confusion in the user testing i found that this style of websites work really for my target audience. 22 | 23 | ![ALT TEXT](/Users/darrengeorgeoutram/Desktop/FILTER-HANDIN/Wireframe.JPG) 24 | 25 | 26 | ### 10 IDEAS 27 | #### i really enjoy the whole 10 ideas concept and i use it in alot of things ever since i got introduced to it last yeah its one of the hardest things for me sometimes is coming up with ideas i either have really good ideas or only bad ideas with this project that was the case i couldnt think of anything but the ten i dea always helps you to get your brain running and developing ideas in your head. 28 | 29 | ![ALT TEXT](/Users/darrengeorgeoutram/Desktop/FILTER-HANDIN/TEN.png) 30 | 31 | 32 | ### USER TESTING 33 | 34 | ![ALT TEXT](/Users/darrengeorgeoutram/Desktop/FILTER-HANDIN/USER.png) 35 | ### MAPPING MY FILTER BUBBLE 36 | #### mapping my filter bubble wasnt so hard but quite surprizing how when you are aware of filter bubbles you start seeing massive patterns in your news feed . 37 | 38 | ![ALT TEXT](/Users/darrengeorgeoutram/Desktop/FILTER-HANDIN/MAP.JPG) 39 | 40 | 41 | ### IDEA SHEET 42 | 43 | ![ALT TEXT](/Users/darrengeorgeoutram/Desktop/FILTER-HANDIN/PAPERIDEA.JPG) 44 | 45 | ![ALT TEXT](/Users/darrengeorgeoutram/Desktop/FILTER-HANDIN/IDEA.png) 46 | 47 | 48 | ## SUBMITIVE PRESENTATION 49 | 50 | [CLICK HERE](https://docs.google.com/presentation/d/1wohZnrCfmkdZ-0h9qWojDZ5Zwjyf_zKZWLZCYtflqWY/edit?usp=sharing "Title") 51 | 52 | 53 | ### BLOG-POSTS 54 | 55 | [CLICK HERE](http://darrenoutram1027.wixsite.com/webmedia "Title") 56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /students/2017/filter-bubbles/dean.md: -------------------------------------------------------------------------------- 1 | # Summative Hand-in Package 2 | 3 | **Name:** Dean Chalk 4 | 5 | **Student No:** 96291515 6 | 7 | **Course:** BA (Hons) Web Media, Level 2 8 | 9 | **Unit Code:** WEB14204 10 | 11 | ## Filter Bubbles 12 | 13 | - [Mapping your filter bubbles](https://drive.google.com/file/d/0B-WTmhlciDwIb3doUUh4Z2d2bDg/view?usp=sharing) 14 | - [10 (or so) bad ideas](https://docs.google.com/document/d/15Kvfs4xslJx18pJyTCrvLxbi1W7-QT0aTheZjMALGDk/edit?usp=sharing) 15 | - [Interviews](https://docs.google.com/document/d/1FLps0OO2VHXbklUMVuh9XbGHJ0WJIhOr2hqvGJtMUP4/edit?usp=sharing) 16 | - [Idea Sheet](https://docs.google.com/document/d/1AFeLsorBPxuXymRar3Tt_-Yf6zrpSf2B1P7zIVu_ewY/edit?usp=sharing) 17 | - [Paper-prototypes](https://drive.google.com/file/d/0B-WTmhlciDwIbjNfRUxCU0txVUU/view?usp=sharing) 18 | - [Digital prototype](https://marvelapp.com/2896dda/screen/28226379) 19 | - [User-testing feedback](https://docs.google.com/document/d/1IzSpcO-KOLu-NDdKnEL74uWGBwQ3LHIYm-9qD7f9c6k/edit?usp=sharing) 20 | - [Concept video](https://drive.google.com/file/d/0B-WTmhlciDwIUjJXMng4OExfV0E/view?usp=sharing) 21 | - [Landing page](https://filterburst.carrd.co/) 22 | - [Summative presentation](https://docs.google.com/presentation/d/1aO8xk6BRv8JbHEhkFb9CwzXBHaldYHjVQ6JohUdzm-E/edit?usp=sharing) 23 | - [Presentation Video](https://www.youtube.com/watch?v=b0uh1-nk4Q8&feature=youtu.be) 24 | 25 | ## Blog Posts 26 | 27 | - [Week 1: Data Selfies](https://medium.com/matteos-blogs-y2/data-selfies-ae962349325d) 28 | - [Week 2: How to create effective surveys](https://medium.com/@deanlc/how-to-creative-effective-surveys-183040973516) 29 | - [Week 3: Analysing my Filter Bubbles](https://medium.com/@deanlc/analysing-my-filter-bubbles-22b65f8e308f) 30 | - [Week 4: Review Nupinion](https://medium.com/@deanlc/review-nupinion-86acf730198b) 31 | - [Week 5: Designing Concept Videos](https://medium.com/@deanlc/designing-concept-videos-b033cc1ec30c) 32 | - [Week 6: Testing Landing Pages](https://medium.com/@deanlc/testing-landing-pages-330573d87389) 33 | - [Week 7: What have I learned](https://medium.com/@deanlc/what-have-i-learned-4c0d7251e8f5) 34 | -------------------------------------------------------------------------------- /students/2017/filter-bubbles/francisco.md: -------------------------------------------------------------------------------- 1 | # WEB14204 Designing the User Experience 2 | 3 | ### During this course you will learn how to research the circumstances and needs of different types of users, to design and prototype interactive products that are both usable and useful. 4 | 5 | In particular, you will get familiar with: 6 | 7 | User eXperience (UX) design principles and patterns 8 | Qualitative and quantitative user research 9 | Competitor analysis 10 | User personas, user stories and user journey maps 11 | Interface design: paper-prototyping and wireframing 12 | Rapid prototyping tools 13 | User-testing: face2face, A/B testing and analytics 14 | Motivational copy-writing for stickiness 15 | 16 | ## Mapping your filter bubbles 17 | 18 | **See more info** [here](http://imgur.com/hweOXHf) 19 | 20 | ![Presentation](https://cdn-images-1.medium.com/max/1200/0*v1aCMXoCJBzQz68K.) 21 | 22 | ## 10 (or so) bad ideas 23 | 24 | **See more info** [here](https://docs.google.com/document/d/1JheVyM6iAZA_IzDM8ZrLc4mDbWGgsyP9nWXm_6CWv6g/edit?usp=sharing) 25 | 26 | 27 | ## Interviews 28 | 29 | **See more info** [here](https://docs.google.com/document/d/1BsbljrmkyWVrnMbwX8K6Mf7h7hvIIzi5uMs4u62FS50/edit?usp=sharing) 30 | 31 | 32 | ## Idea sheet 33 | 34 | what is your idea called, how does it work, and what do you want people to know/feel/do? 35 | 36 | **See more info** [here](http://imgur.com/kdbTpc4) 37 | 38 | ## Paper-prototypes 39 | 40 | **Image** [here](http://imgur.com/a/J7vhj) 41 | 42 | **See more info** [here](https://youtu.be/0nfGtKZfgCE) 43 | 44 | ## Digital prototype(s) 45 | 46 | **See more info** [here](https://invis.io/JDC3IRDQH) 47 | 48 | ## User-testing feedback 49 | 50 | **See more info** [here](https://docs.google.com/document/d/1CP1RRasTfkzRZCOnIOvT0vztj2RkBMnTRWYnVbNE0P8/edit?usp=sharing) 51 | 52 | ## Concept video 53 | 54 | **See more info** [here](https://spark.adobe.com/video/i1K2kLx4zhDI6) 55 | 56 | ## Landing page 57 | 58 | **See more info** [here](http://imgur.com/CWO1WrN) 59 | 60 | ## Summative presentation 61 | 62 | **Google Slides** [here](https://docs.google.com/presentation/d/10fMEZbKtlYACLX9eiGuzEVYki1278C1V8nSsChOd4i4/edit?usp=sharing) 63 | 64 | ![Presentation](http://www.teamlewis.com/uploads.com/2015/09/presentation-public-speaking-tips-.jpg) 65 | 66 | ## Blogs 67 | 68 | The following blogs were done based on what I've learned as a student so far. It allowed me to explore different topics and therefore expand my knowledge in terms of constructing my ideas better and developing them in a careful way, after going through several steps. It gave me more confidence to challenge myself, to make my own opinions and take them forward. 69 | 70 | **Blog 1** ("Data selfies") [here](https://medium.com/@itsfranhere/data-selfies-8ecb71d7ba71) 71 | 72 | **Blog 2** ("How to create effective surveys") [here](https://medium.com/@itsfranhere/effective-surveys-72eecc6cc153) 73 | 74 | **Blog 3** ("Analysing my filter bubbles") [here](https://medium.com/@itsfranhere/analysing-my-filter-bubbles-86829040e1dd) 75 | 76 | **Blog 4** ("Review Nupinion") [here](https://medium.com/@itsfranhere/review-nupinion-b9db576b121e) 77 | 78 | **Blog 5** ("Designing concept videos") [here](https://medium.com/@itsfranhere/designing-concept-videos-5ecfc8d85fab) 79 | 80 | **Blog 6** ("Testing landing pages") [here](https://medium.com/@itsfranhere/testing-landing-pages-bc78ad991007) 81 | 82 | **Blog 7** ("What did I learn?") [here](https://medium.com/@itsfranhere/what-did-i-learn-3f8201f7db78) 83 | 84 | ![Blogger](https://images.unsplash.com/1/type-away.jpg?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&s=232b979616b4ed59f15e324b7c153b2d) 85 | -------------------------------------------------------------------------------- /students/2017/filter-bubbles/joe.md: -------------------------------------------------------------------------------- 1 | # Joe Reilly [96291715] 2 | 3 | ## Filter Bubbles [WEB 14204] 4 | 5 | ### Filter Bubbles 6 | 7 | 1. [Mapping your filter bubbles](http://i.imgur.com/Os8c5Bo.jpg) 8 | 2. [10 (or so) bad ideas](https://docs.google.com/document/d/1YtDomFzu3-FoK1fYUiyDT-8-KK24ufEY2XBDlrxeNc8/edit?usp=sharing) 9 | 3. [Interviews](https://docs.google.com/document/d/1uz8b3tZ9wCj1fh7tu6xOupbfOFoGrTCUYK8N4YtleiU/edit?usp=sharing) 10 | 4. [Survey](https://joe710.typeform.com/to/ODHETy) 11 | 5. Idea Sheets: [Initial Idea](http://i.imgur.com/79NgxLU.jpg) / [Final Idea](http://i.imgur.com/sr55VV1.jpg) 12 | 6. [Paper Prototype](http://i.imgur.com/LU2d8vb.jpg) 13 | 7. Digital Prototypes: [Wireframe](https://app.moqups.com/jreilly/HUb2MskDK7/view) / [Graphic](https://marvelapp.com/5i0d8f4/screen/28867833) 14 | 8. [User Testing Feedback](https://docs.google.com/document/d/1rdPtgbHPtQFFzkTRmubz_4nyM51YLgnF6X3FlOoKjEs/edit?usp=sharing) 15 | 9. [Concept Video](https://spark.adobe.com/video/uq1NJRVLlOvCK) 16 | 10. [Landing Page](https://newsburst.carrd.co/) 17 | 11. [Summative Presentation](https://docs.google.com/presentation/d/1s_ePzAC1oRCixJAzGRHY-P0iYeH_jpG85eaY7rqmLBw/edit?usp=sharing) 18 | 19 | ### Blog Posts 20 | 21 | 1. [Data Selfies](https://medium.com/@Joe_Reilly/data-selfies-82b91bfb6ad0) 22 | 2. [How to create effective surveys](https://medium.com/@Joe_Reilly/creating-effective-surveys-47eb639afa28) 23 | 3. [Analysing my filter bubbles](https://medium.com/@Joe_Reilly/filter-bubbles-vs-individual-choices-3cfbd8bbc276) 24 | 4. [Review Nupinion](https://medium.com/@Joe_Reilly/nupinion-com-ux-review-7c607062acb6) 25 | 5. [Designing concept videos](https://medium.com/@Joe_Reilly/crafting-a-concept-video-c1e981ef93c9) 26 | 6. [Testing landing pages](https://medium.com/@Joe_Reilly/creating-a-landing-page-ee779076b9de) 27 | 7. [What did I Learn?](https://medium.com/@Joe_Reilly/filter-bubbles-what-did-i-learn-2ccbbce7f1b9) 28 | -------------------------------------------------------------------------------- /students/2017/filter-bubbles/josh.md: -------------------------------------------------------------------------------- 1 | *** 2 | 3 | ### WEB14204: Designing The User Experience 4 | 5 | *** 6 | 7 | **Name**: Josh van Niekerk 8 | 9 | **Student No**: 96293615 10 | 11 | **Course**: BA (HONS) Web Media, Level 2. 12 | 13 | **Unit Code**: WEB14204 14 | 15 | **Term**: 3. 16 | 17 | *** 18 | 19 | ### Introduction 20 | 21 | *Designing The User Experience* has been a very enjoyable unit. It has helped me to develop my understanding of the UX design theories and principles. These concepts have made me more aware of the user's perspective when they consume a product. It was also interesting going to SCWA and interacting with the children as well as hearing their insight. Overall, I can say that this term as been highly beneficial and I really enjoyed making a digital protoype using the *Marvel app*; a useful tool that I will definately be using for future projects. 22 | 23 | *** 24 | 25 | ![Filter Bubbles](https://gyazo.com/d783f9e8402044a2b77e607d28bd7a68.png) 26 | 27 | ### Filter Bubbles 28 | 29 | 1. [Mapping Your Filter Bubbles](https://docs.google.com/document/d/1JTGrgp15HY0ZsQuYtW7JEhJS2m2CWm0zY_kUO9LAAn0/edit?usp=sharing) 30 | 31 | 2. [10 (or so) Bad Ideas](https://docs.google.com/document/d/1NqCMNRZxj9SqjWFyNlPMqiItaY5taY3BiDeI3NOX_U0/edit?usp=sharing) 32 | 33 | 3. [Interviews](https://docs.google.com/document/d/1r2qqbzG7nqJYhZ1EdCWTPyBcdZheJP0YhGlgpobnMiQ/edit?usp=sharing) 34 | 35 | 4. [Idea Sheet](https://docs.google.com/document/d/1HX1dh9PLOtQSnYiRSAed9Td-QuX64iBDutGA39S8tv4/edit?usp=sharing) 36 | 37 | 5. [Paper-Prototypes](https://docs.google.com/document/d/1z4DXZL9nncFsvXL24B_taRLRQLrD7Op2ueKFpUdfq90/edit?usp=sharing) 38 | 39 | 6. [Digital Prototypes](https://docs.google.com/document/d/1XmxPq17TCivrTwHs_0zN9FYdgPYVNeGVpDqBJd_ng8k/edit?usp=sharing) 40 | 41 | 7. [User-Testing Feedback](https://docs.google.com/document/d/1iYs5VwmPzjd4d6poN251GomvwRznr3vIHwQEdSaU0qA/edit?usp=sharing) 42 | 43 | 8. [Concept Video](https://docs.google.com/document/d/1iWagGzgPCYYacr9N8idv4U4gd25GXobqOgHk6fISk5A/edit?usp=sharing) 44 | 45 | 9. [Landing Page](https://docs.google.com/document/d/1TKKerZTqyeWq2kpJ2iTX-eVvQ3gMRdWhOaGs12uslxk/edit?usp=sharing) 46 | 47 | 10. [Summative Presentation](https://docs.google.com/presentation/d/1PTqGFENMfvEoaxsarLqlmoCL_P4dx8LoJnxC9Y1BtZY/edit?usp=sharing) 48 | 49 | 11. [Filter Bubbles App](https://marvelapp.com/3b7d3gj) 50 | 51 | *** 52 | 53 | ![Blogs](https://gyazo.com/655ea052ee6c4481d0313e1ffb281d41.png) 54 | 55 | ### **Blog Posts** 56 | 57 | 1. [Data Selfies](https://docs.google.com/document/d/14GaFjEYqvB_LTvlEvaokHuSx369uZ2AqG9sxTUdK0gQ/edit?usp=sharing) 58 | 59 | 2. [How To Create Effective Surveys](https://docs.google.com/document/d/1EQj7Y2NJFcYUaiBJsv3m041aXLBIIxAkbN2U5y5YQiE/edit?usp=sharing) 60 | 61 | 3. [Analysing My Filter Bubbles](https://docs.google.com/document/d/10joSNNUVS_dgO5RfTDTAp7XlCEWG1NuNsqIWnHxuNkc/edit?usp=sharing) 62 | 63 | 4. [Review Nupinion](https://docs.google.com/document/d/1idIQwyKds2kfu8HP-qZDlFGH52FZ3aRv43mX4KAF194/edit?usp=sharing) 64 | 65 | 5. [Designing Concept Videos](https://docs.google.com/document/d/1qYj2Ra98gMIvXjWff_qo9ktoBSrWqj1flIUk0Z0y0xg/edit?usp=sharing) 66 | 67 | 6. [Testing Landing Pages](https://docs.google.com/document/d/1XZwgdWOUWY2hCv0uNQ3EtrFKh3W1Mi-6f5VktuCoMI4/edit?usp=sharing) 68 | 69 | 7. [What Did I Learn?](https://docs.google.com/document/d/1mwbEpXfmAVF9BqfP43vxLHZ62Np7k-UCION9YZBnAV0/edit?usp=sharing) 70 | 71 | 72 | *** 73 | -------------------------------------------------------------------------------- /students/2017/filter-bubbles/malore.md: -------------------------------------------------------------------------------- 1 | # WEB14204: UX-Design 2 | 3 | **Name:** Malore Milchard 4 | 5 | **Student No:** 96293215 6 | 7 | **Course:** BA (Hons) Web Media, Level 2. 8 | 9 | **Unit Code:** WEB14204 10 | 11 | [![what-is-ux-design-.png](https://s23.postimg.org/vzfor4cij/what-is-ux-design-.png)](https://postimg.org/image/qo0s6eqfr/) 12 | [![Filter bubble.jpg](https://s15.postimg.org/6rqqop4vv/Filter_bubble.jpg)](https://postimg.org/image/waj31pofr/) 13 | 14 | ## Filter Bubbles 15 | 16 | Below are all of the different documents that I have produced throughout this topic. They are all a part of the planning and designing process I undertook towards making my app. We started off with coming up with 10 rough ideas and then chose one which we wanted to make our final product. Once I had a initial idea of what I was going to do, I conducted a few interviews which then helped me to make my idea sheet. This is where I talked in detail about my final idea. Then I made my prototypes, first the paper prototype and then the digital prototype where I used the program Marvel. The last few things I did was the concept video and the landing page which I enjoyed doing the most. 17 | 18 | [Mapping your filter bubbles](https://docs.google.com/document/d/1o9uOgOiDC4QWEAxiAluZZqYS_LeeZYxplYkd9878IRc/edit) 19 | 20 | [10 (or so) bad ideas](https://docs.google.com/document/d/14IhpFgnadeMhqmH_8C4DB2b_dyC0hGybDE1MQvuSZRE/edit) 21 | 22 | [Interviews](https://docs.google.com/document/d/1xq3HWiJwYCVCDPWkbFF5uz-8JVT87c_A_K7g-hKq4b8/edit) 23 | 24 | [Idea Sheet](https://docs.google.com/document/d/1W51I1TzqMYhvh6hUiJEEn3YqD_OhsWho2FWYEGItWc0/edit) 25 | 26 | My paper prototype is on the presentation linked below. I have also put screenshots of my digital prototypes on to this just in case the Marvel link does not work properly. 27 | 28 | [Paper Prototype](https://docs.google.com/presentation/d/1bD-WmWIlb3edmqXo6NchcHCd2h7-7ItCNnADXP8hOzU/edit#slide=id.p) 29 | 30 | [Digital Prototype](https://marvelapp.com/24ah027) (Marvel) 31 | 32 | [User-testing feedback](https://docs.google.com/document/d/1LrHisCoC2IjSnVPtGeM0RxFlZGjcN6gQScjqu9jViC4/edit) 33 | 34 | [Concept video](https://spark.adobe.com/video/nG72PxUSDteoL) 35 | 36 | [Landing Page](https://docs.google.com/document/d/1A2qie26D5xiVCMY26aVS_C4ydsnOFx86Iu7GY0VlNk4/edit) 37 | 38 | Below is the link to my summative presentation. I used Google Sldes to make it as I have used this programme quite a lot so I find it really easy to understand. In my presentation I stated that I think the current issue is that not enough people know about the data trail we leave on the internet. That's why I created my app 'Stalkr' to raise awareness of this. I also included a link to my prototype on Marvel so I could show the class how it looks and give a clearer idea of how it works. 39 | 40 | [Summative Presentation](https://docs.google.com/presentation/d/1K4VpQhaFOJdwg1fnTE4JC8GbIE9i88U6n7_PsSp-nA4/edit#slide=id.g226dd0f018_0_54) 41 | 42 | ![](https://s4.postimg.org/vm8bjya5p/Blog_Frankrijk.jpg) 43 | ![](file:///Users/maloremilchard/Downloads/1-5ztbgEt4NqpVaxTc64C-XA.png) 44 | 45 | ## Blogs 46 | 47 | Below is a list of all the blogs that I have done throughout this term. As always I used the site 'Medium' to produce my blog posts. 48 | 49 | 1. [Data Selfies](https://medium.com/ux-design-term-2/1-data-selfies-8bcbc7c8ea22) 50 | 2. [How to create effective surveys](https://medium.com/ux-design-term-2/2-how-to-create-effective-surveys-382b132aeb33) 51 | 3. [Analysing my filter bubbles](https://medium.com/ux-design-term-2/3-analysing-my-filter-bubbles-3eaf4e72a4c5) 52 | 4. [Review Nupinion](https://medium.com/ux-design-term-2/4-review-nupinion-60fd882548be) 53 | 5. [Designing concept videos](https://medium.com/ux-design-term-2/5-designing-concept-videos-c6fbd19295b8) 54 | 6. [Testing landing pages](https://medium.com/ux-design-term-2/6-testing-landing-pages-a7d121e7ce9f) 55 | 7. [What did you learn?](https://medium.com/ux-design-term-2/7-what-did-you-learn-eb6c6e2de242) 56 | -------------------------------------------------------------------------------- /students/2017/filter-bubbles/rajeev.md: -------------------------------------------------------------------------------- 1 | # WEB14204 Rajeev Gill 2 | 3 | ### The Brief 4 | -------------------- 5 | Design the UX of a digital object which would help users become aware of personalisation algorithms. For this brief I designed an app which intends to highlight to users how personalisation algorithms work with their data. By showing users the information Facebook collects on them and then how this data is used to personalise their experience. 6 | 7 | #### Deliverables 8 | 9 | 1. [Mapping your filter bubbles](https://drive.google.com/file/d/0B5T0Y-Oi6A1ORWtPOXhuUTA0UnM/view?usp=sharing) 10 | 2. [Ideation](https://docs.google.com/document/d/1R_89F9SJw4vEMwEVRMEOE8Ztc2WT5AtJ3qIb6lMVhQU/edit?usp=sharing) 11 | 3. [Interviews](https://docs.google.com/document/d/1pKJoPg1tZeFjwULoSrTw6__F8RvFU6HvUt8EDefgQ8s/edit?usp=sharing) 12 | 4. [Idea sheet](https://drive.google.com/file/d/0B5T0Y-Oi6A1ORzI1a1dPRzZCaVU/view?usp=sharing) 13 | 5. [Paper Prototypes](https://drive.google.com/drive/folders/0B5T0Y-Oi6A1OcmhuQ0ZRdVVKc1E?usp=sharing) 14 | 6. [Digital prototype (1)](https://xd.adobe.com/view/e41cfbc5-124a-44e3-92aa-62fed13a33cd/) 15 | 7. [Digital prototype (2)](https://xd.adobe.com/view/809549c2-8174-4747-90f1-ae1259eb2763/) 16 | 7. [User-testing feedback](https://docs.google.com/document/d/1bQHpTgi7DDygkHq2NE0SB0fQ4OYuM-cBUMDfF1FkBQQ/edit?usp=sharing) 17 | 8. [Concept video](https://spark.adobe.com/video/clljTbD1sHKz5) 18 | 9. [Landing page](https://drive.google.com/file/d/0B5T0Y-Oi6A1OcEJrNk52aEVlVHc/view?usp=sharing) 19 | 10. [Summative presentation](https://docs.google.com/presentation/d/1bN7Y7FdD88AovH_1liGWnIfigJLKS1ia1v0nICDFmqk/edit?usp=sharing) 20 | 21 | #### Blog posts 22 | 23 | 1. [Data selfies](http://rajeevxgill.co.nf/2017/05/02/data-selfie-tracking-facebook/) 24 | 25 | 2. [How to create effective surveys](http://rajeevxgill.co.nf/2017/06/01/ux-research-survey-planning/) 26 | 27 | 3. [Analysing my filter bubbles](http://rajeevxgill.co.nf/2017/06/01/the-filter-bubble-theory/) 28 | 29 | 4. [Review Nupinion](http://rajeevxgill.co.nf/2017/06/02/nupinion-ux-review/) 30 | 31 | 5. [Designing concept videos](http://rajeevxgill.co.nf/2017/06/03/designing-concept-videos/) 32 | 33 | 6. [What did I learn?](http://rajeevxgill.co.nf/2017/06/07/ux-design-what-i-have-learned/) 34 | -------------------------------------------------------------------------------- /students/2017/filter-bubbles/rosie.md: -------------------------------------------------------------------------------- 1 | # Rosie Buddell 2 | ## WEB14204 3 | ### Filter Bubbles 4 | On this individual project you will design and prototype a digital object that helps people become aware of their filter bubbles and/or burst them. 5 | ### [Project material:](https://drive.google.com/drive/folders/0B4MyhvimzX_fa2tKY0c3ODcwR3c?usp=sharing) 6 | * [Mapping your filter bubbles](https://docs.google.com/document/d/12GVmbJ8f4tfMLb_QflTNlYyJ4yCkBhsn_G3UEFHuNWA/edit?usp=sharing) 7 | * [10 or so bad ideas](https://docs.google.com/document/d/1fm2Ah-5RVOjx_VQFuCnjUQDeUeyXlnDtFOXhU1HaqI0/edit) 8 | * [Interviews](https://docs.google.com/document/d/1ZVrCwb2tB7umv5NWszjeTXu-V9TdRowg53ZfsADpXYQ/edit?usp=sharing) 9 | * [Idea sheet](https://docs.google.com/document/d/1uuUkMVpe4FXVEDvZ7nF97Wfbjx5G8zQ7nCbMWBOgsxQ/edit?usp=sharing) 10 | * [Paper prototype](https://docs.google.com/presentation/d/1DddShG-Z5PXfBRfsfBM_Yaac-WYw-p1l-AOZJLhRevE/edit?usp=sharing) 11 | * [Digital prototype](https://marvelapp.com/2a2gf1e/screen/28608791) 12 | * [User testing feedback](https://docs.google.com/document/d/1nyPRPp5iAzfAdT482JGvIsYww_73_LUZ8awF0M5OqfI/edit?usp=sharing) 13 | * [Concept video](https://spark.adobe.com/video/nGEqrjzvzxU1D) 14 | * [Landing page](https://ballotbug.carrd.co/) 15 | * [Summative Presentation](https://docs.google.com/presentation/d/1mB0aezGwi9gDUPgRzcLOh2TSv1O6k1sNOaGqZH7tMKY/edit?usp=sharing) 16 | 17 | ### Blog Posts 18 | * [Data Selfies](https://medium.com/@wwwtf/data-selfies-b8ff0254eef8) 19 | * [How to create effective Surveys](https://medium.com/@wwwtf/creating-effective-surveys-4ab756723018) 20 | * [Analysing my filter bubbles](https://medium.com/@wwwtf/analysing-my-filter-bubbles-4be30852d171) 21 | * [Review Nupinion](https://medium.com/@wwwtf/review-nupinion-e1828be60c70) 22 | * [Designing concept videos](https://medium.com/@wwwtf/designing-concept-video-772b0b221466) 23 | * [Testing landing pages](https://medium.com/@wwwtf/testing-landing-pages-6a24f9e0c258) 24 | * [What did I learn?](https://medium.com/@wwwtf/what-did-i-learn-7028892e81c9) 25 | -------------------------------------------------------------------------------- /students/2017/filter-bubbles/tom.md: -------------------------------------------------------------------------------- 1 | *FILTR*BUBBLES PROJECT 2 | 3 | Visit this link [UX/UI DESIGN TERM 2 — Thomas Murphy](https://thomasmurphy.work/uxui-design-term-2/) to view my project write up and blogs at the end. 4 | -------------------------------------------------------------------------------- /students/2017/filter-bubbles/will.md: -------------------------------------------------------------------------------- 1 | ## StalkTalk Hand-In Package 2 | 3 | ### Filter Bubble Map 4 | ![Map](http://imgur.com/5anLVzE.jpg) 5 | 6 | ### [Filter Bubble Ideas](https://docs.google.com/document/d/1gGKbQh36BA-EreKyP0umOqIL6eS_QcTzAUBrb9J3mH0/edit?usp=sharing) 7 | 8 | ### [Survey Results](https://docs.google.com/document/d/1kEQBGSBAYIQCR2EjhEyAHccR2NmFy7g1xGzA_1atORs/edit?usp=sharing) 9 | 10 | ### [Idea Sheet](https://docs.google.com/document/d/1paQpji5lNhl_sUPFw3Zee31jwWPJjVHEz00b7w_Tsh8/edit?usp=sharing) 11 | 12 | ### [Digital Prototype 01 - Marvel](https://marvelapp.com/1i9443g) 13 | 14 | ### [Digital Prototype 02 - Motion](https://www.messenger.com/login.php?next=https%3A%2F%2Fwww.messenger.com%2Ft%2F1584146204963709) 15 | 16 | ### [User Testing](https://docs.google.com/document/d/1PdtUoljQhdaggp7AgztRN_Q-3PH1Wgr2oP35BLe-vz8/edit?usp=sharing) 17 | 18 | ### [Concept Video](https://drive.google.com/file/d/0B7EQ0WWNAA-QOHlnWWJqVmNUMVU/view?usp=sharing) 19 | 20 | ### [Site](https://stalktalk.carrd.co/) 21 | 22 | ### [Summative Presentation](https://youtu.be/NQHaHk5yK28) 23 | 24 | ## Blogs 25 | 26 | ### [Data Selfies](https://medium.com/@w.tonks/y2-data-selfie-220f4a31a045) 27 | 28 | ### [Effective Surveys](https://medium.com/@w.tonks/y2-effective-surveys-38838f6572c4) 29 | 30 | ### [Analysing my filter bubbles](https://medium.com/@w.tonks/y2-filter-bubbles-vs-individual-choices-a8d0338eaa2a) 31 | 32 | ### [Review Nupinion](https://medium.com/@w.tonks/y2-review-nupinion-e13a4f149aed) 33 | 34 | ### [Designing concept videos](https://medium.com/@w.tonks/y2-designing-concept-videos-1e9552d2341c) 35 | 36 | ### [Testing landing pages](https://medium.com/@w.tonks/y2-testing-landing-pages-accae0e57879) 37 | 38 | ### [What did you learn?](https://medium.com/@w.tonks/y2-what-did-you-learn-c65960373b1a) 39 | -------------------------------------------------------------------------------- /students/2017/nmmaps/anchors-aweigh/rosie.md: -------------------------------------------------------------------------------- 1 | # Rosie Buddell 2 | ## WEB14204 3 | The National Maritime Museum (NMM) in Greenwich wants you to design the UX of an interactive exhibit about the Museum's vast collection of maps and charts from the 16th and 17th centuries and deliver your proposal by the 6th of March 2017! 4 | 5 | ### [NMM Project material:](https://drive.google.com/drive/folders/0B4MyhvimzX_fNWVaT2xjQWkxSlk?usp=sharing) 6 | 7 | * [Competitior Analysis](https://drive.google.com/drive/folders/0B4MyhvimzX_fc1hscGdkUmJ4OEE?usp=sharing) 8 | * [Elevator Pitch](https://docs.google.com/document/d/1KYTApEcA3njJ0yOafi9Ajcd4KI1xcnQ8Alja30cyiBg/edit?usp=sharing) 9 | * [Concept One-pager](https://drive.google.com/file/d/0B7EQ0WWNAA-QVUlHMEkwMGRwNEE/view?usp=sharing) 10 | * [Experience Map](https://drive.google.com/drive/folders/0B4MyhvimzX_fdHk3dmpRbDN0YjQ?usp=sharing) 11 | * [Formative Presentation](https://docs.google.com/presentation/d/1np76-3KjuxNWhA0njXpu_jLg4XaBgRQ4X1zXR7WXdB4/edit?usp=sharing) 12 | * [User Personas](https://drive.google.com/drive/folders/0B4MyhvimzX_fUzFJQnFYUVU2ZkU?usp=sharing) 13 | * [Wireframes](https://drive.google.com/drive/folders/0B4MyhvimzX_fUkROazFQTURnLWc?usp=sharing) 14 | * [Prototypes](https://drive.google.com/drive/folders/0B4MyhvimzX_fRlBXUEtGOV80d1U?usp=sharing) 15 | * [Concept Video](https://drive.google.com/drive/folders/0B4MyhvimzX_fby1fWGZLZF8wbTA?usp=sharing) 16 | * [User Testing Report](https://docs.google.com/document/d/1IGia4AUIc0d0VoSUcgDLFGv6OU4FEw5j5W80D5A62Uw/edit?usp=sharing) 17 | * [Summative Presentation](https://docs.google.com/presentation/d/1QliA3K57pepDR98-FV5OjiKoKLgPllvL3AYm7cSG0Ys/edit?usp=sharing) 18 | 19 | ### [Blog Posts](https://medium.com/@wwwtf) 20 | * [Interviewing Humans](https://medium.com/@wwwtf/interviewing-humans-pt2-560a878ab016#.2w1spanb9) 21 | * [Learning to Wireframe: 10 best practises](https://medium.com/@wwwtf/learning-to-wireframe-5400ac0cac6a#.kwfakyfa9) 22 | * [Inspiring Museum Interactives](https://medium.com/@wwwtf/inspiring-museum-interactives-597d9cd8f7aa#.euo30oor7) 23 | * [Formative feedback action plan](https://medium.com/@wwwtf/formative-feedback-action-plan-684c8f4af3ec#.ex489gquh) 24 | * [User-testing: What did we learn?](https://medium.com/@wwwtf/user-testing-what-did-we-learn-3a40e1e3359c#.ti0xhzu35) 25 | * [Telling the story of your project/research](https://medium.com/@wwwtf/telling-the-story-of-anchors-aweigh-545340b3ed5a#.3tzyppe2d) 26 | * [UX choreography](https://medium.com/@wwwtf/ux-choreography-8f3ea86bafa1#.eru12r20z) 27 | -------------------------------------------------------------------------------- /students/2017/nmmaps/anchors-aweigh/will.md: -------------------------------------------------------------------------------- 1 | ## UX Design / National Maritime Museum 2 | ![image](https://i0.imgpile.com/i/6CgjP.png) 3 | 4 | # NMMaps 5 | 6 | [Competitor Analysis](http://www.google.com)
7 | [Elevator Pitch](https://docs.google.com/document/d/1KYTApEcA3njJ0yOafi9Ajcd4KI1xcnQ8Alja30cyiBg/edit?usp=sharing)
8 | [Initial ideas](https://drive.google.com/drive/folders/0B4MyhvimzX_fbFk4WkNrc2RPVTg?usp=sharing)
9 | [Concept one-pager](https://drive.google.com/file/d/0B7EQ0WWNAA-QVUlHMEkwMGRwNEE/view?usp=sharing)
10 | [Experience map](https://drive.google.com/drive/folders/0B4MyhvimzX_fdHk3dmpRbDN0YjQ?usp=sharing)
11 | [Formative presentation](https://docs.google.com/presentation/d/1np76-3KjuxNWhA0njXpu_jLg4XaBgRQ4X1zXR7WXdB4/edit?usp=sharing)
12 | [User personas](https://drive.google.com/drive/folders/0B4MyhvimzX_fUzFJQnFYUVU2ZkU?usp=sharing)
13 | [Wireframes](https://drive.google.com/drive/folders/0B4MyhvimzX_fUkROazFQTURnLWc?usp=sharing)
14 | [Extra game graphics (avatars, licenses etc.)](https://drive.google.com/drive/folders/0B4MyhvimzX_fVHB4Y0cxYzFrMFE?usp=sharing)
15 | [Prototypes](https://drive.google.com/drive/folders/0B4MyhvimzX_fRlBXUEtGOV80d1U?usp=sharing)
16 | [Concept video](https://drive.google.com/drive/folders/0B4MyhvimzX_fby1fWGZLZF8wbTA?usp=sharing)
17 | [User testing report](https://docs.google.com/document/d/1IGia4AUIc0d0VoSUcgDLFGv6OU4FEw5j5W80D5A62Uw/edit?usp=sharing)
18 | [Summative presentation](https://docs.google.com/presentation/d/1QliA3K57pepDR98-FV5OjiKoKLgPllvL3AYm7cSG0Ys/edit?usp=sharing)
19 | 20 | # Blogs 21 | 22 | [@w.tonks](https://medium.com/@w.tonks) 23 | 24 | [Interviewing humans](https://medium.com/@w.tonks/blog-08-interviewing-humans-e9027a556d51#.58ip04rzn)
25 | [Inspiring museum interactives](https://medium.com/@w.tonks/y2-the-virtual-orchestra-6dc2110e5a61)
26 | [Formative feedback](https://medium.com/@w.tonks/y2-formative-feedback-ce280fd88231#.kj2sqocck)
27 | [User Testing](https://medium.com/@w.tonks/y2-user-testing-observations-71efedb87b75#.vcsgu2orj)
28 | [Telling the Story](https://medium.com/@w.tonks/y2-telling-the-story-8706b804297f#.c6ad96ffu)
29 | [UX Choreography](https://medium.com/@w.tonks/ux-choreography-cbff139c0023#.twxxhzu2e) 30 | 31 | 32 | -------------------------------------------------------------------------------- /students/2017/nmmaps/map-maker/darren.md: -------------------------------------------------------------------------------- 1 | # WEB14204-Darren Outram 2 | # UX/UI DESIGN FOR NMM PROJECT 3 | ## Competitor Analysis - 4 | 5 | [Click here to view Competitor Analysis](https://docs.google.com/a/students.rave.ac.uk/document/d/1dPlbw5CQQBPjUYoufWG_MO47a1yY1xDSj644B9oZFA8/edit?usp=sharing) 6 | 7 | ## Elevator Pitch - 8 | 9 | 10 | [Click here to view Elevator Pitch](https://docs.google.com/a/students.rave.ac.uk/document/d/14PHLNEtW-d9HF1xmVc6PD247vW2nIjhdoismgBHGBm0/edit?usp=sharing) 11 | 12 | ## Concept One Pager - 13 | 14 | 15 | [Click here to view Concept One Pager](https://drive.google.com/a/students.rave.ac.uk/file/d/0B7yml49bokAOd29BYUg5UDdGWkk/view?usp=sharing) 16 | 17 | ## Experience Map - 18 | 19 | [View Experience Map 1 here](https://drive.google.com/a/students.rave.ac.uk/file/d/0B7yml49bokAOYW5JYXhOUldwdmM/view?usp=sharing) 20 | [View Experience Map 1 (with emotions) here](https://drive.google.com/a/students.rave.ac.uk/file/d/0B7yml49bokAOUGlEbUJscGJremc/view?usp=sharing) 21 | [View Experience Map 2 here](https://drive.google.com/a/students.rave.ac.uk/file/d/0B7yml49bokAObW9XTGNaNUxCZms/view?usp=sharing) 22 | 23 | ## Formative Presentation - 24 | 25 | [Click here to view the presentation](http://slides.com/thomasmurphy-1/deck-2) 26 | 27 | ## User Personas - 28 | 29 | [Click here to view User Personas](https://docs.google.com/a/students.rave.ac.uk/document/d/1LxmVdRb2RgARkEEshHq0k6mc0OjGI0kspbvsEjX5L1E/edit?usp=sharing) 30 | 31 | ## Design Ideas & Wireframes - 32 | 33 | [Idea 1](https://drive.google.com/a/students.rave.ac.uk/file/d/0B7yml49bokAOVkV3TnJoMHE3Smc/view?usp=sharing) 34 | [Idea 2](https://drive.google.com/a/students.rave.ac.uk/file/d/0B7yml49bokAOSEdyNTlGQWFLNGM/view?usp=sharing) 35 | [Wireframe 1](https://drive.google.com/a/students.rave.ac.uk/file/d/0B7yml49bokAOQlpyYVpabWlFV1E/view?usp=sharing) 36 | [Wireframe 2](https://drive.google.com/a/students.rave.ac.uk/file/d/0B7yml49bokAOelVuNF91OUJRTFk/view?usp=sharing) 37 | [Wireframe 3](https://drive.google.com/a/students.rave.ac.uk/file/d/0B7yml49bokAOZ0kwbTh5Y25lRVE/view?usp=sharing) 38 | [Wireframe 4](https://drive.google.com/a/students.rave.ac.uk/file/d/0B7yml49bokAOdkoxellVbUhQdms/view?usp=sharing) 39 | 40 | ## Prototypes - 41 | 42 | ### Prototype 1 - 43 | For this prototype we left out all the design elements and focused on the navigational aspects of the design. 44 | [Click here to view Prototype 1](https://invis.io/DPAJ0TXJV) 45 | [Click here to view Prototype 1 PDF](https://drive.google.com/a/students.rave.ac.uk/file/d/0B7yml49bokAOVkVCcTNGSnpUOHM/view?usp=sharing) 46 | 47 | ### Prototype 2 - 48 | In this prototype we included the design aspects of the interactive to engage our target audience more and get a better response to the user testing. 49 | [Click here to view Prototype 2](https://xd.adobe.com/view/357964b4-e063-4941-b5dd-4406a21fc397/) 50 | 51 | ## Concept Video - 52 | 53 | [Click here to view the Concept Video](https://www.youtube.com/watch?v=9fSPcA8tdfk) 54 | 55 | ## User Testing Report - 56 | After our research (interviews, observations, user testing) we compiled all the information we gathered into this report. 57 | 58 | [Click here to view User Testing Report](https://docs.google.com/a/students.rave.ac.uk/document/d/1UyXX_nlw1oZ4oYic5Rb68YaRCnxfjofGbuUMiBKA-bU/edit?usp=sharing) 59 | 60 | ## Summative Pitch - 61 | 62 | [Click here to view Summative Pitch](http://slides.com/thomasmurphy-1/deck-4) 63 | [Click here to view Speaker Notes](https://docs.google.com/a/students.rave.ac.uk/document/d/11vFegUUn9A-Qq5XSmdZFJRmP69mz79Lajz8vLiUO3xM/edit?usp=sharing) 64 | 65 | - - - - 66 | 67 | # Blog posts 68 | [Click here to view all blog posts on my website](http://darrenoutram1027.wixsite.com/webmedia/trm-2-ux-design) 69 | 70 | 71 | 72 | 73 | 74 | 75 | -------------------------------------------------------------------------------- /students/2017/nmmaps/map-rider/afsara.md: -------------------------------------------------------------------------------- 1 | # WEB14204: UX-design 2 | 3 | **Name:** Afsara Begum 4 | 5 | **Student No:** 96295215 6 | 7 | **Course:** BA (Hons) Web Media, Level 2. 8 | 9 | **Unit Code:** WEB14204 10 | 11 | 12 | ## NMMaps 13 | 14 | 15 | ![](https://s11.postimg.org/3wjhclosj/1_intro_screen.jpg) 16 | 17 | 18 | The National Maritime Museum located in Greenwich has asked Ravensbourne Web Media year 2 students to design the UX for a interactive board to display in an interactive exhibit. They specified that the UX will have to include their collection of maps and charts. I teamed up with fellow classmates Ajay Dhillon and Malore Milchard and we created an interactive voyage game targeted at Maritime Museum explorers aged 14-25 year olds. 19 | 20 | Throughout the weeks we had different tasks which included researching, interviewing, designing, prototyping and testing. Here are links to all our findings and research which led up to the creation of our game "Voyage: Through the Centuries". 21 | 22 | 1. [Competitor analysis](https://docs.google.com/a/students.rave.ac.uk/document/d/1Bv6igzCkdYoOO0XFCU6IE4Qh88CdzLRDyCa5tepFx1c/edit?usp=sharing) 23 | 2. [Elevator Pitch](https://docs.google.com/a/students.rave.ac.uk/document/d/1lD_9ruakVR5p5Sxy4kjXpG2C20LFTKA0vK38XYKq8iM/edit?usp=sharing) 24 | 3. [Concept one-pager](https://drive.google.com/a/students.rave.ac.uk/file/d/0B0og3l7c9_15T3ZxYW5qenE0VXc/view?usp=sharing) 25 | 4. [Experience map](https://docs.google.com/a/students.rave.ac.uk/presentation/d/1CtL5lRaSW3RNxVtiC4B7OMnC57Td1ocb3zWQK6VlR80/edit?usp=sharing) 26 | 5. [Formative Presentation](https://docs.google.com/a/students.rave.ac.uk/presentation/d/1yGq3Cb5eNKwbVFgrVdxYTGy2kBoTW3yRwhyHAG_qk1U/edit?usp=sharing) 27 | 6. [User personas](https://docs.google.com/a/students.rave.ac.uk/document/d/1QeV7lGX2b0An7CpAWhmwzkfC1cKxe0frF4ssgA3e8Cs/edit?usp=sharing) 28 | 7. [Wireframes](https://docs.google.com/a/students.rave.ac.uk/presentation/d/1I8OHhCKIDu3jRtUU9bjh4m_2-p9g0GkH2jCEj4ewbW4/edit?usp=sharing) 29 | 8. [Prototypes](https://docs.google.com/a/students.rave.ac.uk/presentation/d/1sF_dgjsGLQ2crJqPmKKt37iNXFjqw60QUKNCObeDxd8/edit?usp=sharing) 30 | 9. [Concept video](https://spark.adobe.com/video/RXDMDgF9HW4fg) 31 | 10. [User-testing report](https://docs.google.com/a/students.rave.ac.uk/document/d/1aR2LctckTnuVDYbJK-hy-16PxhwzWAO1JiIkGE0hQ7w/edit?usp=sharing) 32 | 11. [Summative presentation](https://docs.google.com/a/students.rave.ac.uk/presentation/d/1efUTWvZYxMSzecAY2Ze5VYNy2OdYuKtHATMlpkA3KAs/edit?usp=sharing) 33 | 34 | ### Final Design 35 | 36 | Although I included the final prototype in the prototype link above here is a direct link to view our final design our team produced. 37 | 38 | [Final Prototype](https://invis.io/JHATF98A3#/221953939_1_Intro_Screen) 39 | 40 | ![](https://s7.postimg.org/ui3na9syz/17_level_2_timer_dv.jpg) 41 | 42 | 43 | # Blog Posts 44 | 45 | 46 | Here are blogs which I completed weekly throughout the project: 47 | 48 | 1. [Interviewing humans](https://medium.com/ux-design-unit/interviewing-humans-review-826f5b22f14f#.5wmwikbj4) 49 | 2. [Learning to wireframe: 10 best practices](https://medium.com/ux-design-unit/learning-to-wireframe-4475a3dc9ef7#.kqk0t1i8r) 50 | 3. [Inspiring museum interactives](https://medium.com/ux-design-unit/inspiring-museum-interactives-7ad8a529d6cc#.8h2v24xeo) 51 | 4. [Formative feedback action plan](https://medium.com/ux-design-unit/formative-feedback-action-plan-f1a15792cbe9#.rqocfj7o6) 52 | 5. [User-testing: what did we learn?](https://medium.com/ux-design-unit/user-testing-what-did-we-learn-32a415da5fa6#.r0zxtygjs) 53 | 6. [Telling the story of your project/research](https://medium.com/ux-design-unit/telling-the-story-of-your-project-research-db2be073c9b2#.13cneaxi2) 54 | 7. [UX choreography](https://medium.com/ux-design-unit/ux-choreography-a9c0f02d9e08#.6ddby3ujb) 55 | -------------------------------------------------------------------------------- /students/2017/nmmaps/map-rider/ajay.md: -------------------------------------------------------------------------------- 1 | ## WEB14204 - UX Design 2 | 3 | ##### Name: Ajay Dhillon 4 | 5 | ##### Course: BA (Hons) Web Media, Level 2 6 | 7 | ##### Unit Code: WEB14204 8 | 9 | ### Introduction 10 | 11 | This document will take you through all the work that I have produced myself and within the group I had for this project. The project brief was to create a prototype interactive game for the National Maritime Museum. Which we had to later present to them for a chance our idea being taken and developed. Below you will find a collection of links to the diferent areas we studied. 12 | 13 | ##### Formative Presentation 14 | Below is a link of a google slides presentation for the Formative explaining what we had done half way through the project. 15 | 16 | [Googleslides Formative Presentation](https://docs.google.com/a/students.rave.ac.uk/presentation/d/1yGq3Cb5eNKwbVFgrVdxYTGy2kBoTW3yRwhyHAG_qk1U/edit?usp=sharing) 17 | 18 | ##### Summative Presentation 19 | Below you will find the link to our summative presentation which we completed online using google slides. It will have a break down of what the project is about, who the target audience are and what it will look like. Additionally, you will find the sketches for the game, wireframes, experience maps. Further down this document you will find the link to the final prototype that we have created. 20 | 21 | [Googleslides Summative Presentation](https://docs.google.com/a/students.rave.ac.uk/presentation/d/1efUTWvZYxMSzecAY2Ze5VYNy2OdYuKtHATMlpkA3KAs/edit?usp=sharing) 22 | 23 | ##### Blog posts via Medium 24 | The links below will direct you to an online site where I have posted the blogs that I have completed during this project. 25 | 26 | [Blog Post 1](https://medium.com/@a.dhillon/interviewing-humans-bbd2f76ec9bd#.uri8g28xv) 27 | 28 | [Blog Post 2](https://medium.com/@a.dhillon/learning-to-wireframe-10-best-practices-666d96fa1788#.gs34hzg3u) 29 | 30 | [Blog Post 3](https://medium.com/@a.dhillon/inspiring-museum-interactives-4ba90f78f16e#.lvoac4cx7) 31 | 32 | [Blog Post 4](https://medium.com/@a.dhillon/formative-feedback-action-plan-23c1fe8a1776#.bdt9yw1wi) 33 | 34 | [Blog Post 5](https://medium.com/@a.dhillon/user-testing-what-did-we-learn-9195710c645e#.psxwy04gr) 35 | 36 | [Blog Post 6](https://medium.com/@a.dhillon/telling-the-story-of-your-project-research-e3b43db015a4#.rb2ejhdlm) 37 | 38 | [Blog Post 7](https://medium.com/@a.dhillon/ux-choreography-c455772fdf18#.j0su9mjar) 39 | 40 | ##### Competitor Analysis 41 | 42 | We attended the Maritime Museum and analysed the visitors experience and noted out findings. In addition to this we also ask a few questions on the interactive boards you find within the galleries. Also visiting and asking for feedback from the exhibitions held within the museum. 43 | 44 | [Analysis](https://docs.google.com/a/students.rave.ac.uk/document/d/1Bv6igzCkdYoOO0XFCU6IE4Qh88CdzLRDyCa5tepFx1c/edit?usp=sharing) 45 | 46 | ##### Elevator Pitch 47 | 48 | Is a document that defines our idea. I also states our target audience in a quick few sentences. 49 | 50 | 51 | [Pitch](https://docs.google.com/document/d/1lD_9ruakVR5p5Sxy4kjXpG2C20LFTKA0vK38XYKq8iM/edit) 52 | 53 | ##### Concept one-pager 54 | 55 | Below you will find a link for the One-pager our ground have created. It shoes 56 | 57 | [Concept Image](https://drive.google.com/file/d/0B0og3l7c9_15T3ZxYW5qenE0VXc/view) 58 | 59 | ##### Experience Map 60 | 61 | A link will be attached for the experience map that was a useful tool we had. It gave us an understand of what the process wold be like for the user and allowed us to see how many steps/pages would be needed for our game. 62 | 63 | [Experience Map](https://docs.google.com/a/students.rave.ac.uk/presentation/d/1CtL5lRaSW3RNxVtiC4B7OMnC57Td1ocb3zWQK6VlR80/edit?usp=sharing) 64 | 65 | ##### User Personas 66 | 67 | For this project we have made 2 persons relation to the people we have interviewed. They all tend to have common behavioural patterns when it comes to their choices. You can see what the average person below. 68 | 69 | [Personas](https://docs.google.com/a/students.rave.ac.uk/document/d/1QeV7lGX2b0An7CpAWhmwzkfC1cKxe0frF4ssgA3e8Cs/edit?usp=sharing) 70 | 71 | ##### Wireframes 72 | 73 | I will also be adding links to the wireframes we created for review as they where a main part of the project. They allowed us to put our ideas down on paper and see them visually. By doing this we was able to determine what pages we needed. 74 | 75 | [Wireframes](https://docs.google.com/presentation/d/1I8OHhCKIDu3jRtUU9bjh4m_2-p9g0GkH2jCEj4ewbW4/edit#slide=id.g1d1e693641_0_11) 76 | 77 | ##### Prototype (s) 78 | 79 | All together we had created three prototypes, the first on was on paper which we used to do our initial interviews, then we moved the paper copy to a digital version using an online software. Finally after feedback we began design our final version on photoshop. The links to the versions of our prototypes are below: 80 | 81 | [Prototypes](https://docs.google.com/a/students.rave.ac.uk/presentation/d/1sF_dgjsGLQ2crJqPmKKt37iNXFjqw60QUKNCObeDxd8/edit?usp=sharing) 82 | 83 | ##### Concept video 84 | 85 | We have created a quick 30 second video based on the idea of our game. It was created using Adobe Spark and online application to create short videos. 86 | 87 | [Concept Video](https://spark.adobe.com/video/RXDMDgF9HW4fg) 88 | 89 | ##### User Testing Report 90 | 91 | This document below is a reprt of the interviews that had taken places within the museum. We had created our prototypes and then went into the museum and asked visitors to have a go at our game. We recording the game on video and noted some ansers to questions from the vistors. 92 | 93 | [User Testing Report](https://docs.google.com/a/students.rave.ac.uk/document/d/1aR2LctckTnuVDYbJK-hy-16PxhwzWAO1JiIkGE0hQ7w/edit?usp=sharing) 94 | 95 | 96 | 97 | 98 | Thank you for your time! 99 | -------------------------------------------------------------------------------- /students/2017/nmmaps/map-rider/malore.md: -------------------------------------------------------------------------------- 1 | # WEB14204: Dynamic Web 2 | 3 | **Name:** Malore Milchard 4 | 5 | **Student No:** 96293215 6 | 7 | **Course:** BA (Hons) Web Media, Level 2. 8 | 9 | **Unit Code:** WEB14204 10 | 11 | ![](https://s9.postimg.org/mong60l8f/national_maritime_museum_see_do_museums_gallerie.jpg) 12 | ![](https://s10.postimg.org/5fi4wb2ux/8248342_orig.jpg) 13 | 14 | ## NMMAPS 15 | 16 | Below are all of the different documents my team mates and I made. They are all a part of the reseach and design process we undertook. Both of our presentations are included. 17 | 18 | [Competitor Analysis](https://docs.google.com/document/d/1Bv6igzCkdYoOO0XFCU6IE4Qh88CdzLRDyCa5tepFx1c/edit) 19 | 20 | [Elavator Pitch](https://docs.google.com/document/d/1lD_9ruakVR5p5Sxy4kjXpG2C20LFTKA0vK38XYKq8iM/edit) 21 | 22 | [Concept one-pager](https://drive.google.com/file/d/0B0og3l7c9_15T3ZxYW5qenE0VXc/view) 23 | 24 | [Experience Map](https://docs.google.com/presentation/d/1CtL5lRaSW3RNxVtiC4B7OMnC57Td1ocb3zWQK6VlR80/edit#slide=id.p) 25 | 26 | [Formative Presentation](https://docs.google.com/presentation/d/1yGq3Cb5eNKwbVFgrVdxYTGy2kBoTW3yRwhyHAG_qk1U/edit#slide=id.g1bb493e8ac_3_8) 27 | 28 | [User Personas](https://docs.google.com/document/d/1QeV7lGX2b0An7CpAWhmwzkfC1cKxe0frF4ssgA3e8Cs/edit) 29 | 30 | [Wireframes](https://docs.google.com/presentation/d/1I8OHhCKIDu3jRtUU9bjh4m_2-p9g0GkH2jCEj4ewbW4/edit#slide=id.g1d1e693641_0_11) 31 | 32 | [Prototypes](https://docs.google.com/presentation/d/1sF_dgjsGLQ2crJqPmKKt37iNXFjqw60QUKNCObeDxd8/edit#slide=id.g1d1e50da8c_0_27) 33 | 34 | [Concept Video](https://spark.adobe.com/video/RXDMDgF9HW4fg) 35 | 36 | [User Testing Report](https://docs.google.com/document/d/1aR2LctckTnuVDYbJK-hy-16PxhwzWAO1JiIkGE0hQ7w/edit) 37 | 38 | [Summative Presentation](https://docs.google.com/presentation/d/1efUTWvZYxMSzecAY2Ze5VYNy2OdYuKtHATMlpkA3KAs/edit#slide=id.g1bb493e8ac_3_8) 39 | 40 | ![](https://s4.postimg.org/vm8bjya5p/Blog_Frankrijk.jpg) 41 | ![](file:///Users/maloremilchard/Downloads/1-5ztbgEt4NqpVaxTc64C-XA.png) 42 | 43 | ## Blogs 44 | 45 | 1. [Interviewing Humans](https://medium.com/ux-designnn/1-interviewing-humans-d74d917cb35c#.7f3y2h7mk) 46 | 2. [Learning to Wireframe](https://medium.com/ux-designnn/2-learning-to-wireframe-7a99b3ca68b0#.3wzmt7g9x) 47 | 3. [Inspiring museum interactives](https://medium.com/ux-designnn/3-inspiring-museum-interactives-7697a0b133b6#.m0upy5xb3) 48 | 4. [Formative Feedback Action Plan](https://medium.com/ux-designnn/4-formative-feedback-action-plan-de76f2a7ec3f#.fumkv8641) 49 | 5. [User-Testing: What Did We Learn?](https://medium.com/ux-designnn/5-user-testing-what-did-we-learn-53a7f79bc179#.nhtde1pso) 50 | 6. [Telling the Story of Your Project/Research](https://medium.com/ux-designnn/6-telling-the-story-of-your-project-research-4c2203df280a#.yiwfvuxv9) 51 | 7. [UX Choreography](https://medium.com/ux-designnn/7-ux-choreography-acf17879d38d#.ryoy23bkl) 52 | -------------------------------------------------------------------------------- /students/2017/nmmaps/puzzle-maps/ben.md: -------------------------------------------------------------------------------- 1 | # UX-design 2 | 3 | **Name:** Ben Louka 4 | 5 | **Student no:** 96292215 6 | 7 | **Course:** BA (Hons) Web Media, Level 2 8 | 9 | **Unit Code:** WEB14204 UX-design 10 | 11 |
12 | 13 | ### NMMaps 14 | 15 | When given this project I was very excited as it is not something we have done before. I liked the idea that we had to visit the museums and gather important research. I also enjoyed the fact it was a group project as I believe it would have been very difficult to do this alone. 16 | 17 | We did struggle to decide on an Idea, and that's why we went into our Formative presentation with two ideas. However, with the feedback and our own opinions we did finally decide on an idea. It was to have different maps as puzzles and the audience would have to complete these puzzles. There would be information on the maps they are completing to make it more educational. Our target audience was 6-10 years olds. This was mainly because we see a lot of primary school classes visiting the museum. 18 | 19 | 1. [NMM analysis](https://docs.google.com/document/d/1J9YJs6i4bgfNIQ7o0DubOotG_6KbRPKdV6_Ek33XW08/edit?usp=sharing) 20 | 2. [Elevator pitch](https://docs.google.com/document/d/1_u5GVXzwTBknlaqC_nLTrdikdeIakfn1o-AVP_h_wAA/edit?usp=sharing) 21 | 3. [Concept one-pager](https://drive.google.com/file/d/0B-WTmhlciDwIY0VUT085SEcyaTA/view?usp=sharing) 22 | 4. [Interviews for our initial idea](https://docs.google.com/document/d/1BwAkth7v7cD8JT8f5kNfALh0aX_BTQYvBje5IwFuJ9Q/edit?usp=sharing) 23 | 4. [Experience map](https://drive.google.com/file/d/0B3GR6CwtALpAVy1WR0s1Z28zdk0/view?usp=sharing) 24 | 5. [Formative presentation](https://docs.google.com/presentation/d/14Cnwa9_yDGFmJ-KsdvfyRGYP58Og2Be5uH1RFOlEn7Y/edit?usp=sharing) 25 | 6. [User personas](https://drive.google.com/drive/folders/0B3GR6CwtALpAVTViWFpqV0Rva3M?usp=sharing) 26 | 7. [Wireframes](https://drive.google.com/drive/folders/0B3GR6CwtALpAdW84UHhSOENlcW8?usp=sharing) 27 | 8. [Prototype(s)](https://invis.io/8SAJ4FMT2) 28 | 9. [Concept video](https://drive.google.com/file/d/0B-WTmhlciDwIR3JVUlZRdkRiODQ/view?usp=sharing) 29 | 10. [User-testing report](https://docs.google.com/document/d/17bAR7nKokt9QyJRFxJVJKeoaqPsl0Us1_F8XE1pDvfM/edit?usp=sharing) 30 | 11. [Summative presentation](https://docs.google.com/presentation/d/1pWZlhiTEBtOwUI78WtLrxBPu8gMuYeFyPYJeSGViZKo/edit?usp=sharing) 31 | 32 | 33 | ### Blog posts 34 | 35 | 1. [Interviewing humans](https://medium.com/@blouka/interviewing-humans-41ed31ddbcf5#.v1yjua1c3) 36 | 2. [Learning to wireframe: 10 best practices](https://medium.com/@blouka/learning-to-wireframe-10-best-practices-7b8f00843319#.vreqkn9ma) 37 | 3. [Inspiring museum interactives](https://medium.com/@blouka/pick-your-favourite-digital-museum-experience-from-amys-presentation-last-week-and-blog-about-it-71a9b7b8f984#.iofipjd4n) 38 | 4. [Formative feedback action plan](https://medium.com/@blouka/formative-presentation-feedback-a703f7249252#.iclvri5dz) 39 | 5. [User-testing: what did we learn?](https://medium.com/@blouka/user-testing-fc8aac0eb7e4#.n9kmyuhuu) 40 | 6. [Telling the story of your project / research](https://medium.com/@blouka/in-preparation-for-the-summative-presentation-and-for-your-future-career-read-how-to-use-8f421d854aff#.mr58dt3er) 41 | 7. [UX choreography](https://medium.com/@blouka/ux-choreography-677b83141499#.8fc1kb908) 42 | -------------------------------------------------------------------------------- /students/2017/nmmaps/puzzle-maps/dean.md: -------------------------------------------------------------------------------- 1 | ## Summative Hand-in 2 | 3 | **Name:** Dean Chalk 4 | 5 | **Student No:** 96291515 6 | 7 | **Course:** BA (Hons) Web Media, Level 2 8 | 9 | **Unit Code:** WEB14204 10 | 11 | [**GitHub Link**](https://github.com/deanlc/WEB14204-Dean-Chalk) 12 | 13 | ## Blogs 14 | 15 | - [Medium Publication](https://medium.com/nmmaps) 16 | 17 | 1. **Week 1:** [Interviewing humans](https://medium.com/p/ef1d405577ee) 18 | 2. **Week 2:** [Learning to wireframe: 10 best practices](https://medium.com/p/9d5ebd00d268) 19 | 3. **Week 3:** [Inspiring museum interactives](https://medium.com/nmmaps/inspiring-museum-interactives-8250127819e5#.z8pj59n03) 20 | 4. **Week 4:** [Formative feedback action plan](https://medium.com/nmmaps/formative-feedback-action-plan-38fc0d82e7ec#.qzzlm6d9w) 21 | 5. **Week 5:** [User-testing: what did we learn?](https://medium.com/nmmaps/user-testing-what-did-we-learn-e74b6356d4f3) 22 | 6. **Week 6:** [Telling the story of your project / research](https://medium.com/nmmaps/telling-the-story-of-your-project-research-cbd52216915b#.ew4fpg5ti) 23 | 7. **Week 7:** [UX choreography](https://medium.com/nmmaps/ux-choreography-6af52c74f48e#.u6dggs2xi) 24 | 25 | ## NMMaps 26 | 27 | 1. [Competitor analysis](https://docs.google.com/document/d/1vl6JEOp2lh07a6Hv3kYsn6018SLz6BE-ly2nQT0S-NM/edit?usp=sharing) 28 | 2. [Elevator pitch](https://docs.google.com/document/d/1_u5GVXzwTBknlaqC_nLTrdikdeIakfn1o-AVP_h_wAA/edit#bookmark=id.chwn9ynp49ov) 29 | 3. [Concept one-pager](https://drive.google.com/file/d/0B-WTmhlciDwIY0VUT085SEcyaTA/view?usp=sharing) 30 | 4. [Experience map](https://drive.google.com/file/d/0B3GR6CwtALpAVy1WR0s1Z28zdk0/view?usp=sharing) 31 | 5. [Formative presentation](https://docs.google.com/presentation/d/14Cnwa9_yDGFmJ-KsdvfyRGYP58Og2Be5uH1RFOlEn7Y/edit?usp=sharing) 32 | 6. [User personas](https://drive.google.com/drive/folders/0B3GR6CwtALpAVTViWFpqV0Rva3M?usp=sharing) 33 | 7. [Wireframes](https://drive.google.com/drive/folders/0B3GR6CwtALpAdW84UHhSOENlcW8?usp=sharing) 34 | 8. [Prototypes](https://drive.google.com/drive/folders/0B-WTmhlciDwIWmxaSENQdl81dnc?usp=sharing) 35 | 9. [Concept video](https://spark.adobe.com/video/GYRGAn9190XX6) 36 | 10. [User-testing report](https://docs.google.com/document/d/17bAR7nKokt9QyJRFxJVJKeoaqPsl0Us1_F8XE1pDvfM/edit?usp=sharing) 37 | 11. [Summative presentation](https://docs.google.com/presentation/d/1pWZlhiTEBtOwUI78WtLrxBPu8gMuYeFyPYJeSGViZKo/edit?usp=sharing) 38 | -------------------------------------------------------------------------------- /students/2017/nmmaps/puzzle-maps/josh.md: -------------------------------------------------------------------------------- 1 | *** 2 | 3 | ### WEB14204: Designing The User Experience 4 | 5 | *** 6 | 7 | **Name**: Josh van Niekerk 8 | 9 | **Student No**: 96293615 10 | 11 | **Course**: BA (HONS) Web Media, Level 2. 12 | 13 | **Unit Code**: WEB14204 14 | 15 | *** 16 | 17 | ### Introduction 18 | 19 | This has been a very enjoyable unit and term as a whole. I feel that it's taught me to think of the user's perspective more when coming up with ideas. I enjoyed the interview process and practising this throughout this project has been beneficial - although there's always room for improvement. I was a bit nervous presenting at NMM but feel that I did well and was told by my peers that I came across very confidently. Overall, I'm very pleased with my progress and am grateful for the feedback and help from my peers, Matteo and Amy. 20 | 21 | *** 22 | 23 | ![NMM](https://i.gyazo.com/2c3d5c582d55b23160235ac818fae360.png) 24 | 25 | ### NMM 26 | 27 | [Competitor Analysis](https://docs.google.com/document/d/1nwIGAFlklLuGpbBr7QEBm9IMHjv4c8Xlz0u-lDSEovg/edit#) 28 | 29 | [Elevator Pitch](https://docs.google.com/document/d/1_u5GVXzwTBknlaqC_nLTrdikdeIakfn1o-AVP_h_wAA/edit) 30 | 31 | [Concept One Pager](https://docs.google.com/document/d/1pyPQnPT8WrDkcQXgPR_RRF89ZfKaxSFy94plujV_40s/edit?usp=sharing) 32 | 33 | [Experience Map](https://docs.google.com/document/d/1qMO_BGA6gQtSXyFRwlmXccm_PslsyR4K6rZdO3gp4Co/edit?usp=sharing) 34 | 35 | [Formative Presentation](https://docs.google.com/presentation/d/14Cnwa9_yDGFmJ-KsdvfyRGYP58Og2Be5uH1RFOlEn7Y/edit?usp=sharing) 36 | 37 | [User Personas](https://docs.google.com/document/d/1dz7pKL-bm1m8z-mO3WfSxzYkoKR1BkVBqOkY2K98roI/edit?usp=sharing) 38 | 39 | [Wireframes](https://docs.google.com/document/d/1p79Ru2y19f2MkeqwgjKp0ZIrSEjbcLlUXxIiBvcguo0/edit?usp=sharing) 40 | 41 | [Prototype](https://docs.google.com/document/d/1i6fMS1FWufgZpqZn73Ng8TBnZXyDnUmL3scgqFFqxxU/edit?usp=sharing) 42 | 43 | [Concept Video](https://drive.google.com/file/d/0B-WTmhlciDwIYjFGVEs5aTNTSTg/view?usp=sharing) 44 | 45 | [User Testing Report](https://docs.google.com/document/d/17bAR7nKokt9QyJRFxJVJKeoaqPsl0Us1_F8XE1pDvfM/edit?usp=sharing) 46 | 47 | [Summative Presentation](https://docs.google.com/presentation/d/1pWZlhiTEBtOwUI78WtLrxBPu8gMuYeFyPYJeSGViZKo/edit?usp=sharing) 48 | 49 | *** 50 | 51 | ![Blogs](https://i.gyazo.com/830d7154e2259d5c184c42a099cf87ad.png) 52 | 53 | ### Blog Posts 54 | 55 | [Interviewing Humans](https://docs.google.com/document/d/19oSaG7HY-X3WH9QUvb-KDVF9Hz9fiVdn9xYqIq9kwK0/edit?usp=sharing) 56 | 57 | [Learning To Wireframe: 10 Best Practices](https://docs.google.com/document/d/1IyRzBxTVrts_yI4Y32tiZWYRLn84ZlgKa7ChTBiWqcY/edit?usp=sharing) 58 | 59 | [Inspiring Museum Interactives](https://docs.google.com/document/d/1lOT5465_DL645473Nms4V-t3TIlVJ9yg5A0YH70qKWs/edit?usp=sharing) 60 | 61 | [Formative Feedback Action Plan](https://docs.google.com/document/d/1i5zB_Mg2-T8qP9iCR6xhvvE1TWAO2TAGw--sBWl_pwE/edit?usp=sharing) 62 | 63 | [User-Testing: What Did We Learn?](https://docs.google.com/document/d/1KVUb_BJ4zvEv4hJMjiQslPNB92BbSnmuRpfQEkocWNE/edit?usp=sharing) 64 | 65 | [Telling The Story Of Your Project/Research](https://docs.google.com/document/d/1kNlXK400UhVF8bngX_y6g0Mb_rZH1jwTDoIMaOFUqpc/edit?usp=sharing) 66 | 67 | [UX Choreography](https://docs.google.com/document/d/1tp9iYh80rsMYV3XY8gk3rETlqNB5JnsVzg_l8Sm4bhQ/edit?usp=sharing) 68 | 69 | 70 | *** 71 | -------------------------------------------------------------------------------- /students/2017/nmmaps/touchscreen-map/francisco.md: -------------------------------------------------------------------------------- 1 | # WEB14204 UX-design 2 | 3 | During this course you will learn how to research the circumstances and needs of different types of users, to design and prototype interactive products that are both usable and useful. 4 | 5 | In particular, you will get familiar with: 6 | 7 | - User eXperience (UX) design principles and patterns 8 | - Qualitative and quantitative user research 9 | - Competitor analysis 10 | - User personas, user stories and user journey maps 11 | - Interface design: paper-prototyping and wireframing 12 | - Rapid prototyping tools 13 | - User-testing: face2face, A/B testing and analytics 14 | - Motivational copy-writing for stickiness 15 | 16 | ## NMMaps 17 | 18 | **Competitor analysis** [here](https://docs.google.com/document/d/1UDr4IFeEiT5TVFPhfzho-vj84WQRIT3GsbseG79aqsc/edit?usp=sharing) 19 | 20 | **Elevator pitch** [here](https://docs.google.com/document/d/1av6GhgLyvELxga8SMpYFBts2voAundO1z5menaTifEM/edit?usp=sharing) 21 | 22 | **Concept one-pager** [here](http://i.imgur.com/FfaXwJc.jpg) 23 | 24 | **Experience map** [here](http://i.imgur.com/taNPvDW.jpg) 25 | 26 | **Formative presentation** [here](https://docs.google.com/presentation/d/1NwN0zpRHbUoRTeexu-DCZfuFkFzeuOrn-A8inOXpDRk/edit?usp=sharing) 27 | 28 | **User personas** 29 | 30 | 1st persona [here](http://i.imgur.com/nMuTqbR.png) 31 | 32 | 2nd persona [here](http://i.imgur.com/MdnW2DN.png) 33 | 34 | **Wireframes** 35 | 36 | 1st wireframe [here](http://i.imgur.com/PiBLOWl.jpg) 37 | 38 | 2nd wireframe [here](http://i.imgur.com/QOouSe8.jpg) 39 | 40 | **Prototypes** 41 | 42 | 1st Prototype [here](https://xd.adobe.com/view/ede4cdf2-375b-48c0-926a-ad35b9151d08/) 43 | 44 | 2nd Prototype [here] (https://xd.adobe.com/view/01ec46d6-32e9-4133-b2e7-e27070504769/) 45 | 46 | 3rd Prototype [here] (https://xd.adobe.com/view/e1eb0905-7832-4616-8a21-3b334f29e2f3/) (version A) 47 | 48 | 4th Prototype[here] (https://xd.adobe.com/view/2870b142-bf3d-458e-a678-9fd1d30c5bab/) (version B) 49 | 50 | Final prototype [here](https://xd.adobe.com/view/3fda6ae6-db68-45e3-b8e4-0b2e65f85903/) 51 | 52 | **Concept video** [here](https://spark.adobe.com/video/uX8Fo94FsN7VR) 53 | 54 | **User-testing report** [here](https://docs.google.com/document/d/1tyngrzeQFEA9FAbJ1Skziubojaa8jtrDIaZDG2wayF0/edit?usp=sharing) 55 | 56 | **Summative presentation** [here](https://docs.google.com/presentation/d/1elxvp_8dw2TEDwBZbh_5O_4DeY4FpQyWVkSRp6Gcx0I/edit?usp=sharing) 57 | 58 | 59 | ## Blog posts 60 | 61 | Interviewing humans [here](https://medium.com/@itsfranhere/interviewing-humans-c643e025553a#.ggotgyie9) 62 | 63 | Learning to wireframe: 10 best practices [here](https://medium.com/@itsfranhere/wireframes-my-own-experience-a1b5d10ff8fd#.v3fz1c79d) 64 | 65 | Inspiring museum interactives [here](https://medium.com/@itsfranhere/my-favourite-digital-museum-experience-9cce8a8e4c7d#.tnzkp0to2) 66 | 67 | Formative feedback action plan [here](https://medium.com/@itsfranhere/action-plan-after-formative-feedback-fe84cf3456b2#.32e7271v9) 68 | 69 | User-testing: what did we learn? [here](https://medium.com/@itsfranhere/prototype-and-user-testing-ux-2210f7e71eb9#.uq8firg2q) 70 | 71 | Telling the story of your project / research [here](https://medium.com/@itsfranhere/exhibition-of-mmn-maps-70efe6ff1f83#.z0wkjhvhp) 72 | 73 | UX choreography [here](https://medium.com/@itsfranhere/the-principles-of-ux-choreography-c57dd7661297#.pr9m4j5gy) 74 | 75 | ![Blogs](http://images.huffingtonpost.com/2016-05-17-1463522766-6892094-bloggercontent.jpg) 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | -------------------------------------------------------------------------------- /students/2017/nmmaps/touchscreen-map/joe.md: -------------------------------------------------------------------------------- 1 | # Joe Reilly [96291715] 2 | ## NMM Maps [WEB 14204] 3 | 4 | ### Project Files 5 | 1. [Competitor Analysis](https://docs.google.com/document/d/1UDr4IFeEiT5TVFPhfzho-vj84WQRIT3GsbseG79aqsc/edit?usp=sharing) 6 | 2. [Elevator Pitch](https://docs.google.com/document/d/1av6GhgLyvELxga8SMpYFBts2voAundO1z5menaTifEM/edit?usp=sharing) 7 | 3. [Concept One-Pager](https://drive.google.com/file/d/0B0mKxLZVizSaekZfZW5XNmROdzA/view?usp=sharing) 8 | 4. [Experience Map](https://drive.google.com/file/d/0B5T0Y-Oi6A1OaVNrM0xHRlg1R3M/view?usp=sharing) 9 | 5. [Formative Presentation](https://docs.google.com/presentation/d/1NwN0zpRHbUoRTeexu-DCZfuFkFzeuOrn-A8inOXpDRk/edit?usp=sharing) 10 | 6. [User Persona 1](https://drive.google.com/file/d/0B0mKxLZVizSaN2ZFeElJLWN4bDg/view?usp=sharing) // [User Persona 2](https://drive.google.com/file/d/0B7NczxxC4CDoNFNsSWFUR0gwdTA/view?usp=sharing) 11 | 7. [Wireframes](http://imgur.com/a/jte7u) 12 | 8. [Prototype 1](https://xd.adobe.com/view/ede4cdf2-375b-48c0-926a-ad35b9151d08/) // [Prototype 2](https://xd.adobe.com/view/01ec46d6-32e9-4133-b2e7-e27070504769/) // [Prototype 3A](https://xd.adobe.com/view/cf349e4e-3328-457a-9da7-efc17e48dda1/) & [Prototype 3B](https://xd.adobe.com/view/64efb3f9-2404-488b-8872-7489a032bf4a/) // [Prototype 4](https://xd.adobe.com/view/8c62ae2f-e4f0-4ffe-81c4-5628a9d1803c/) 13 | 9. [Concept Video](https://spark.adobe.com/video/uX8Fo94FsN7VR) 14 | 10. [User Testing Report](https://docs.google.com/document/d/1tyngrzeQFEA9FAbJ1Skziubojaa8jtrDIaZDG2wayF0/edit?usp=sharing) 15 | 11. [Summative Presentation](https://docs.google.com/presentation/d/1elxvp_8dw2TEDwBZbh_5O_4DeY4FpQyWVkSRp6Gcx0I/edit?usp=sharing) 16 | 17 | ### Blogs 18 | 1. [Interviewing Humans](https://medium.com/@Joe_Reilly/interviewing-humans-my-thoughts-8ccbe45b2669#.aqyxbnc7a) 19 | 2. [Learning to Wireframe](https://medium.com/@Joe_Reilly/initial-nmm-wireframes-f4eb113f484#.5kkr04gtl) 20 | 3. [Inspiring Museum Interactives](https://medium.com/@Joe_Reilly/immersion-room-smithsonian-design-museum-f630f3545897#.qcx70wgja) 21 | 4. [Formative Feedback Action Plan](https://medium.com/@Joe_Reilly/reflecting-on-nmm-formative-presentation-feedback-14d962ffbcd9#.ni518eucl) 22 | 5. [User Testing: What Did We Learn?](https://medium.com/@Joe_Reilly/user-testing-at-nmm-7e6267fb921d#.mjlaudcnz) 23 | 6. [Telling The Story of Your Project & Research](https://medium.com/@Joe_Reilly/telling-the-story-of-our-project-e7b69f838c0e#.46xo9td77) 24 | 7. [UX Choreography](https://medium.com/@Joe_Reilly/ux-choreography-48b71bf02d1d#.iv8e74do1) 25 | -------------------------------------------------------------------------------- /students/2017/nmmaps/touchscreen-map/rajeev.md: -------------------------------------------------------------------------------- 1 | WEB14204 2 | === 3 | UX-design 4 | === 5 | The brief 6 | - 7 | 8 | To design the user experience of an interactive exhibit at the Royal Greenwich Maritime Museum. The exhibit will display maritime maps used by Tudor and Stuart seafarers. 9 | 10 | Our Solution 11 | -- 12 | An interactive touchscreen map with icons plotted on the map where the user can find more information about tudor and stuart maritime history. Information about the map is displayed through a story when icons are touched. It is to compare cartography of the Tudor/Stuart era to the correct modern renditions. It’s aimed at older, 55+ visitors to gain learning through the traditional stories of Tudor/Stuart maritimers. 13 | 14 | 15 | NMMaps 16 | === 17 | [Competitor Analysis](https://docs.google.com/document/d/1UDr4IFeEiT5TVFPhfzho-vj84WQRIT3GsbseG79aqsc/edit?usp=sharing) 18 | 19 | [Elevator Pitch](https://docs.google.com/document/d/1av6GhgLyvELxga8SMpYFBts2voAundO1z5menaTifEM/edit?usp=sharing) 20 | 21 | [Concept one-pager](https://drive.google.com/file/d/0B0mKxLZVizSaekZfZW5XNmROdzA/view?usp=sharing) 22 | 23 | [Experience map](https://drive.google.com/open?id=0B5T0Y-Oi6A1OaVNrM0xHRlg1R3M) 24 | 25 | [Formative Presentation](https://drive.google.com/open?id=1NwN0zpRHbUoRTeexu-DCZfuFkFzeuOrn-A8inOXpDRk) 26 | 27 | [Personas](https://drive.google.com/open?id=0B0mKxLZVizSaN2ZFeElJLWN4bDg) 28 | 29 | [Wireframes](https://drive.google.com/open?id=0B5T0Y-Oi6A1Ob09TZS12Tkk2Ukk) 30 | 31 | [All Prototypes](https://drive.google.com/drive/folders/0B5T0Y-Oi6A1OTHd6NE1OallzdU0?usp=sharing) 32 | 33 | [Final Prototypes](https://drive.google.com/open?id=0B0mKxLZVizSaN09qaE5mX05zdVk) 34 | 35 | [Concept video](https://spark.adobe.com/video/uX8Fo94FsN7VR) 36 | 37 | [Summative Presentation](https://docs.google.com/presentation/d/1elxvp_8dw2TEDwBZbh_5O_4DeY4FpQyWVkSRp6Gcx0I/edit?usp=sharing) 38 | 39 | Blogs 40 | === 41 | [Interviewing Humans](http://rajeevxgill.co.nf/2017/01/13/interviewing-humans-for-ux-design-3/) 42 | 43 | [Learning to wireframe](http://rajeevxgill.co.nf/2017/02/02/planning-the-user-experience-for-our-design/) 44 | 45 | [Inspiring Interactives](http://rajeevxgill.co.nf/2017/02/02/tate-william-blakes-london/) 46 | 47 | [Formative Feedback](http://rajeevxgill.co.nf/2017/02/26/nmmaps-ux-project-feedback/) 48 | 49 | [User Testing](http://rajeevxgill.co.nf/2017/03/06/nmmaps-prototype-1-first-user-test/) 50 | 51 | [UX Choreography](http://rajeevxgill.co.nf/2017/03/10/the-principles-of-ux-choreography/) 52 | --------------------------------------------------------------------------------