Nothing Wrong With A Little
User Experience
Aisha recently graduated from Michigan State University earning her B.A in Experience Architecture. Aisha contributed to the redesigning of the “Our Michigan Avenue” website alongside her team members at MSU. She values trying to get out of your comfort zone because you never know where it could lead you to your true calling and to something even far better than imagined. Aisha enjoys sketching whatever comes to mind digitally or physically and likes designing her own henna tattoos for her and her friends. This is where she likes to identify herself as a flexible artist.
About Me
Lets Get to Know Me!
Greetings, I’m Aisha Begum, a graduate of Michigan State University with a Bachelor’s Degree in Experience Architecture. My journey into this field has been driven by a deep fascination with the dynamic intersection of modern technology and human interaction.
My academic background is a testament to my diverse interests. Initially, I pursued studies in Interior Design and Professional Writing, a combination that ignited my passion for crafting compelling user experiences. I realized that I didn’t want to be limited to just one aspect; I wanted to both write and design, and that’s how I found my way into Experience Architecture (XA).
My primary focus within XA revolves around Interaction and UX Design. My skill set is versatile, allowing me to create and design both tangible and intangible products. I thrive on the challenge of crafting engaging experiences that resonate with users, enticing them to return while effectively addressing their goals and needs through creative outlets.
Collaboration is at the core of my approach. I relish the opportunity to work with a team of designers on collaborative projects. Together, we strategize innovative ways for individuals to explore and navigate through new creative avenues.
Beyond my professional endeavors, I’m an artist at heart. In my free time, I enjoy experimenting with various forms of art, further fueling my creative spirit.
Thank you for visiting my portfolio, and I look forward to sharing more about my work and experiences.
Resume
Aisha Begum
EMAIL:
aishabeg824@gmail.com
LINKEDIN:
www.linkedin.com/in/aisha-begum-uxdesigner
EDUCATION
B.A in Experience Architecture |
Michigan State University (MSU)
08/2016 – 04/2021
Major – Experience Architecture
SKILLS
● Figma
● Adobe XD
● Adobe Illustrator
● Adobe Photoshop
● HTML/CSS
● WordPress
● Microsoft Office
● Google Suite
Experience
05/2022-07/2022
Web Design Apprentice | Data Driven Design
- Produced monthly data traffic reports for client websites through
analysis of SEO data obtained from Google Search Console. - Developed player profile pages, edited content, and managed
production for client websites using WordPress. - Conducted comprehensive research and analysis of sales data from
different online sources, facilitating its seamless integration into
WordPress and Google spreadsheets.
10/2020-05/2021
Content Writer & Editor | Sherlockian
- Edited and curated content data in a digital archive using Google
Sheets. - Analyzed archive entries within content folders, subsequently
uploading them onto a spreadsheet. - Contributed to the development of a new website archive system by
identifying issues, including missing information. - Composed and refined discussion questions for Sherlock Holmes
stories, subsequently publishing them on WordPress for educators and
the Holmes community.
Other
10/2019 - 12/2019
UX Research & Design | MSU
- Work with team members to design a new feature for the “Our Michigan Avenue” website
- Use research methods: interviewing, surveying students and residents of East Lansing.
- Design lo-fi prototypes wire-frames to help improve community engagement around zoning codes.
10/2020 - 12/2020
Interactive Design
- Designing app prototypes on Figma to create a community forum to post texts, images and videos.
- Include interactions a user can understand and respond to.
- Conduct usability testing on participants to test the app.
UX Projects
The many projects I have come to work on over the course of time applying my skills to.
Civic Tech Research
This project is about developing a new digital feature for the “Our Michigan Ave” in order for the residents of East Lansing can learn about the developments in the area.
Calendar Timeline
This project shows a prototype of a timeline on a calendar for students in a university to keep track of events, reminders, and activities.
Provocative Objects
This project shows a prototype of an app intended for those who support the right to repair their phone movement.
Interactive Card Game
This prototype features an interactive bingo game intended as an app on a mobile device setting.
Mental Health App
This prototype features a mental health app for students dealing with mental health issues.
Data Visualization
This prototype indicate a data accumulation of Islamophobia incidents in an interactive manner.
Full View of Projects
Civic Tech Research
Skills: Wireframing, prototyping, research methods
Role: Researched
Problem: Residents of the city of East Lansing have trouble learning about the developments in the area and able to discuss it in a community setting on the “Our Michigan Ave” website.
Process: Design and create anew feature for the “Our Michigan Ave” website.
1.Research about zoning codes and gather input from residents in the area through interviewing.
2. Brainstorm by sketching lo-fi wireframes.
– These sketches were really to get an idea going of how my team and I wanted our feature to look like.
3. Sketch secondary lo-fi wireframes to present for additional feedback.
– We did additional sketches so it looks it bit more structured and have a bit more information. These are still lo-fi sketches but they provide more detail and content and in the form of a zoning code map.
4. After designing the 3 sketches we presented them at the MSU Broad Art Lab to a few residents and students in East Lansing.
5. Design hi-fi prototype wireframe.
– The last stage was to create high fidelity wireframe that architects the entire content that is to be presented as a the new feature for the website.
Solution: Interactive zoning map prototype to locate different areas in the city that have new or important developments allowing residents to discuss and communicate across platforms.
Timeline Calendar
Skills: Visual Design, responsive design, interactions, interface designs
Role: Designing, researching, creating a visual mockup
Problem: Make an easier and user friendly way for students in universities to keep track of their day-to-day schedule throughout the weekly period over the course of months according to their preferences.
Process: Designing and prototype a responsive web, mobile and tablet design.
1. Research and study the lo-fidelity wireframe.
– I researched what average college students do on a daily basis throughout their time at a university. This helped narrow down what they would want to see that would help them keep track of classes, events, activities, etc.
2. Start designing the prototype (calendar).
– I started off on Figma directly adding in the layout based on the wireframe and then adding in the calendar with potential events and activities a student might do throughout the week. I also added a reminder section that’s referenced by color of the event on the calendar so they can distinguish what is specifically which is blue for classes, green for events and purple for reminders. There is an option for them to add an event as well by clicking on the plus sign next to “week view.”
3. Create hi-fi prototype of the timeline
– After designing the calendar, I designed the timeline for the week view should a student decide to see a more thorough version of what a week would look like based on the day and time if the event, reminder or activity. They can do this using the dropdown menu at the top to switch between month view and week view. I made sure to color code based on the subject on the listed subjects on the calendar.
4. Create hi-fi prototypes for mobile and tablet design.
– After designing the web design layout of the calendar timeline, I made it responsive in mobile and tablet format. I made sure to add the same components from the web version if a student were to view their calendar on smartphone or tablet.
5. Include specific interactions on the app.
– After designing the basic layout and format of the web, mobile and tablet calendar interface, I started adding in the interactions to switch between month and week views and to sort by classes, events and reminders.
6. Test out the calendar mockup
– Finally, making everything worked, a user or in this case a student can use this calendar feature on any responsive format, making this the perfect tool for any get goer that have a busy schedule.
Solution: Users navigate throughout the interface to keep track of their day-to-day lives on a college campis or sorts.
Provocative Objects
Skills: Visual Design, app design, interactions
Role: Designing, researching, user testing.
Problem: The right to repair older IPhone devices are not being taken seriously and need a way to force Apple to fix our phones instead of buying a new one.
Process: Designing and prototype an app where users can communicate and come together in the right to repair phones.
1. Research about the aging IPhone and its campaign to the right their phone movement as well as data on how many new IPhone are sold every year.
– The majority of the research was done through articles. I started off with researching the average amount of IPhones sold between 2011 and 2020. I found that there are a lot of theories that Apple purposely slows down phone in order to increase profit. This led to learning that there are users that should have the right to fix their phones without having to buy a new one.
2. Sketch ideas of a good game design to prototype.
– I started sketching lo-fi wireframes for an app for a Home, Post, Request and Reference pages for users to communicate across a community for those who care about having the right to repair phones and to be able to submit a form to Apple to have their phone repaired and overwhelm them with so many requests that they would have no choice but to do this for their IPhone users.
3. Create hi-fi prototypes of the app with a Home, About, Post, Request, and Reference page.
– After designing my wireframes, I went over to the prototyping and design website, Figma. I started implementing design elements along with the content in the app with a mission statement and reference links.
4. Include specific interactions on the app.
– After designing the basic layout and format of the mobile application, I started adding in the interactions to navigate between pages and be able to open external links in the reference page.
5. Test out the game by having a user walkthrough the prototype on an actual aging IPhone.
– Finally, making everything work, I had a participant download the prototype of the app onto her IPhone 7. I had her navigate through the app to see how well she interacted with it and how comfortable she felt using it.
Solution: Users communicate through the app, share ideas, and submit requests forms to repair their phone.
This took about two months time to research and develop as a prototype.
Interactive Card Game
Skills: designing prototype, implementing interactions
Role: Designing prototype
Problem: Create an interactive card game prototype as an app on a mobile setting.
Process: Design a prototype through Figma including interactions.
1. Sketch ideas of a good game design to prototype.
– I started off with some basic ideas I could sketch out and then design as a high-fidelity later on. Most of these sketches consisted of different layouts and game rules that I could create interactions out of in order for a player to play the game either as a single player or a multi-player. The lower left-hand corner was the best choice because the game design includes a rotation interaction.
2. Create hi-fi prototypes of the game including a start page, indicating if this is multi or single player and rules.
– Finally settling on a sketch, I went over to the design and prototyping website, Figma and and started implementing the layouts, design elements and the rules as this will be played on an app on a mobile platform. The game starts off with a start page that asks to select single or multi-player. The next page consist the rules of the game. The rest consist of a bingo card layout of 25 squares that have images to identify and mark off to play the game.
3. Include specific interactions on the app.
The next step was to add the interactions to play the game. I made sure that a player would be able to go back to the start page or the rule page in the middle of a game. I added in a hover interaction for the question to appear on top of the card during the game in order to know where to mark off on. The last interaction to add was the rotation interaction so that the outer most squares would move either clockwise or counter-clockwise depending on the player.
4. Test out the game by having a user walkthrough the prototype.
Finally, it was ready to test out. I had different users interact with the game as if it was on a mobile device and that they were actually playing it.
Solution: Interactive game prototype ready to be played featuring different types of interactions.
Mental Health App
Skills: designing prototype, implementing interactions
Role: Designing prototype and implementing interactions
Problem: Create an app to establish a more accessible way for students to access the help they need for their mental health and improve their overall well-being.
Process: Design a prototype through Figma including interactions.
1. Create wireframes
– My team members and I created wireframes using the prototype tool Figma. We decided on where everything should go, how a user would log in and how to navigate throughout the app.
2. Create hi-fi prototypes of the game including a login page.
– After completing the wireframes, my members and I started implementing the layouts, design elements and features as this will be interacted on an app on a mobile platform while my other team members did the research for mental health apps. A user would start off with logging into the login page and then navigating over to the home page where they would mark off how they are feeling that day, what their goal is then an inspirational quote of the day. On the next page is mental health tracker that tracks appointments and reminders like taking medications. The next page is to view a map of local therapists in the area. The last page shows resources a user could access or in this case a student would like organizations, clubs, a chat feature, or external sources.
3. Include specific interactions on the app.
– The next step was to add the interactions to navigate and to interact with the features. My team members and I made sure that a user would be able to easily go through the whole app with ease with no obstacles. I added in a hover interactions for the emoji icons to indicate different moods for the user to select. I also added in the hover features for the navigation bar on the bottom of the app while the rest of my team members worked on the login and resource page interaction features.
4. Test out the mental health app by having a user walkthrough the prototype.
Finally, it was ready to test out. We couldn’t have users test out the app due to the time restraint we my team and I had but overall the prototype demonstrated the use of a mental health app for an MSU student where it provides free resources and features to keep of your mental health progress.
Solution:Mental health app prototype ready to be used by a student featuring different types of interactions.
Data Visualization
Skills: Wireframing, prototyping, research methods
Role: Research, designing prototype, implement interactions
Problem: Show how users can interact with a data visualization and learn about how often Islamophobic incidents have occurred.
Process: Research the data, create a visual and then create a wireframe and then a prototype.
1. Research data inputs about Islamophobic incidents have occurred in Michigan between 2008-2018.
2. Collect the data and organize it collectively.
– The information was organized into 10 categories into a data spreadsheet.
3. I sketched out which types of diagrams would work best with the data I accumulated.
– The sketches that I went with are based off the types of diagrams that I found and researched which are an Arc Diagram, Spider Chart, Heat Map, Sunburst Diagram and Radial Convergence. After going over the options, I decided to go with the radial convergence diagram because shows the inter relationship between data and most of the data in the spreadsheet consist of different relationships.
4. Create a wireframe using Adobe XD.
– After creating my data visualization poster, I used it as a reference to create the wireframe that I later designed as a prototype. I went over to Adobe XD to create wireframes. I intended for users to interact with the visual through a web browser so that if there is an event like a public campaign or an incident that happened already, they could learn about different events that are similar that happened over the years so they could state their own opinion about what’s happening that relates to Islamophobia. They would be prepared to know about what really happens and that they could possibly stop another kind of event from happening. I still included the radial convergence diagram in the wireframe. It’s a little different for the year category as it provides more room to make connections with the events. The type of events, gender(s) and years are listed to the side to filter the data by clicking on them. It would filter the lines and event tiles by highlighting them, pushing it off the diagram presenting specific information.
5. This is the final prototype where the radial convergence diagram is set to be interactive for the user on a website platform.
6. Prototype ready to interact with.
– The animated prototype shows the animation where it filters some of the events and years together. It also presents information together as an overview of the event name, the type of event, the year, gender and the description of that specific event.
Solution: Data visualization is ready to be viewed and interacted with those whom want to learn about the Islamophobic incidents in the U.S.