Ian Thomas Te p p e r S c h o o l o f B u s i n e s s , School of Computer Science i b t @ a n d r e w. c m u . e d u Class of 2022
Portfolio Materials
Contents W H AT A L L I S H E R E ?
P3
C op ie r C o n trol Re de s ign
P4
C on s tr u c tio n Ju n ctio n Res po n s iv e We b
D e si gn
P5
Atl an tis H u b D at a-D r iv e n D is pl ay
P6
H C II C e le br a tio n Mi cros ite
2
Copier Control Redesign Fall 2019
The goal of the Control Redesign project was to take an existing device and reimagine its controls in order to improve usability. Over the course of my work, I considered user intent, context and behavior to create elegant and intuitive controls. Semantic carriers of meaning such as labeling and icons are included throughout the design to meaningful feedforward. Through the perceptual affordances offered by the bistable triggers, I aimed to introduce interactions that were more explicitly communicative. The tactile and auditory post-action behavior of the triggers also provided inherent feedback that was consistent with user expectations. The final pitch included a user scenario to highlight changes in the redesigned device. The project helped me refine my physical prototyping skills and learn how to blend physical and digital means to facilitate communication between a device and a user.
Bistable Trigger Control
Top to Bottom: Early Sketches, Iteration 1, Iteration 2
Final Redesign Prototype
3
Construction Junction Responsive Web Design In collaboration with Yiying Ding, Jialu Li & Ketaki Rao Fall 2019
After being assigned the domain of waste management, this project guided my team from domain research to a final responsive web design that addressed a specific problem that we uncovered during our exploration of the domain. Once we decided to refine our focus to the waste practices of construction sites, our team’s guerilla research consisted of background research, observation and user interviews. This research revealed three key stakeholders: large-scale construction site managers, material reuse organizations, and small construction firm owners. To further immerse ourselves in the context of these stakeholders and understand relevant pain points, we developed personas and customer journey maps. It was through this process that the team identified an opportunity to coordinate material reuse across the three parties.
User Personas
Customer Journey Maps with Pain Points
4
Construction Junction Responsive Web Design Cont.
Our Solution Co-Created Value ●
Small Construction Firm ● Low cost m at erials
Construction Site Manager ● Low effor t , low cost ● En viron m en t al st an d ard s
● ●
Our team recognized how a website can be used as a tool to connect parties that each might benefit from the exclusive resources, skills and knowledge of the others. Given this ecosystemic capacity of websites, we challenged ourselves to extract the complementary needs of our stakeholders and model the co-creation of value that our solution might allow for. It soon became clear that our site could coordinate the delivery of unused materials from large construction sites to smaller firms through material reuse organizations like Pittsburgh’s Construction Junction. We used storyboards to refine this early concept and identify scenarios for its use. After the goals of our solution were defined, the team began to flush out the visual design of the site with wireframes, beginning with mobile use.
Su st ain ab le w ast e m an ag em en t
Great er p rofi t M ore exp osu re
Co-Created Value Flow
Storyboards
Wireframes
5
Construction Junction Responsive Web Design Cont.
Our final responsive website design promoted Construction Junction’s vision for sustainable material reuse, provided low-cost disposal of reusable goods for construction firms, and supplied small construction companies with affordable materials for their work. Through the project we learned how to identify critical stakeholder pain points, and then translate these findings into actionable insights that inspire effective solutions. One of the largest challenges of our work was conducting effective guerilla research with limited time and resources. If our team had more time with this project, we discussed the possibility of developing on-sight photo capturing hardware that would equip Construction Junction with the tools necessary to smoothly expand its offering with digital ecommerce.
Mid-Fidelity Mobile Model
Final Fidelity Mobile Model
Final Fidelity Desktop Model
6
Atlantis Hub Data-Driven Display
In collaboration with Dina Razek, Eddie Martinez & Qijia Li Fall 2019
For this project, we were charged with designing a data-driven display for a transportation hub with three different modes of travel. During the 4-week project, our team used stakeholder personas to identify key user needs and inform our design decisions. The work concluded with a pitch to mock hub executives about the value that our product could bring their customers. In our design, we hoped to maximize display readability for hub travelers to quickly and easily access the information they needed. Motion was added to the map in order to encourage integration between transportation types. One of the biggest challenges of the project was learning how to use data itself as a design material. The work allowed our team to gain experience with data modeling and prototype evaluation through the lens of stakeholder personas.
Early Data Modeling Atlantis Transit Hub
Visualizing Our Model
Iteration 1
Atlantis Transit Hub STAKEHOLDER PERSONA STAKEHOLDER PERSONA
Display Prototype,
Elizabeth Duarte Transportation Director of the Municipality of San Juan Islands Transportation Director of the Municipality of San Juan Islands
Elizabeth Duarte is the Transportation Director of the Municipality of the Greater San Juan Islands, a division of the local government that operates Atlantis Hub. Her department is responsible for displayingDuarte transportation data on large Director environmental displays in the airport, trainSan stations, Elizabeth is the Transportation of the Municipality of the Greater Juan and Islands, ferry docksoffor customers. that In addition to Atlantis offering Hub. highlyHer readable displays of changingfor a division theAtlantis local government operates department is responsible transportation data, Elizabeth to educate the public aboutinthe withtrain which travelers can displaying transportation data aims on large environmental displays theease airport, stations, and makedocks itineraries by combining plane, train, andtoferry tripshighly through her new program, the PTF Pass, ferry for Atlantis customers. In addition offering readable displays of changing which allows customers a great value and a lot of flexibility. transportation data, Elizabeth aims to educate the public about the ease with which travelers can make itineraries by combining plane, train, and ferry trips through her new program, the PTF Pass, which allows customers a great value and a lot of flexibility.
USER PERSONA USER PERSONA Property owner and retired resident of San Juan Islands Property owner and retired resident of San Juan Islands
George Shimko
A long-time resident of the San Juan Islands, George Shimko is an avid outdoorsman who owns modest fishing cabins on nearby Orcas Island and Stuart Island. He regularly invites his children and grandchildren to of histhe house San Juan Island and intends PTF passes that A long-time resident San on Juan Islands, George Shimko is to angive avidthem outdoorsman whosoowns they canfishing travel cabins to Roche Yacht Island Haven,and andStuart Friday Harbour San Juan Islands and to his modest on Habour, nearby Orcas Island. He on regularly invites his children cabins on Orcas Island Stuart Island. HeIsland wants and to be able totouse home onpasses San Juan Island and grandchildren to hisand house on San Juan intends givehis them PTF so that as a can basetravel so histoguests plan fun tourist itineraries. they Rochecan Habour, Yacht Haven, and Friday Harbour on San Juan Islands and to his cabins on Orcas Island and Stuart Island. He wants to be able to use his home on San Juan Island as a base so his guests can plan fun tourist itineraries.
User Personas
Final Display
7
HCII
HCII Celebration Microsite Fall 2019
Anniversary Celebration
This microsite design project is one of my earliest explorations of the foundational skills used by designers to optimize content readability and navigability. I used information architecture diagrams and wireframes to introduce a natural structure for the site’s information. Consistent use of grid was established throughout the pages to maintain consistency within the microsite. To achieve visual hierarchy that would accentuate important elements, a variety of typographic signals and colors were used. Designing this user interface allowed me to recognize the power of simplicity in my designs, to minimize cognitive load for users and prioritize that which is necessary for them to achieve their goals.
Thursday, October 24, 2019 at 12:00pm to Friday, October 25, 2019 at 1:00pm
Come celebrate a quarter century of the Human-Computer Interaction Institute October 24 & 25, 2019! The year 2019 marks 25 years of research, education and innovation about engaging, life-transforming interactions with technology here at the HCII.
Mark your calendars now for our 25-hour celebration! Stay tuned for more inform ation about guest speakers, panel discussions, HCII lab tours, event registration and m ore.
Carnegie Mellon University and surrounding area.
Early Wireframing
Questions? Contact the event planning committee by emailing us at hcii25@cmu.edu.
Initial Homepage Design
Early Mobile Prototype
Final Homepage Design
8
Portfolio Materials
Ian Thomas ibt@andrew.cmu.ed u 412.626.2223