interactiondesignstudio1-22 - Tumblr blog

[interactiondesignstudio1-22]

Alternate screens for Apple Watch showcasing the three main user pathways; call for backup, change shift, access/call team leaders/staff. 

This internal communication app was designed primarily for the Apple Watch. Because an EMT will not always have the ability to access a phone/iPad/laptop during their shift, especially during a high pressure situation. However their watch can give them the full functionality to access critical resources and functions during these times to make EMT teams optimally effective. 

[interactiondesignstudio1-22]

Alternate screens for iPhone showcasing different sides of the internal communication app throughout other user pathways. 

[interactiondesignstudio1-22]

Internal communication app showcasing the shift swap user pathway. Allowing EMT’s to pick up, change and cancel shifts easily while either on a shift or otherwise. By allowing EMT’S to swap shifts through an internal framework will allow for swifter communication and logistical allocation of labour. 

[interactiondesignstudio1-22]

Internal communication app for iPad. Showcasing various key parts of the app. 

iPad was done last as an extra usability exercise since we discovered sometimes EMT’s do use them to enter notes in occasionally. They are more portable than a laptop and more capable than a phone, so they fill a nice niche. 

[interactiondesignstudio1-22]

Alternate Desktop screens. Exploring other parts of the internal communication app. 

[interactiondesignstudio1-22]

Desktop used pathway 1.

The spartan nature of the design facilitates high pressure functioning. Either by or on behalf of an EMT. 

[interactiondesignstudio1-22]

Elements so far. 

[interactiondesignstudio1-22]

Notes

Every device must be designed for. You can't simply take the layout of another device and either stretch or squeeze it to fit. It looks weird and isn't functional. 

The way in which users interact with the device itself dictates how the UI is laid out. Eg, there's no physical back button on a phone, but their is on a watch however the watch is a much smaller screen. Therefore there's consideration necessary to what is absolutely necessary to function for the screen. 

Documenting every single addition to the design. Every single button added or removed is not necessary. But documenting change is important for your own progress tracking. 

[interactiondesignstudio1-22]

Extended draft. 

[interactiondesignstudio1-22]

[interactiondesignstudio1-22]

Original Sketches for website. Low fidelity wireframe. 

[interactiondesignstudio1-22]

https://miro.com/welcomeonboard/M2dLOWloSFl4R0k5Y2QwOVN1WGlsTmdtS0JnMUxHQXdlV3RUaVBtTmFIZGVrMEFKcU5NSEU3SFZnTk80QjBCV3wzMDc0NDU3MzU1NDk1MjA3MTg0fDI=?share_link_id=507470995935

[interactiondesignstudio1-22]

Notes for St. John

Design ethos: 

EMT’s are working in pressure filled, time sensitive situations. Therefore the layout needed to be simple. To be most effective the layout also needed to piggyback on existing cultural associations. A Metaphor. 

The traffic light system to regulate urgency is a universal metaphor. 

Red = emergency 

Yellow = urgent

Green = everything is fine. 

The same needed to be true for our system. Where the EMT’s could call for backup and at a glance know where to go. If they needed senior EMT’s to assist in making a decision or to provide guidance on the job then the yellow would be at a glance available. To pick up shifts, clock in/out, the green would be there to operate and provide functions when there is no pressure or time crunch such as at the beginning and end of a shift. 

[interactiondesignstudio1-22]

A user pathway for the swap shift function within the app. 

[interactiondesignstudio1-22]

Progression of the calendar elements within the phone version of the app. Within the final design it was important to make things as functional and spartan as possible to avoid confusion during high pressure situations. 

[interactiondesignstudio1-22]

Initial sketches for internal communication.

[interactiondesignstudio1-22]

St. John current website

It’s far too busy and not user friendly at all. Its overwhelming and there is little to no information hierarchy. This will need to be fixed alongside creating an internal communication framework from scratch.