Digital Prototyping (Rough Draft Presentation)

As the end of the semester draws near, my favorite course CT160 only has a few more assignments before the final class presentation. This week, I have the task of creating the digital prototypes for Chelsea’s Delights in Adobe XD. The designer created a total of three elements a splash page, main menu along with a red route.

For this assignment, I wanted to get a little more creative with my approach to digital prototyping! What better way than through a colorful layout that expresses me as a designer and my approach to enhancing the user experience.

For the red routing aspect of my design, I decided to use the preview feature of adobe XD to show how users will navigate through Chelsea’s Delights. Click the link below to see a quick snippet!

Screen Recording 2020-05-03 at 11.34.36 PM

However, there are few more features of Chelsea’s Delights that are currently being developed to further enhance the UX experience! including  Demos, a Live Chitchat and fun animations! So get ready to bake from scratch with love!

 

 

 

 

 

 

Final Concept: The User Experience

Part One: Chelsea’s Delights main aim is interaction! How can a tech-savvy analyst and web designer create a positive user experience for a first-time baker to a stay at home mom? Allowing them the freedom to enjoy the essence of home baking, so bake on with your family and friends!

Part Two: User Persona A 

Name: Lauren Gomez

Age: 23

Race:  Latina

Occupation: Student

College Attending: Arizona State University

Major: Zoology

Minor:  Communications Technology

 

Short-term goals:

  1. Earn a bachelor’s degree
  2. Join the Festival Lovers and Event Planners club at ASU
  3. Become the Photo editor of the Yes! We Love Animals magazine
  4. Bake a cake for her twin sisters first birthday

Long-Term Goals 

  1. Become a zoologist
  2. Earn a master’s degree in sustainability
  3. Build a wildlife sanctuary for zoological studies
  4. Open her own photo studio, Life’s a Snapshot.

Facts about Lauren

  1. Enjoys taking selfies with her best friend, Rachel Meyers
  2. Loves wearing make-up, especially Anastasia Beverly Hills
  3. Highly creative 
  4. Enjoys shopping for the latest trends, Lauren is a subscriber to Vogue
  5. Loves desserts, especially carrot cake and double fudge brownies.
  6. Enjoys Digital Photography

Lauren Gomez or Lo is a creative sagittarius, who loves learning, especially about animals kingdoms. She enjoys going out with her friends and practicing  photography on the weekends. Her goal is to earn her bachelor’s degree in Zoology  and build her own animal sanctuary, Friends for Wildlife. Lauren plans to conduct investigations of different animals species, including tigers, zebras and lions and their interactions with the eco system. She also plans to study the effects of toxins and habit changes on animal reproduction.

 

 

Part Two: User Persona B

Name: Stephanie Rogers

Age: 32

Race: Caucasian

Status: Married (one child, daughter Emma Romena)

Location:  San Francisco, California

Education:  Bachelors of Baking and Pastry Arts

Occupation: Stay at home mom

Income: N/A

 

Facts about Stephanie 

  1. Enjoys taking selfies with her daughter Emma
  2. Highly creative
  3. Enjoys a nice bruschetta paired with cool mojito
  4. Loves to read, particularly Danielle Steel and Nora Roberts
  5. Enjoys drinking tea, especially vanilla chai and orange jasmine
  6. Strong baking skills- Stephanie loves baking with daughter. Her grandmother owes a bakery, The Sweet Delights Bake Shop.

Stephanie Rogers or Steph is a artsy Leo, who before having her daughter, Emma earned a bachelors in baking and pastry arts and worked for The Sweet Delights Bake Shop, where she acquired both a sharp business sense and a keen eye for creativity. Her goal was to start her own baking company, the House of Sweets. Stephanie planned to infuse her Irish roots into classic American desserts to give new meaning to San Franciso sweets. However, life had a different plan for Steph, she fell pregnant, a few months after signing the lease for her new bakery. Stephanie decided to settle down with her boyfriend of four years, Ethan and become a stay at home mom.

 

