KELLY JOHNSON  MULTIDISCIPLINARY DESIGN

Digital | Graphic | Motion | UI/UX | Getting it Done

KELLY JOHNSON  MULTIDISCIPLINARY DESIGN

Digital | Graphic | Motion | UI/UX | Getting it Done

cartoon ux guy whispering

A sampling of my UI/UX Work while at
Jaguar Land Rover

Psst… actual deliverables were under an NDA. I can only explain my various roles, tasks and show partial iterations during a process cycle but, you’ll get the point.

Future IVI Systems

System software features were continually updated with new system hardware usually updated. (All actual research data and most visuals under NDA)

INITIATIVE: NGI IVI future updates
EPIC: Voice Commands
FEATURES/USE CASES: All base cases with voice added where possible

I participated in defining journey maps and use cases. These set the stage for when a driver would issue a voice command, the commands themselves and how the system would respond.

I helped define the performance acceptance criteria the IVI should take in the event a system was in dual-screen mode and the user issued a command that required a change/update in the UI at the perceived moment; or, if a command was issued for a feature not currently displayed on the IVI.

Tests Created

Open card sorting to find responses to: What features would you want to control via voice? Results provided the categories for a second open card sorting devised to learn what voice commands within each feature users considered most important. Example: when issuing a command to the media player, does a user prefer saying “next” or “skip” or did either one suffice.

Results gave insight on the dependency of the users mobile device to control similar features, such as in the case of playing music. This was important to know how much the IVI systems hardware and software would be expected for primary functionality vs focusing on connected mobile device.

User test while in Rig 
We utilized multiple different sized rigs built by developers and engineers which provided a frame, full-sized seat, steering wheel and IVI screen to most closely resemble the environment of a vehicle. Some were placed in front of multiple or single monitor screens where simulation driving conditions were projected or played through.

Commands/statements from various previous tests of general driving experiences were used to test the feedback when the system was in dual-feature mode. Example: A user might say, “Where is the closet parking?” Changing perspectives, I thought from the actual vehicle’s pov: Does the system load and start navigation, over taking a screen and replacing a feature, or does it just provide the mileage and time estimation to get there, leaving the choice to the user to then start navigating? This lead to a two-point question: Ask the user the preference and depending on their answer, check it against the system to see where resources could be saved to accomplish the desire of the user. This is an example of thinkin beyond data collection. 

UI dual-mode suggestions made after conducting the tests in a rig. Users liked seeing the major phone activity including, recent and missed calls, frequently called numbers and text messaging.

User preferred less information on the second screen when actually taking a call. I suggested features only related to the call in progress, including caller ID, mute and adding the caller to contacts.

Open Source Space

Jaguar Land Rover contributed to AGL (Automotive Grade Linux) and I chose to add an AM/FM tuner to the project.

INITIATIVE: AGL based IVI System
EPIC: FM/AM Tuner
FEATURES/USE CASES: Front-end UI and html development focus. See below

Modified UX Process I completed
(Proof of Concept deemed alterations)

  • Define basic features to include and write up Use Case titles.
  • (Discovery) Verify existing system problems and compare against desired feature list.
  • (Discovery) Verify system assets (fonts, branding, etc.) already on-board and available to utilize.
  • (Discovery) Explore existing apps on-board and inventory UI of each to match.
  • Collaborate with external vendor (Collabora) to discuss background API and hooks.
  • Develop front end with HTML, CSS and JQUERY using hooks provided into API

REVIEW

This project, being in the open source space, was fairly self-driven except for the collaboration with Collabora who implemented the API, and helped source an external antenna.

I completed the discovery steps outlined above by using the existing system and going through the relevant apps and/or documentation. I designed and developed the front-end UI in HTML, CSS and Jquery based on the existing system which other designers were developing for as well.

UI for better UX
Case: Workfrom

Focused look at the redesign of facility amenities. Workfrom provides workspaces for digital nomads. After surveying 100 people working in various locations, the top services desired to know were: the wifi strength, the outlets and noise level of a given location. The fourth was whether an establishment had adult beverages.

On that data, I redesigned the rop right section of a locations website, making those points prominant. By using icons instead of labels, more vertical space was available. I suggested the “Pro Tips” details could be shown in this area making a quick at-a-glance look for a specific location.

Example of some wires for the website and mobile screens. The strong style I adopted follows the “monochrome is the clearest choice” for clarity and understanding, put forward by the site uxmovement.com.

UX Illustrator

Another example of my UX contributions with engineers and software developers within the given example voice control was the Conversational Voice Command and Control, developed with other groups in the U.K and China.

This group was informed by other UX teams across the company which lead the purpose for this group.

I wrote some of the use cases and provided the UX storyboards for the presentation. This is one example of a much larger presentation. (The backend and vehicle service buses and remote access bus architecture that accompanied each sketch have been removed.)

As mentioned, work for Jaguar Land Rover was done under an NDA, but these samples give you taste of the UX processes I contributed to or accomplished myself.

I’m a value-driven professional who fuses conceptual and critical thinking to define, categorize and solve design and marketing problems. In addition to over 15 years managing and producing projects within various industries and markets, I love team-building by mentoring and cultivating practical strategies for individuals to reach their own potential. 

Visit Creative Work

Kelly Johnson 2023 • kellyisthumbslinger@gmail.com