User Experience Portfolio
Tim Reitzes
tim.reitzes@gmail.com
917.576.3226
Designing Common Ground
Between People and
Technology
Users
Clients
Technology
me
User Research and Testing High Level Sketching and Prototyping
Information Architecture and User FlowsWireframes
A Process...
Possible Worlds
Next Generation Preschool
Math Teacher's GuideThe Noble Experiment
Congregate WebappGinger Moon Foods
Five...
Possibe Worlds - Website Redesign
Challenge:
Skills Used:
Worked with a team to create an
online environment for teachers
...
We spent time in middle grade science classrooms
watching our materials being used, and talking to
teachers and students a...
Electricity
Electricity is not a
subtsance!
Energy & Matter
What's the
difference between
energy and matter?
Charge & Flow...
The Noble Experiment NYC
Skills Used:
Partnered with a graphic
designer to create a simple
website to launch a
Brooklyn-ba...
Wireframes
After talking with the client about the story she
wanted to tell with this site, I created a set of
wireframes ...
Next Generation Preschool Math - Digital Teacher's Guide
Skills Used:
Worked with a team to create a
web application for p...
Sketching for Various Use Cases
Our team mined user research to
inform the different scenarios
when teachers would be usin...
Interface Design for Intimated Teachers
We took the requirements given to us by researchers
and curriculum developers and ...
Building The Progress Tracker
Our team worked closely with our researchers and developers
to figure out what aspects of stu...
Ginger Moon
Skills Used:
Working as a consultant to help
develop small businesses web
presence.
About:
Results: Gingermoon...
User Research to Inform Use Cases
After meeting with the client to get a
better idea of what direction they
wanted to go i...
Organizing the Information
Architecture
I used card sorting to help me
organize the different parts of
the new site, and t...
I spent time talking with the clients about existing
sites they liked, and to users about what sites
they like using and w...
Congregate
Skills Used:
Led UX effort on a team at
Facebook/MacArthur sponsored
"Project Connect: Hackathon" to
create an ...
Me, sketching
as usual
Collaborating Towards a Deadline
Our task was to build a
prototype of a digital
experience for soci...
Designing to Facilitate Civil Discourse
One of the requirements of the Hackathon
was that the apps had to promote civility...
Wireframes for Mobile Web
For scalability and
distribution purposes,
our team decided to
design a mobile first
web app rath...
Thank You!
Upcoming SlideShare
Loading in...5
×

Timreitzes portfolio