Part Three:  Screenshot of Survey Questions

 

 

Part Four: Answer to Survey

To obtain data for user experience testing. The researcher constructed an eleven question survey aimed at investigating people’s capabilities of home baking on behalf of Chelsea’s Delights baking app. The following results were collected from the distribution.

Data Collected

 

 

 

 

 

 

 

 

 

 

From the data collected, Chelsea’s Delights has an even distribution. Participants identified the need for a baking app that is not only interactive but practical with its features and layout.

 

 

 

 

 

 

 

Final Logo+Paper Prototype!

As I continue to work on conceptualizing my thoughts and ideas to ensure Chelsea’s Delights is not only a successful app but an efficient tool that both teaches and inspires new bakers to dream up delicious treats for any special occasions or a quiet night in!

For my logo, I decided I wanted to take the illustrations I previously designed and incorporate them into a simple logo that is feasible. The contrast of orange and lavender highlights the sweet treats that anyone can make using Chelsea’s Delights!

 

Similar to the first card sorting post, I created a cut of an iPhone to give a fun and creative approach to my method!

Next, I created three additional screens to explain the user flow of Chelsea’s Delights. To begin I scaled the logo of my app, which is featured in the first screen to conceptualize familiarities with the user like Snapchat with the white ghost and yellow background.

The second screen of my paper prototype features my bakery which I previously created in adobe illustrator. The user will be welcomed by the warm essence of my bakery! Looking at all those goodies who wouldn’t want explore, Chelsea’s Delights! 


The final screen for my paper prototype features the inside of my bakery, where users have access to my recipes, video demonstrations, icing techniques, and bakers chit chat. Similar to a menu board found at the bakery, where persons can order treats, my users will be ordering their custom teaching methods that suit their lifestyles. Chelsea’s Delights users will get a chance to meet me well, my avatar!

In conclusion, Chelsea Delights is an app which brings you delicious treats baked from scratch with love! But unlike traditional apps, Chelsea Delights brings the fun of the bakery at home! So grab that wooden spoon and let’s cream some butter and sugar already!

Event Flyer 2.0

For my event flyer, I wanted to use fun design elements and colors to attract the public to Bake For A Change! My initial thought was lime green against lavender to play with the principle of design, contrasting colors. However, after feedback from my peers, I decided to tone down the shade of green and readjust a few other elements to update my event flyer!

Mood Board + Flyer!

After a hectic weekend of too many assignments and not enough sleep, I was happy for a break! Communications Technology 160 is a class that has allowed me to explore my creativity! Thank You. For class this week, I was challenged to create a mood board and flyer for my final concept app design!

For my mood board, I wanted to capture the essence of homemaking! By combining a keen design thought and the essential principles of design such as  symmetrical balance, color contrast, and scale. The blue background gives a light and airy feel in constant to the sharp colors of the images.

For my event flyer I wanted to conceptualize both the layout and design elements to create a well-organized flyer that pays homage to a cause dear to my heart!  By combing contrasting colors, easy to read fonts and repetition. The Bake for Change event will surely be a hit!

Final Concept: The Brainstorm Blogpost

Gone are the festivities of summer, sunny days at the beach, and late-night partying with friends. As the COVID-19 virus continues to wreak havoc on our planet, and social distancing is the new characteristic of life, it’s hard to conceptualize the idea of a healthy planet Earth.

Apart from the social destruction is having to attend online classes, which is a tragedy. The first week of distance learning had me drowning.

Luckily, I have apps like Youtube or Twitter and my Stephen King books to keep me entertained during this quarantine. Thank you!

But back to the concept of apps! Have you ever wonder what goes into the development of an app? Today’s technology has gifted users with many great apps that help make our lives easier and efficient! from organizing our home to making dinner.

