From UWE Digital Media Wiki
Jump to: navigation, search

The Team

Concept Name

“HallHub” easing you into your day.


  • Joe Cutlan: 15024440
  • Sam Tuckett: 15006899
  • Thomas Blundell: 15003033
  • Alex Bloomer: 16043722

Twitter Accounts

  • Joe Cutlan[1]
  • Sam Tuckett: [2]
  • Thomas Blundell: [3]
  • Alex Bloomer: [4]


E-mail us at:

Week 1 - Shared Media Surfaces

Examples in the Home

DAKboard is the first shared media surface we looked at. The concept is a connected display in the form of a monitor, TV or mobile device in which displays images, weather, to-do lists and latest news. You can find out more information on the DAKboard here: [5] We came up with a list of ideas that could be incorporated into a shared media surface in brainstorming:

  • Weather conditions
  • Recipes
  • Transport times - buses, trains, flights
  • Find friends
  • Traffic reports
  • Notes
  • Reminders - keys, phone, medications, turning off, locking up, meetings, charge devices etc...
  • Calendar
  • Alarms
  • Live stocks
  • Live news feed
  • Carousel feature to transition between data
  • Rich visual imagery
  • Physical involvement
  • Instantly integrating content makes it more memorable
  • Maps/directions
  • Clocks
  • Virtual chalkboard/whiteboard/sticky notes
  • Digital adverts
  • Events
  • Film times/releases
  • Live TV
  • Social media
  • Tutorials
  • Games
  • Smart home hub
  • Decorative/aesthetic content
  • Artwork
  • Public media infuses to connect to public domain, more interactive, re-defines space
  • Motivational quotes
  • Live web cams
  • Kitchen
  • Hallway (by front door)
  • Transport hubs
  • Information points
  • Shops
  • Seating
  • Restaurants/cafes/bars/clubs
  • Street signs, traffic signals, parking notices
Home Media Surfaces Brainstorming

Examples in the Workplace

  • Presentation TV Screens
  • Meeting room timetables
  • Monitors, pagers, tablets, phones, emails
  • 21 Swings
  • Interactive/static maps across Bullring/Merry Hill, Birmingham and static LED maps across Cabot Circus, Bristol
  • Bus timetables

Examples in Public

  • Presentation TV Screens
  • Meeting room timetables
  • Monitors, pagers, tablets, phones, emails
  • 21 Swings, Montreal, Canada
  • Interactive/static maps across Bullring/Merry Hill, Birmingham and static LED maps across Cabot Circus, Bristol
  • Bus timetables
  • Restaurant ordering systems
  • Health centres
  • Meeting room timetables across UWE
  • Phaphos Printing Stations
  • Android Printing Tablets
  • UWE Library Check-out Services
  • Smart Vending Machines
Public Media Surfaces Brainstorming

Week 2 – Field Observations and Research


Media Surfaces Brainstorming

McDonalds, Filton Abbey Wood

We visited McDonalds in Filton Abbey Wood Retail Park to use the public shared media surfaces they offer. These were:

  • Self-ordering touchscreens
  • Table tablet devices

The purpose of this visit was to first hand experience shared media surfaces in a public environment but what is also considered as a work environment. Through the purchasing of meals from the self-ordering touchscreens we realised the number of additional options available to the user with great ease available across major languages.You have the option to have table service as well as collection and with the touch of your Contactless Debit Card the order receipt prints out. The process was quick and seamless, something in which we wish to incorporate in HallHub. The concept requires quick reaction times to alter the lists as and when voice commands are said.The tablet's available on the tables allowed us to browse the Internet and see the latest news, weather and even play games whilst you sit and enjoy your meal.

Top: Table Tablets, Bottom Left: Placing an order, Bottom Right: Touchscreen ordering system

Gloucester Road Medical Centre

To benefit NHS's efficiency in a health centre, the Gloucester Rd practice have a shared media interface that allows checking into your appointment. This frees up receptionist time and resources and speeds up the process from arrival to being seen to. The simplicity of this shared media surface has influenced our group and our final design for HallHub.

