Tahmina: UX/UI design, 2 chapters

[tahminarasoli]

forked repo I have pushed my progress to contribute on my partner's repo module repo

Home page

• repo
  • with your partner:
  • [ ] README
  • on your own:
  • [ ] License
  • [ ] Contributor Guidelines
  • [ ] Code of Conduct
• live demo
• /planning
  • with your partner:
  • [x] interview (your completed interview template)
  • [ ] user personas
  • [x] backlog (developed with your partner based on the interview)
  • [x] wireframe and low-fidelity prototype(design your site's outline together)
  • [ ] retrospective
  • on your own:
  • [x] constraints
  • [ ] development strategy
  • [ ] Figma file
• [x] project board
• Accessibility
  • [ ] Web page uses semantic elements
  • [ ] Web page has ARIA labels when necessary

Learning Objectives

• [x] 🥚 User Empathy: You understand what user empathy is, and can use it to understand a classmate's needs and help them plan a home page.
• [ ] 🥚 Design Cycle: You will be able to describe the design cycle and what steps you will take in each state (Empathize, define, ideate, prototype, testing and implement).
• [x] 🥚 Stakeholder Interviews: You can interview another student to learn their motivations, needs, and blocks
• [ ] 🥚 Rapid Prototyping: You can use rapid prototyping techniques (such as paper prototyping) to test initial design hypotheses and receive user feedback.
• [ ] 🥚 User Journeys: You can write user journeys for websites that you use.
• [x] 🐣 Design Principles: You can apply some of the key design principles to your own site, such as alignment, proximity, contrast, balance and space.
• [x] 🐣 Accessible Design: You will be able to make a website design more accessible.
• [ ] 🐣 CSS: You can use CSS3 to implement responsive & accessible designs.
• [ ] 🐣 Open Source Software: You understands the principles of open licensing and can make a contribution to a classmate's home page.
• [ ] 🐥 Web Accessibility: You can navigate a web page using a screen reader, and can use semantic elements and ARIA labels to make your web pages accessible.
• [x] 🐥 Figma: You can create, share and collaborate on a website design using Figma.

my fork of the exercises repo

Study Plan

Home Page

[tahminarasoli]

Week 1

• [x] I have pushed my progress to my fork of exercises repo

Check-In

I Need Help With:

What went well?

user interview, writing backlog, interview follow-up, design.

What went less well?

Lessons Learned

Sunday Prep Work

[tahminarasoli]

Week 2

• [x] I have pushed my progress to my fork of exercises repo

Check-In

I Need Help With:

• I have created the high fidelity design of my home page. I need your comments to improve my work. here is the linke to my Figma file.
• creating case studies.

What went well?

until now it was the fun part of the project. I enjoyed working as well as learning.

What went less well?

all the projects I have in my work list are my self-study projects I don't have real research for them. It is hard to write case study for them.

Lessons Learned

Design thinking process:

• Empatise
• Define
• Ideate
• Prototype
• Test

Sunday Prep Work

[arnochauveau]

Hey @tahminarasoli I've added some comments to your Figma file. Overall very good job! I liked your use of typography and how clean the design was. Keep up the good work! 🎉

[tahminarasoli]

Hey @tahminarasoli I've added some comments to your Figma file. Overall very good job! I liked your use of typography and how clean the design was. Keep up the good work! 🎉

Thank you for your comments. I will definitely take them in account in my future work as well.