Remember how tragedic I felt about distance learning? In Communications Technology 160, I got the opportunity of creating an app, both a challenging and rewarding experience. By applying the design techniques of alignment, repetition, and use of contrasting colors. Unscratched offers a stay at mom or first-time bakers, the chance to enjoy home baking without the hassle!

Carrot cake, pineapple upside-down cake, or marble cake, sounds delicious? But try making them from scratch, yikes! However, with easy to follow recipes, live demonstrations, and Baker’s chitchat, the concept of home baking is unscratched.

Although Youtube offers baking videos, most subscriptions feature advanced techniques such as “How to make a three-tiered wedding cake with fondant” without diving into the basics of baking first! Unscratched makes combining eggs, sugar, and flour and creating light and fluffy homemade goods with a few simple tools and decorations.

Bakers’ chitchat is a feature not offered on most apps, where users can chat directly in live demonstrations, or direct message, Chelsea Romena, for any help with tips of tricks with push notifications, so you never alone when baking!

Decorating takes precise skill and a few years in the kitchen? Wilton cake ideas and more offers videos and tons of equipment to get you started! But, you don’t need to pipe roses onto a cake for it to be stunning, sometimes a simple border or icing does just the trick. With Unscratched’s easy to follow icing techniques, you can create baked goods with the Wilton presentation in half the time!

Welcome to Unscratched, the app that takes the concept of home baking and makes it unscratched. So bake on with your family and friends, it’s sure to bring tons of smiles!


 

Paper pro-types/Card Sorting

Spring 2020, wasn’t the semester, I initially hoped for, thanks to the COVID-19 virus all social activities have been canceled and worse off, I will be taking online classes for the rest of the semester, ugh. However, fun projects in CT 160 make up for the missed days.

For this assignment, I wanted to get a little more creative with my approach to paper prototyping/card sorting! What better way than to make colorful cutouts that express me as user analysts and my approach to enhancing the user experience!

PS: Although I missed class last Wednesday, I incorporated feedback from family members and friends to conduct my user testing!

First, I created a cut out of a desktop computer which, I sketched and outlined to make it more visually appealing for my research subjects!

Next, I created four separate computer screens to explain my card sorting theory using the latch method.

Afterward, I arranged the cutouts to describe the process of finding a course for an upcoming semester.

Step one:  Locate the course using the CUNYFirst (York College Course webpage). The user can find and choose course needed for majors and minors for an upcoming semester .

Step Two: Alphabetize each course by description and outline. Therefore, the user can get a small bite into the field of study and the expectations of the class before fully signing up for the class! 

Step Three: In this cutout, the method Time and Categorization are incorporated using a brand new feature of the CUNY First website! Professor Profiles, where students can get a little insight into their new professor. The categories of expectations, guidelines, experience and ratings will be listed along the side of each instructors profile while, the times that each course is schedule for will be listed by professor’s availability during the seamster, therefore students can plan when making their schedule!

Step Four: For the last cutout, the method of Hierarchy is incorporated using another new feature to the CUNY First website! Student Sharing! Where students of the same majors or minors can directly chat with each other to get and give feedback to help ease the process of choosing a professor. Therefore, a senior student in the field can rely information to an upcoming freshman

From the data collected, the user analyst received both positive and negative feedback during user testing! The use of cutout and vivid color scheme helped to engage the users, giving a clear representation of the methods of LATCH. However, some users felt that the process of card sorting needed a step or two more as the process felt a little rushed.

CUNY ReDesign User Experience

 

Part One: Group One’s main aim is enhancement! How can two tech-savvy analysts and a web designer create a positive user experience for the everyday college student? Allowing them the freedom to quickly access their school credentials and assignments through CUNY First even after an all-night study session or on the go!

 

Part Two:  CUNY User Persona

Name: Stacie Peters

Age: 25

Race: Caucasian

Occupation: Student

School Year: Junior

College Attending: York College

Major: Environmental Science

Minor: Double minor in Journalism and Studio Art

 

