Free Designs and Prototyping: Classroom work and extra work in my free time
Free Designs and Prototyping: Classroom work and extra work in my free time
Role
UX Designer/Visual Designer
Approach
Common UX Laws
Duration
Classroom Study
Medium
Figma
Role
UX Designer/Visual Designer
Approach
Common UX Laws
Duration
Classroom Study
Medium
Figma
Overview
Projects from Prototyping and User Interface Design
Within my two classes of Prototyping and User Interface Design, I was responsible for completing Weekly individual (Week 1-15) projects. These projects helped establish and enhance my UI aesthetics and knowledge of user journeys. Each project was specialized to different problem statements and themes. My main goal in each project was to design interfaces with a specific industry theme, along with applied UX user flows/UI Aesthetic principles. Along with applying common design laws such as Jakob's Law, Hick's Law, and Miller's Law etc.
Overview
Projects from Prototyping and User Interface Design
Within my two classes of Prototyping and User Interface Design, I was responsible for completing Weekly individual (Week 1-15) projects. These projects helped establish and enhance my UI aesthetics and knowledge of user journeys. Each project was specialized to different problem statements and themes. My main goal in each project was to design interfaces with a specific industry theme, along with applied UX user flows/UI Aesthetic principles. Along with applying common design laws such as Jakob's Law, Hick's Law, and Miller's Law etc.
Overview
Projects from Prototyping and User Interface Design
Within my two classes of Prototyping and User Interface Design, I was responsible for completing Weekly individual (Week 1-15) projects. These projects helped establish and enhance my UI aesthetics and knowledge of user journeys. Each project was specialized to different problem statements and themes. My main goal in each project was to design interfaces with a specific industry theme, along with applied UX user flows/UI Aesthetic principles. Along with applying common design laws such as Jakob's Law, Hick's Law, and Miller's Law etc.
Week 1
KSU Owl Life Onboarding
KSU Owl Life is our campus event page for students to find campus life and connect. My task was the create an onboarding flow, applying Jakob's law of familiarity and Miller's Law of a user's working memory.
Week 1
KSU Owl Life Onboarding
KSU Owl Life is our campus event page for students to find campus life and connect. My task was the create an onboarding flow, applying Jakob's law of familiarity and Miller's Law of a user's working memory.
Week 1
KSU Owl Life Onboarding
KSU Owl Life is our campus event page for students to find campus life and connect. My task was the create an onboarding flow, applying Jakob's law of familiarity and Miller's Law of a user's working memory.
Week 2
Micro Mobix Micromobility vehicle marketplace
Micro Mobix was an old business proposal I had. Thus, I brought it back and designed a UI that practices applying the Von Restorff effect of isolation and some Aesthetic-Usability principles.
Week 2
Micro Mobix Micromobility vehicle marketplace
Micro Mobix was an old business proposal I had. Thus, I brought it back and designed a UI that practices applying the Von Restorff effect of isolation and some Aesthetic-Usability principles.
Week 2
Micro Mobix Micromobility vehicle marketplace
Micro Mobix was an old business proposal I had. Thus, I brought it back and designed a UI that practices applying the Von Restorff effect of isolation and some Aesthetic-Usability principles.
View Prototype
View Prototype
Back to top
Back to top
Week 3
Smart Care App Menu Prototype
This is the small low fidelity design that was show cased to my User interface design class and my research program. For my class room assigmnet I was responsible for applying postels law of of acception and Fitt's law of time to acquire a target.
Week 3
Smart Care App Menu Prototype
This is the small low fidelity design that was show cased to my User interface design class and my research program. For my class room assigmnet I was responsible for applying postels law of of acception and Fitt's law of time to acquire a target.
View Prototype
View Prototype
Back to top
Back to top
Week 4
KSU Dining Experience
My task for this assignment was to design a task flow for our campus dining. The service's main objective is to allow users to locate culinary options and filter to their own dietary prefrences. Law applied: Jakob's law of common and familiar conventions. Along with Hick's law of reducing complexity from the number of choices to select.
Week 4
KSU Dining Experience
My task for this assignment was to design a task flow for our campus dining. The service's main objective is to allow users to locate culinary options and filter to their own dietary prefrences. Law applied: Jakob's law of common and familiar conventions. Along with Hick's law of reducing complexity from the number of choices to select.
View Prototype
View Prototype
Back to top
Back to top
Week 5
KSU Ticking service
The objective of this assignment was to design a flow where current students can find, select, and buy KSU related ticket events. Law applied here was the usability Peak-End rule. This explains that a user's overall experience is based on the peak and end of their journey rather than the whole thing.
Week 5
KSU Ticking service
The objective of this assignment was to design a flow where current students can find, select, and buy KSU related ticket events. Law applied here was the usability Peak-End rule. This explains that a user's overall experience is based on the peak and end of their journey rather than the whole thing.
Week 6
Empty State UI practice
This week was focused on smaller fundamentals, Empty states. Empty states are moments in a user's experience that display almost near blank content. The primary objective of the Empty State is to guide the user on what next to do or to show progress of the system's loading
Week 6
Empty State UI practice
This week was focused on smaller fundamentals, Empty states. Empty states are moments in a user's experience that display almost near blank content. The primary objective of the Empty State is to guide the user on what next to do or to show progress of the system's loading
Week 7
KSU Library Services low fidelity mockup
Our Scenario for this week was to create a short search adn filter flow for our library system. Incorporating laws such as Tesler'sLaw of the Conservation of Complexity and Doherty Thresholds which explains how user feedback should come unse 400 milliseconds
Week 7
KSU Library Services low fidelity mockup
Our Scenario for this week was to create a short search adn filter flow for our library system. Incorporating laws such as Tesler'sLaw of the Conservation of Complexity and Doherty Thresholds which explains how user feedback should come unse 400 milliseconds
Week 8
Publiskill - Online Course Application
Publiskill is an app concept I made to allow users the seemless task of finding, organizationing, and navigating any new skills they want to learn. Laws apllied were realted to reducing user working memory, long-term memory, Chunking, and Recall Cues
Week 8
Publiskill - Online Course Application
Publiskill is an app concept I made to allow users the seemless task of finding, organizationing, and navigating any new skills they want to learn. Laws apllied were realted to reducing user working memory, long-term memory, Chunking, and Recall Cues
Week 9
Return of Empty states
We are returning back to empty states. However, I wanted to add more personality to my designs and theme them around older prototypes I previously made utilizing the same color styles additionally.
Week 9
Return of Empty states
We are returning back to empty states. However, I wanted to add more personality to my designs and theme them around older prototypes I previously made utilizing the same color styles additionally.
Week 10
Redesigning old Publiskill UI for better Accesibility
Our objective for this week was to pick on old design we made and remake it to be better accessabile. By referring to the Web Content Accessibility Guidelines (WCAG). I made changes such as rescalling shapes, editing text colors, and more for better readability.
Week 10
Redesigning old Publiskill UI for better Accesibility
Our objective for this week was to pick on old design we made and remake it to be better accessabile. By referring to the Web Content Accessibility Guidelines (WCAG). I made changes such as rescalling shapes, editing text colors, and more for better readability.
Week 11
Vibrationation-Music app mockup
For Week 11 we were responsible on improving our UI skills along with designing a settings flow. This is a fairly small project compared to the rest.
Week 11
Vibrationation-Music app mockup
For Week 11 we were responsible on improving our UI skills along with designing a settings flow. This is a fairly small project compared to the rest.
View Prototype
Back to top
Week 3
Smart Care App Menu Prototype
This is the small low fidelity design that was show cased to my User interface design class and my research program. For my class room assigmnet I was responsible for applying postels law of of acception and Fitt's law of time to acquire a target.
View Prototype
Back to top
Week 4
KSU Dining Experience
My task for this assignment was to design a task flow for our campus dining. The service's main objective is to allow users to locate culinary options and filter to their own dietary prefrences. Law applied: Jakob's law of common and familiar conventions. Along with Hick's law of reducing complexity from the number of choices to select.
View Prototype
Back to top
Week 5
KSU Ticking service
The objective of this assignment was to design a flow where current students can find, select, and buy KSU related ticket events. Law applied here was the usability Peak-End rule. This explains that a user's overall experience is based on the peak and end of their journey rather than the whole thing.
Week 6
Empty State UI practice
This week was focused on smaller fundamentals, Empty states. Empty states are moments in a user's experience that display almost near blank content. The primary objective of the Empty State is to guide the user on what next to do or to show progress of the system's loading
Week 7
KSU Library Services low fidelity mockup
Our Scenario for this week was to create a short search adn filter flow for our library system. Incorporating laws such as Tesler'sLaw of the Conservation of Complexity and Doherty Thresholds which explains how user feedback should come unse 400 milliseconds
Week 8
Publiskill - Online Course Application
Publiskill is an app concept I made to allow users the seemless task of finding, organizationing, and navigating any new skills they want to learn. Laws apllied were realted to reducing user working memory, long-term memory, Chunking, and Recall Cues
Week 9
Return of Empty states
We are returning back to empty states. However, I wanted to add more personality to my designs and theme them around older prototypes I previously made utilizing the same color styles additionally.
Week 10
Redesigning old Publiskill UI for better Accesibility
Our objective for this week was to pick on old design we made and remake it to be better accessabile. By referring to the Web Content Accessibility Guidelines (WCAG). I made changes such as rescalling shapes, editing text colors, and more for better readability.
Week 11
Vibrationation-Music app mockup
For Week 11 we were responsible on improving our UI skills along with designing a settings flow. This is a fairly small project compared to the rest.
View Canvas
View Canvas
Back to top
Back to top
Week 12
Electrigo - Micro Checkout flow
Here I was responsible for designing a micro checkout feature for my Electrigo E-commerce app. Eletrigo is an electric vehicle e-commerce site made for users to buy and compare popular brands. Similar to Micro Mobix, but more niche.
Week 12
Electrigo - Micro Checkout flow
Here I was responsible for designing a micro checkout feature for my Electrigo E-commerce app. Eletrigo is an electric vehicle e-commerce site made for users to buy and compare popular brands. Similar to Micro Mobix, but more niche.
View Canvas
Back to top
Week 12
Electrigo - Micro Checkout flow
Here I was responsible for designing a micro checkout feature for my Electrigo E-commerce app. Eletrigo is an electric vehicle e-commerce site made for users to buy and compare popular brands. Similar to Micro Mobix, but more niche.
View Canvas
View Canvas
Back to top
Back to top
Week 13
Outrage Cinema - Movie watching and description application
Outrage Cinema is one of my first attempt at making dark themed applications. The objective of my design is to allow users to find movies and locate further descriptions on said movies. This is only a small 2 page flow
Week 13
Outrage Cinema - Movie watching and description application
Outrage Cinema is one of my first attempt at making dark themed applications. The objective of my design is to allow users to find movies and locate further descriptions on said movies. This is only a small 2 page flow
View Canvas
Back to top
Week 13
Outrage Cinema - Movie watching and description application
Outrage Cinema is one of my first attempt at making dark themed applications. The objective of my design is to allow users to find movies and locate further descriptions on said movies. This is only a small 2 page flow
Week 13-15
User interface 1 Final Project
Finanza is a personal budgeting app where users can create budget categories, add transactions, and mange their spendings. I also wanted to design the bank linking to look similar to how the banks login screens already are, applying Jakob's law. Additionally, the final laws I appl
Week 13-15
User interface 1 Final Project
Finanza is a personal budgeting app where users can create budget categories, add transactions, and mange their spendings. I also wanted to design the bank linking to look similar to how the banks login screens already are, applying Jakob's law. Additionally, the final laws I appl
Week 13-15
User interface 1 Final Project
Finanza is a personal budgeting app where users can create budget categories, add transactions, and mange their spendings. I also wanted to design the bank linking to look similar to how the banks login screens already are, applying Jakob's law. Additionally, the final laws I appl
Lessons learned
What I need to improve on
Things I learned for next time:
1. Time management and patience allowing better research and design objectives
Better application towards laws and how they relate to the user experience instead of putting more of my attention on the user interface.
Better understanding of the contex of my designs on a business standpoint, by thinking on what elements would a successful business include in my designs
Time + Effort can equal progress from week 1 to my final week I could greater see my strengths and weaknessess
Asked more often for feedback on how I can communicate my design decisions better
Lessons learned
What I need to improve on
Things I learned for next time:
1. Time management and patience allowing better research and design objectives
Better application towards laws and how they relate to the user experience instead of putting more of my attention on the user interface.
Better understanding of the contex of my designs on a business standpoint, by thinking on what elements would a successful business include in my designs
Time + Effort can equal progress from week 1 to my final week I could greater see my strengths and weaknessess
Asked more often for feedback on how I can communicate my design decisions better