146

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
146
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Timreitzes portfolio

  1. 1. User Experience Portfolio Tim Reitzes tim.reitzes@gmail.com 917.576.3226
  2. 2. Designing Common Ground Between People and Technology Users Clients Technology me
  3. 3. User Research and Testing High Level Sketching and Prototyping Information Architecture and User FlowsWireframes A Process Oriented, User-Centered Approach My process relies on generating, testing, and learning from both good and bad ideas in order to find common ground between a product and its users.
  4. 4. Possible Worlds Next Generation Preschool Math Teacher's GuideThe Noble Experiment Congregate WebappGinger Moon Foods Five projects highlighting some of my recent work
  5. 5. Possibe Worlds - Website Redesign Challenge: Skills Used: Worked with a team to create an online environment for teachers and students to access digital games and classroom resources for middle-grade science learning. About: Results: Currently in development Wireframes Information Architecture User Research Content Strategy Card Sorting
  6. 6. We spent time in middle grade science classrooms watching our materials being used, and talking to teachers and students about their experiences. Our research helped us begin to storyboard and test out ideas for how to organize the site. Teachers know what they're looking for so don't make them hunt, and kids just want to play the games. Field Research, Card Sorting, and User Flows
  7. 7. Electricity Electricity is not a subtsance! Energy & Matter What's the difference between energy and matter? Charge & Flow If it's not a substance, how does it travel? Pattern & Alignment How does it get the power to effect matter? Electricity & Circuits How good a model is it? Instructional PPT Interactive Pullout Digital game Linking Activity Card Game NoWay! Topic and MisconceptionSubtopic with Big Question Activity that can be used to address subtopic. Tagged for relevant subtopics Curricular Connections Links To Standards Research Based Use Cases Research Based Use CasesStandards & Assessment Putting It All Together Possible Worlds has a number of different curricular modules, all with a similar structure but different materials, that needed to be organized in a way that is useful for teachers and students. An audit of all of the Possible Worlds content led to the creation of a simple Information Architecture and user-friendly Wireframes.
  8. 8. The Noble Experiment NYC Skills Used: Partnered with a graphic designer to create a simple website to launch a Brooklyn-based Distillery. About: Results: Since it's launch, tneNYC's founder has been a "Best 30 Under 30" in both Forbe's Magazine, and Zagat. Wireframes Information Architecture
  9. 9. Wireframes After talking with the client about the story she wanted to tell with this site, I created a set of wireframes that let the user seamlessly discover all there is to know about tneNYC and it's products. We are currently working on a new section site to promote tneNYC's featured product, Owney's Rum.
  10. 10. Next Generation Preschool Math - Digital Teacher's Guide Skills Used: Worked with a team to create a web application for preschool teachers using a newly developed tablet-based curriculum. The application contains professional development, unit schedules, and student progress tracking for digital games. About: Results: Field tested with teachers in 3 cities who all provided positive feedback and useful critiques that we are currently mining for Beta version of the product. Wireframes Information Architecture User Research Content Strategy Story Boarding
  11. 11. Sketching for Various Use Cases Our team mined user research to inform the different scenarios when teachers would be using the guide - sometimes to plan for a lesson, and other times in the middle of teaching, for "just-in- time" assistance or digital resources.
  12. 12. Interface Design for Intimated Teachers We took the requirements given to us by researchers and curriculum developers and designed a welcoming interface that delivered all of the necessary project content without feeling overwhelming for teachers who might be unfamiliar with the tablet. Teachers from a recent field test all said that they would rather use the digital version of the Teacher's Guide than a paper version we also provided.
  13. 13. Building The Progress Tracker Our team worked closely with our researchers and developers to figure out what aspects of student gameplay we would be tracking. The data has to be displayed in a way that help teachers understand where and why their students are struggling. In order to help teachers make use of the data, we added a feature that makes suggestions for teachers based on the data for each student.
  14. 14. Ginger Moon Skills Used: Working as a consultant to help develop small businesses web presence. About: Results: Gingermoon completed a soft- relaunch their website to take their new format for a spin. They have recently decided to change their business model so we are going through another round of revisions to reflect their new needs. Wireframes Information Architecture User Research Content Strategy Card Sorting content coming
  15. 15. User Research to Inform Use Cases After meeting with the client to get a better idea of what direction they wanted to go in with their web presence, I interviewed potential users to generate personas that I used to guide my design. Using the personas as a guide, I was able to storyboard different use cases for potential Ginger Moon clients. Vanessa The Professional Mom-To-Be She$is$married,$and$her$husband$ also$works$long$hours.$ Her$life$is$busy,$and$she$feels$like$ she$has$very$little$spare$time.$ She$is$rarely$able$to$get$home$ before$7pm$e$very$night,$and$often$ takes$work$home$with$her. Who Is Vanessa? How does she eat and shop for food? What is her relationship to technology? She$is$rarely$able$to$get$home$ before$7pm$e$very$night,$and$often$ takes$work$home$with$her. $ She$is$married,$and$her$husband$ also$works$long$hours.$ Her$life$is$busy,$and$she$feels$like$ she$has$very$little$spare$time.$ Uses$social$media$to$see$what$her$ friends$are$doing:$Facebook$and$ Instagram.$Likes$seeing$what$her$ friends$are$doing.$Doesn’t$post$very$ often,$other$than$some$photos$of$ food.$Also$likes$looking$at$Pinterest$ when$she$has$time,$$for$food$and$ fashion$porn.$ Vanessa's Social Networks f She$tries$to$eat$healthy:$she$eats$ salads$a$lot$during$the$week$for$ lunch,$and$her$and$her$husband$ will$often$order$in$dinner$on$ weeknights.$ On$weekends$they$like$to$go$out$ to$eat.$They$don’t$cook$very$ much,$but$she$would$like$to$ become$a$better$home$cook.$ They$use$Fresh$Direct$to$shop$for$ groceries,$and$they$like$how$ much$time$it$saves$them$from$ having$to$go$to$Whole$Foods.$ "I want to do all the right things for my bagy, but who has the time?"
  16. 16. Organizing the Information Architecture I used card sorting to help me organize the different parts of the new site, and test out different options for architectures with the clients and some potential users.
  17. 17. I spent time talking with the clients about existing sites they liked, and to users about what sites they like using and why. That research helped me generate wireframes and user flows that were both in line with client requirements and pleasing for potential users. Wireframes and Userflows
  18. 18. Congregate Skills Used: Led UX effort on a team at Facebook/MacArthur sponsored "Project Connect: Hackathon" to create an app for social good. About: Results: Our prototype won 1st Prize! Wireframes Information Architecture User Research Content Strategy Card Sorting content coming Mobile
  19. 19. Me, sketching as usual Collaborating Towards a Deadline Our task was to build a prototype of a digital experience for social good. Congregate is an app designed to help teenagers understand and engage with important local and national legislation. Our team consisted of 2 content experts, a visual designer, a developer, and a UX designer (me).
  20. 20. Designing to Facilitate Civil Discourse One of the requirements of the Hackathon was that the apps had to promote civility on the internet. With Congregate we decided to implement "sentence starters" in the debate section of the application. The sentence starters, a popular tool in literacy education, are intended to set users on the path towards civil discourse.
  21. 21. Wireframes for Mobile Web For scalability and distribution purposes, our team decided to design a mobile first web app rather than a native iOS application. Designing for mobile helped me create a concise information architecture and streamline the user flow.
  22. 22. Thank You!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×