Shared Check-In System, Gloucester Road Medical Centre.

Cabot Circus, Bristol

We also found some more shared media surfaces, in the form of interactive maps. These maps are dotted around most entrances to Cabot Circus. These maps are a shared media surface; as more than one person is going to use it on a daily basis. The maps are there to show the user what shops are available at Cabot Circus and how they can get to them. This is a less important but more practical shared media surface, as it has no real importance but to direct people to the shops they desire.

Interactive Map, Cabot Circus.

DAKboard Testing

Week 3 – Design Brief Presentations and Personas


HallHub is a home media surface daily planning tool concept using web technologies on a desktop machine to pull relative information about the day ahead for individual users whilst in their hallway about to leave home. The concept is designed for adults with future implementation for children/students to prevent forgetting necessities.

The Situation

This project is needed as the market lacks a home hub for professional workers and their children in the family hallway. We would like the concept to ease the process of getting prepared to leave for daily commute/school run. HallHub also helps people keep up with current events, they're more informed and in tune with the local community.

Solving the Problem

The HallHub is an efficiency solution for reducing the panic of remembering everything before you close your front door on a morning. It allows reminders for adults and children. E.g. remember PE kit, don't forget your meeting notes for your AGM at 1pm. It's easy setting reminders on devices, but what if you forget the device?


This is going to impact professions such as business workers and school teachers. It will remind the users of what essentials they need for the day. It will increase efficiency in the mornings and in a work/education environment. It will prevent embarrassing situations and improve the daily routine of families.


The constraints for the production would include the cost of programming technology specifically for each user in the household. With the media surface featuring various screens and actions, programming the media surface to display each screen when prompt would require the need of an experienced coder.

In regards to ethics the device does require input about businesses and their clientele which could potentially be accessed by others and manipulated. Any potential burglars could see the schedule and as a result see when the home owner returns and leaves on a daily basis. There is an element of privacy to consider where sensitive work information may be accessed. It may be required for system capability of group access for generic daily information, however, for an individual it will need to be accessed distinctly.

Prototype Form

Our final prototype is to take the form of a HTML site pulling relative information in relation to a user as well as a mock-up design. The prototype will pull localised weather, news, calendar and transport information for professionals. It will also allow a switch of accounts to a child view that features a daily checklist, timetable and game to add an interactive aspect to motivate the user into their day of education.


26/11/2017: Field research/competitor analysis

02/11/2017: Design Brief presentation

07-30/11/2017: Coding implementation

07-30/11/2017: Report, poster and summary

07/12/2017: Prototype and poster presentation

Q&A Feedback

  • Writing down and leaving next to bed
  • Notes section on phone
  • Reminders
  • Post-It notes
  • Think of a low-level prototype for December e.g. chalkboard, whiteboard, noticeboard

Focusing On

  • Reminders - not additional future functionality mentioned
  • Not coding implementation
  • Low-level prototypes tested
  • Generative idea that communicates to reduce interpretation
  • Generate feedback from personal testing in the right environment
  • Non-verbal results that encourage play

Personas and Target Audience

  • Professional adults, 25-50, not gender specific.
  • Children (primary school-high school).
  • Students (college-university).
Persona 1 - Student
Persona 2 - Working Professional
Persona 3 - Full-Time Mother

Week 4 – Prototyping Begins

First Version - "Paper"

The first version of our system was a paper prototype. This is very self explanatory, as it is made from paper. On an A3 piece of paper, we decided to add the first component which would be some sticky notes. These sticky notes would act as each users list on the screen.Within each user is the list of items or tasks they must remember for the day ahead. Once we had finished the design, we noticed that we couldn’t enter any data to the Hub. This is why we decided to add a keyboard to this design, as we needed some form of data entry for the product.

Paper Prototype

Second Version - "Physical"