Short-term goals:

  1. Earn a bachelor’s degree
  2. Join the staff of Pandora’s Box
  3. Become Editor in chief of CUNY’s life the green way environmental magazine
  4. Acquire the status of presidency of the environmental health science club

 

Long-term goals:

  1. Become an environmental scientist and wildlife photographer
  2. Earn a master’s degree in energy and sustainability
  3. Earn a second master’s degree in journalism and fine arts
  4. Establish a research laboratory for environmental studies
  5. Attain a noble peace prize for sustainable development and peace
  6. Achieve a Pulitzer prize in journalism and a Goldman environmental prize
  7. Open her own bakery, The Sweet Spot Bake Shoppe

 

Facts about Stacie:

  1. Loves to bake
  2. Enjoys a nice pizza margherita paired with a strawberry daiquiri
  3. Highly creative
  4. Enjoys drinking tea, especially peppermint and vanilla chai
  5. Loves to read, particularly Stephen King and Earl Lovelace
  6. Enjoys black and white photography

Stacie Peters or Stace is a creative Capricorn who loves learning, especially about the environment! She enjoys hiking, nature trails, and taking part in extracurricular activities such as the environmental health science club and photography. Her goal is to earn her bachelor’s degree in environmental health science and build her research laboratory, Green Life Inc. Stacie plans to conduct investigations on air quality in lesser developed countries along with climate change and global warming in hopes of achieving a Noble Peace prize and Goldman environmental prize for her research. She also plans to open her own bakery, The Sweet Spot Bake Shoppe.

 

Part Three: Screenshot of Survey Questions

 

 

Part Four: Answer to Survey

To obtain data for our user experience testing. We constructed a 10-question survey aimed at investigating the current state of experience of York college students with CUNY First. The following results were collected from the distribution.

Data Collected

Student One:  Shanae Hart, 21

 

Student Two:  Cassie Khan, 21

 

Student Three: Davion Reeves, 20

From the data collected, the CUNY First website has a random distribution. Some students identified the site as hard to navigate while other students felt the site was simple to operate. However, all participants agreed that CUNY First could use a face-lift with its features and layout.

 

 

CUNY First 2.0

As a college student, I often find myself with too many assignments and not enough coffee in the day. So when it comes to quickly access my assignments or posting on blackboard. I should not have any issues. However, that is not always the case when using CUNY First.

One of CUNY First’s biggest problems is the notice of a violation error that pops up after clicking on my student center, which is not only an inconvenience when having to refresh the site’s page multiple times. But also affects the functionality of the website negatively.

Next, the general layout of the CUNY First is visually unappealing, as the color combination is bland and gives no appeal to its users. Creating no sort of balance or contrast.

 

CUNY First, also has no direct links to its major sections like Degree works or BlackBoard. Instead, I have to re-enter the same username and password in a new tab to complete my request?

The site also features, a shopping cart for class enrollment, swap and few other buttons that can help in the  picking of classes for the upcoming semester a bit easier. However, it can be still be updated to a modern taste with design elements that are more appealing and catching to a college kid’s eyes! because face it after seeing the bland walls of our campus it would be nice to see some variation on CUNY First!

 

 

 

 

 

 

User Testing Experience

Communications technology is a subject of great diversity from creating apps to user personas, I’ve become a C.E.O. Last week, my group Measure Tech inc got the exciting opportunity to product test our new line of rulers that aim to cater to the needs of business clients to every-day moms!

Below is the data collected from Measure Tech Inc’s research unit.

A three- point scale was used to rate each ruler, where the consumer gave the item a positive, negative and neutral score based on each ruler’s individual performance.

A bar graph was then charted to show the make-up of the written analysis from the data collected during the user testing experience. The key represents the rate of each ruler using a four-way color combo.

After reviewing both the point-system and graphs, the following feed back was concluded. It displays the individual write-up of each ruler with a catchy quote on their performance!