Interface Design

Interface Design


  • The block: stories from a meeting place.
  • Appearance
  • Mechanics



The Block: Stories From a Meeting Place is a virtual time capsule that explores the history and significance of Redfern’s Indigenous-owned housing precinct, ‘the Block’.

The production began in late 2010, not long after the Block’s 41 remaining residents received notice to vacate their homes – ending an era of struggle, community and self-determination that had lasted nearly 40 years.

Located on land traditionally inhabited by the Gadigal people, the Block was established in 1973. It soon became known as a meeting place amongst the Indigenous community; a place where people converge to share their stories and to release their pain. For the Stolen Generations in particular, it is a place to reconnect with long lost family members.

For decades, the Block has been plagued by stories of drugs, crime and tragedy, but there have been other, richer stories as well. The goal of this production was to capture the heart and spirit of a place that cannot be summed up by one story or one narrative, but many.

The interviews were mostly shot on location on the Block using Canon 5D cameras and the footage was edited with Final Cut Pro. The site was designed in Photoshop and Illustrator, and built in Flash.

Other features of the project include a timeline of events using rare material from the SBS archives, an ambient soundscape crafted by Xavier Fijac and innovative panoramic photography by Peter Murphy. The 15 interviews have been sub-titled in Chinese, Arabic, French and English. Audiences can also listen to the interviews in Dharug, the language group from which Gadigal derives.

The documentary is non-linear in its narrative structure, and ambient in its visual and audio approach. We invite you to take a virtual tour around the precinct to truly explore the diversity of the Block and its community.







(Booth, 2016)





 (Jones, 2016)







(Kluskowski, 2016)








(Interactive McDonald’s Menu, 2012)



McDonald’s menu boards were originally quite simple, but over the years additional product categories like salads, snack wraps, and McCafé beverages have made their menu convoluted and confusing. Part of the issue is a lack of hierarchy. New promotions and the Value Menu take center stage while smaller portions and single snacks are easily overlooked. Partly, customers feel overwhelmed by the sheer number of choices – the McDonald’s menu has grown to include over 150 items. Our team decided to create an interactive ordering kiosk to solve these problems.

To create hierarchy our interface is grouped according to meal options and specific food categories such as snacks, burgers, chicken, and salads. Navigation tools including headings, subheadings, descriptions and color coding add visual clarity. To take pressure off the ordering process a kiosk will be located at each table in the restaurant. Several kiosks will also be located between the entry and the traditional ordering counter for those who want to take their meal to-go.

Many McDonald’s customers order the exact same items every visit. To address their needs we’ve created a favorites program which allows customer to quickly access the meals they love by simply swiping their credit card or ID. Unlike other loyalty programs, customers will not be required to sign up for an account or be bombarded with promotional emails. Instead, if a new discount or promotion pertains to a customer’s taste they will be made aware of it the next time their card is swiped. This rewards loyal customers and allows them to customize their experience.








(Touch Screen LCD Display Future)

How does it work?

beMerlin’s standard configuration is composed of a video-based movements tracking system, a computer, a beamer and a transparent screen.

The cameras of the tracking system detect the hand movements at a distance and send their location to the computer. The data is instantly processed and the beamer receives the information to be projected on the screen.

beMerlin’s technology is invisible and is easy to install, move or transport. No expensive transformations of the place of installation are needed.







(Williamson, 2013)


The New York City Metropolitan Transit Authority (MTA) partnered with design firm Control Group to create a system of touchscreen kiosks that feature real-time information and all the help you might need to navigate the city via the subway system.


On The Go (OTG) will be interactive HD displays at subway stations with everything from simple station directions with transfers, countdowns to train arrivals, service updates, neighborhood maps, and digital content loops. The kiosks will replace current subway maps making it easier to hone in on what information you really need.

It’s built with a custom content management system on a flexible framework, which will allow for third-party apps to be developed to bring new features.


If you want to design successful user interfaces then you need clear and effective visual communication. Interface Design will help you achieve this using a range of incisive case studies, interviews with professional designers and clear hands-on advice to help you produce user-focused front-end designs for a range of digital media interfaces.






(Nash, 2013)

Client: Savannah College of Art and Design

Role: UX Designer

Skills used: Ethnographic research, stakeholder interviews, personas, visual design , information architecture & prototyping

Elements mall was built by the MTR Corporation’s subsidiary Premier Management Service and was established on October 1, 2007. It sits directly above the Kowloon MTR Station and is next to the residential complex Union Square and the Western Harbour Tunnel. Elements mall is built into five zones, each zone is based off the five Chinese elements: Fire, Wood, Water, Metal, and Earth. Along with the many stores, Elements also has restaurants, a cinema, and an ice rink. Throughout Elements there are concierge desks and mall directories to help customers navigate their way around the mall. Elements is a high end mall that “brings together some of the world’s most sought-after brands and services.”

We (Nathan N., Thomas T. and Lindsay H.) feel that the directories in the Elements mall in Kowloon can be redesigned to be an interactive kiosk, touch screen functionality, with additional features for better facilitating the customers’ needs to help elevate the overall experience of being in Elements.

Ethnographic research


To kick off our research efforts my team and I discussed how to handle to ethnographic research by asking questions such as; “What time of day should we go?” and “What should we look for?”. After some deliberation the three of us decided that the best approach would be for each of us to individually go to the mall during the morning, afternoon and evening to observe individuals interacting with the kiosks. We took notes as to how many people we saw interact with them during our visits as well as how the people interacted with them









(Nash, Elements Mall Hong Kong Kiosk, 2013)



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s