Our second version of the HallHub prototype was a mock-up design on a chalkboard. This chalkboard was used by Tom and his housemate for a week and it was positioned in his hallway next to his front door. The chalkboard included a checklist for Tom on the left side, and then another checklist for his housemate on the right side. After testing the prototype for a week, they realised that the checklist was helping them to remember what they needed for the day ahead. The issue that they came across was that after a few days, they weren’t using the chalkboard for necessarily listing items on, but sometimes doodling on it.

Physical Prototype

Third Version - "Interactive"

Our third and final prototype is a live prototype which is deployed onto an iPad. This is our final prototype version and shows how we will demonstrate the live prototype to everyone during the poster session. This version consists of an html file for each group member, showing how we were able to make separate lists for each person that is using the Hub. On each of the html files, we have designed and structured a basic working checklist. Each user is able to add and remove items from their checklist by tapping correct the buttons on the screen.

Physical Prototype

Fourth Version - "Future"

Four our fourth version of the HallHub, we could deploy our live prototype onto an iPad which has been coded to use speech recognition, and speech to text. This version continues to use an html file for each group member, but can only be accessed by them through using their voice. All the user would have to do is say their name and their safeword, and then they would be allowed access to their own checklist. This adds an element of privacy as our third and current prototype allows any user to access other user’s checklists.

Future Product

Week 5 – Corporate Branding


"HallHub" is the name we chose for our project. The name incorporates the uniqueness of our "hallway" location and that it is a Hub representative for more than one user if required.

Fresh and clean logo matching our colour scheme.



"Easing you into your day". Emphasis on how HallHub benefits the user, the fact that they can get ready for the day being organised is the purpose for the concept.

Colour Scheme

  • Light blue/turquoise Hex Code: #4ac7ba
  • Dark blue/navy Hex Code: #04243d
  • Grey Hex Code: #c9c9c9

Week 6 – Final Prototyping and Demonstration

AO Poster


Other Posts

Documentation, evaluation and validation session.

In todays session we looked at the different ways in which you can evaluate.

Here are a few examples;

  • Visual documentation
  • Diagrams and flows
  • Audio and video

We also looked at what an evaluation plan is as well as formative and summative evaluations.

Evaluation plan

  • Guides you through each step of the process of evaluation
  • Helps you decide what sort of information you and your stakeholders really need.
  • Keeps you from wasting time and gathering information that isn't needed.

Formative evaluation

  • Accesses initial and ongoing project activities.
  • Begins during project development and continues through implementation.
  • Provides new insights

Summative evaluation

  • Accesses the quality and success of a project in reaching stated goals.
  • Presents the information collected for project activities and outcomes.
  • Takes place after completion of the project.

Demo session, practicing for the Poster session.

At the start of today's session, we had a brief chat with Dan about the assignment and the poster session that is happening next Thursday. The poster session is on the 7th December, and we will be presenting our Hall Hub prototype design in a conference style poster. We will also have to demonstrate our prototype ideas and explain how they work to the people that drop into the session.

First half of the session;

In the first half of the session, Dan went round each group to have a chat with them. When he came to us, we chatted about Hall Hub and how we were going to explain the functionality of the product for next Thursday. We also talked about our prototype and which version we were going to showcase in the session next week. Tom has already made an A0 mockup poster for next week, so as a group we are going to meet up next week to finalise everything and get ready for the proper poster session.

Second half of the session;

In the second half of the session we had to give a demonstration, as a practice, to another group within the session. We had to explain to them what our product was, how it works and so on. So each group in the session had a go at demonstrating their product, whilst getting feedback from the group watching. This was good practice for us as we were able to demonstrate our product properly to an audience which gave feedback at the end. This will help us in the session next week.

For next week;

Next week we will be meeting as a group so that we can go through each aspect of the project to make sure that we are prepared for this poster session. We need to create an updated version of the prototype, trying to implement speech to text. Once we have created a final version, we are going to test it on Toms iPad. If this works, then we will showcase HallHub on Toms iPad next week. We also need to update the poster, so that we can include the features we talked about with Dan at the start of the session.