Caitlin Tracey
    • Create new note
    • Create a note from template
      • Sharing URL Link copied
      • /edit
      • View mode
        • Edit mode
        • View mode
        • Book mode
        • Slide mode
        Edit mode View mode Book mode Slide mode
      • Customize slides
      • Note Permission
      • Read
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Write
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Engagement control Commenting, Suggest edit, Emoji Reply
    • Invite by email
      Invitee

      This note has no invitees

    • Publish Note

      Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note

      Your note will be visible on your profile and discoverable by anyone.
      Your note is now live.
      This note is visible on your profile and discoverable online.
      Everyone on the web can find and read all notes of this public team.
      See published notes
      Unpublish note
      Please check the box to agree to the Community Guidelines.
      View profile
    • Commenting
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
      • Everyone
    • Suggest edit
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
    • Emoji Reply
    • Enable
    • Versions and GitHub Sync
    • Note settings
    • Note Insights New
    • Engagement control
    • Make a copy
    • Transfer ownership
    • Delete this note
    • Save as template
    • Insert from template
    • Import from
      • Dropbox
      • Google Drive
      • Gist
      • Clipboard
    • Export to
      • Dropbox
      • Google Drive
      • Gist
    • Download
      • Markdown
      • HTML
      • Raw HTML
Menu Note settings Note Insights Versions and GitHub Sync Sharing URL Create Help
Create Create new note Create a note from template
Menu
Options
Engagement control Make a copy Transfer ownership Delete this note
Import from
Dropbox Google Drive Gist Clipboard
Export to
Dropbox Google Drive Gist
Download
Markdown HTML Raw HTML
Back
Sharing URL Link copied
/edit
View mode
  • Edit mode
  • View mode
  • Book mode
  • Slide mode
Edit mode View mode Book mode Slide mode
Customize slides
Note Permission
Read
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Write
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Engagement control Commenting, Suggest edit, Emoji Reply
  • Invite by email
    Invitee

    This note has no invitees

  • Publish Note

    Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note

    Your note will be visible on your profile and discoverable by anyone.
    Your note is now live.
    This note is visible on your profile and discoverable online.
    Everyone on the web can find and read all notes of this public team.
    See published notes
    Unpublish note
    Please check the box to agree to the Community Guidelines.
    View profile
    Engagement control
    Commenting
    Permission
    Disabled Forbidden Owners Signed-in users Everyone
    Enable
    Permission
    • Forbidden
    • Owners
    • Signed-in users
    • Everyone
    Suggest edit
    Permission
    Disabled Forbidden Owners Signed-in users Everyone
    Enable
    Permission
    • Forbidden
    • Owners
    • Signed-in users
    Emoji Reply
    Enable
    Import from Dropbox Google Drive Gist Clipboard
       Owned this note    Owned this note      
    Published Linked with GitHub
    • Any changes
      Be notified of any changes
    • Mention me
      Be notified of mention me
    • Unsubscribe
    # 16.1 Lesson Plan: UX/UI Portfolio Day 1 ## Overview This is portfolio week. The goal of this week is to build excitement for the upcoming Web lessons by creating assets that will be used to develop students' portfolio pages. The key is to instill in students the importance of creating A+ portfolio websites so that they can land jobs fast. ### This Week We have dedicated this week to career development. By this point in the course, students have completed two projects for homework and two group projects in class. They will now begin the process of refining that work for their portfolios and the hiring process. This week's focus is on portfolios and interview-readiness, but you should also let students know that this work prepares them for the coming weeks. Students will also prepare themselves for the job market by practicing interview skills. ### The Next 9 Weeks In the coming weeks, students will build their online portfolios as they learn HTML, CSS, JavaScript, and Bootstrap. Week 16: UX Portfolio Wireframe and Case Study Development Week 17: HTML/CSS Week 18: Advanced CSS Week 19: JavaScript Week 20: Bootstrap Week 21: Webflow & Web Analytics Weeks 22-24: Final Group Project ## Learning Objectives 1. Gather design inspiration for UX portfolios and Case Studies. 2. Execute a portfolio case study outline. 3. Produce Case Study Assets. ## Class-At-A-Glance This is not a lecture-heavy class. Students will spend most of today's class working on their portfolios. Your goal is to communicate the importance of a design portfolio to the UX/UI profession and job hunting. While students will probably already know "portfolios are important to landing a job," they will nevertheless need some encouragement to take up the challenge now. For example, they may need guidance on what to share and which aspects they should focus on. *Note:* All activities started in class will extend into students' homework. ## Preparing For Class - Review the slides for the lecture: [16-Week/01-Slides/16.1: Portfolio Case Study Day 1 Slides](https://docs.google.com/presentation/d/1zk13VsP8ZzmrK818rzTC59dRNL7eqLWnu13B4anad1M/edit?usp=sharing). - Make a copy of the Google slides to share with students and TAs. Feel free to add minor updates to fit your own style, but you are required to cover the same UX concepts and activities. - Share your copy of the slides with the TAs and have them save the slides as a PDF and add it to the class's GitLab repository. - Think about how you can help students get into the right mindset for portfolio creation as well as how to introduce the concept of case studies for the storytelling of their work. - We've suggested some real-world ideas you can cite in your lecture, but be sure to take time to come up with a few professional anecdotes to support today's lecture. ## Time Tracker - Have your TAs reference the [16-Week/03-Time Trackers/16.1 Time Tracker](https://drive.google.com/open?id=1ybzoi7iC7ynNej9c_ADQqlrr0WdGm0H9pN3apCLClDg) to help keep track of time during class. --- ## 1. Instructor Do: Present the Slideshow (2 min) - Open the [16-Week/01-Slides/16.1: Portfolio Case Study Day 1 Slides](https://docs.google.com/presentation/d/1zk13VsP8ZzmrK818rzTC59dRNL7eqLWnu13B4anad1M/edit?usp=sharing) slide show provided as an initial guide for today's class. - Make a PDF copy and share it in Google Drive for class. Share slides in Slack. - Share today's objectives. - Remind students that they will need to have their work from throughout the UX/UI Boot Camp to work on their portfolios. - Review the agenda for today. ## 2. Instructor Do: Portfolio Week & Next 6 Weeks (5 min) - Review Portfolio Week. - Say: **"For the rest of the course, we will be preparing our portfolios for the job hunt."** - We are currently 2/3 of the way through the course. - For the next six weeks, we will work on your UX/UI Online Portfolio and your UX/UI case studies. ## 3. Instructor Do: UX Design Portfolios (10 min) > 📌 The goal of this section is to discuss the importance of a design portfolio to the UX/UI profession and job hunting. This supports the first learning objective of the day, which is to gather design inspiration for their portfolios. In this first lecture, you are going to convince students that portfolios are critically important to working in the field of design. You'll then transition into an activity in which students will begin gathering inspiration for their portfolios. - Ask **Who wants to get a new job?** - Call on a student to share what job they hope to get from this Boot Camp. - Do not sugarcoat the challenge of finding UX work! Nothing comes easy. It is a competitive marketplace, and you will need to have some grit and gumption to get into your first role. - It will be next to impossible to get a UX/UI job without a polished portfolio. **Design portfolios are required for job hunting.** - The UX/UI Portfolio is about showcasing your design process. You want to find work that allows you to think and not just make things pretty. - There's a big difference between showing a slick-looking final product and showing one's thought process in a portfolio. > :gem: **Design Insight.** Share your professional insight on these two ideas: > > - A designer must have empathy for their portfolio audience. > - Hiring managers want evidence that a prospective designer can ideate, create, and problem solve. **Review some common questions.** - *What do I need in my UX portfolio?* - *What can I show if I have little experience in the design field?* **UX/UI Portfolio Requirements.** There are two types of portfolios: offline and online. Today we will begin working on our offline portfolios. Most of this week, we will work on our offline portfolios. These are important when you go for an in-person interview. In the following weeks, we will be working on online UX portfolios. - Online portfolios are the first thing a recruiter or hiring manager will see during the hiring process. - Offline portfolios are a more comprehensive collection of artifacts that you will bring with you for on-site interviews for a portfolio critique. **What Are Hiring Managers Looking For?** The Norman Nielsen Group surveyed 204 professionals in charge of hiring for what they look for in a portfolio. They want to see: - Logical thought processes. - Skills, both hard and soft. These skills include communication, teamwork, ability to work independently, decision making based on results, user feedback, the ability to learn from mistakes, and problem-solving. - The design process. - Knowledge of methods to use and when to apply them. - Openness to feedback. - A desire to improve. **How Do You Show All Your Skills?** You will need an online portfolio, but you don’t have to code it yourself. UX leaders do not care how it gets built. The portfolio is made up of two parts: The Portfolio Homepage and 3-5 Case Studies of your best work. The portfolio homepage should include basic information such as: - Name, job title, and photo. - Three to five big, nice images of your best projects. - A short bio highlighting the most important points. - Social links. - UX designer resume (downloadable in pdf). - Contact details or a contact form so people can easily reach you. The Case Study should include: - A Header image with a great title. - The biggest challenge you faced. - The team and your role. - Your design process: present your design process step by step—the methods you used, the decisions you took, and why you did it that way. - Results. - Your learnings. **What Projects Should You Include in a Portfolio?** Showcase your best three to five projects and make sure you have projects that fit your future employers’ needs or your personal preferences. Employers usually look for proof that you have already done similar work to what they want to give you. **Focus on the Big Picture.** When you look for a UX job, your readers represent your target audience and your portfolio represents your product. In this case, your user could potentially hire you. Therefore, provide them a good user experience, the information they need, and make everything easy to understand. UX leads, hiring managers, and recruiters won’t spend much time reading your portfolio. If they don’t find what they are searching for, or they find the content chaotic and hard to understand, they’ll just move on to the next candidate. **How Real-World Designers Gather Inspiration for Their Portfolios.** Inspiration-gathering is a skill students will often use as professional designers. Take a moment to prepare students for the portfolio inspiration activity by connecting it to how real-world designers gather inspiration. > :gem: **Design Insight.** Where do you go for inspiration? Share briefly about your professional process for getting inspired when it comes to gathering inspiration. What tricks, tools, and resources do you use? **Say:** "There are a TON of online resources for you to scroll through but you might be wondering if professional designers ever get inspired *offline*?" Designers look at the world around them: they notice **juxtapositions** like the irony of watching a movie about deep-sea diving while taking an airline flight. Designers notice **architecture**: they look up when walking under a bridge and check out how it's put together. They go into nature: they notice the **light and dark** of shade vs. sun and **symmetries** of leaves or dragonflies and the **asymmetries** of butterflies or starfish. > :gem: **Design Insight.** Ask a TA to share an example of where to go for design inspiration. **UX/UI Portfolio Requirements:** Walk through the slides on portfolio requirements. - Share a Video Discussion with Nate Coleman from Google Maps for students to watch at home: - [https://codingBootCamp.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=951e7ed0-42a8-49e2-ad79-a8f80006cc12](https://codingBootCamp.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=951e7ed0-42a8-49e2-ad79-a8f80006cc12) Now, help students get inspired by sharing the following online resources. They should refer to these during their activity—that's next! - Portfolio resources to share in Slack: - [https://uxplanet.org/what-do-you-want-to-see-in-my-ux-design-portfolio-fc98dc48c01](https://uxplanet.org/what-do-you-want-to-see-in-my-ux-design-portfolio-fc98dc48c01) - [https://uxplanet.org/20-designers-20-questions-20-weeks-60ee38c36b62](https://uxplanet.org/20-designers-20-questions-20-weeks-60ee38c36b62) - [https://uxplanet.org/question-1-how-did-you-get-into-design-7d3ac8e70244](https://uxplanet.org/question-1-how-did-you-get-into-design-7d3ac8e70244) - [https://uxplanet.org/question-3-what-things-you-wish-you-knew-when-you-started-in-design-fa74e0a00f46](https://uxplanet.org/question-3-what-things-you-wish-you-knew-when-you-started-in-design-fa74e0a00f46) - [https://uxplanet.org/question-4-what-are-the-best-ways-for-you-to-stay-inspired-669dfd49e870](https://uxplanet.org/question-4-what-are-the-best-ways-for-you-to-stay-inspired-669dfd49e870) - [https://uxplanet.org/5-important-questions-you-need-to-be-able-to-answer-in-the-ux-interview-e38238ff50df](https://uxplanet.org/5-important-questions-you-need-to-be-able-to-answer-in-the-ux-interview-e38238ff50df) - [https://uxplanet.org/5-design-books-every-ux-designer-should-read-b4f81361d02c](https://uxplanet.org/5-design-books-every-ux-designer-should-read-b4f81361d02c) - [https://medium.com/@ligertwoodguy/imposter-syndrome-your-experience-with-it-as-a-designer-and-tips-to-manage-it-cd9342b78681](https://medium.com/@ligertwoodguy/imposter-syndrome-your-experience-with-it-as-a-designer-and-tips-to-manage-it-cd9342b78681) ## 4. Student Do: Gather Design Portfolio Inspiration Activity (15 min) - **Say: "Now that we have talked about what should go into a portfolio, let's gather some design inspiration!"** **TAs,** Slack students the Activity Instructions: [16-Week/01-Activities/16.1/16.1-01-Portfolio-Inspiration](https://drive.google.com/open?id=10lqiuQXoP4lDibKLz3HSfdZpm4G_ZUvq-kG_kpI6fKo). **Summary.** The goal of this activity is for students to gather inspiration for their UX portfolios into a mood board. **Instructions.** First, students will create a mood board and look for inspiration on the web. **Deliverable.** A moodboard made in InVision, Miro, or Pinterest. **Note** Students will share their mood board with classmates during the Peer Review scheduled after students complete the case study inspiration exercise later in class. ## 5. Instructor Do: Portfolio Dos and Don'ts (15 min) > 📌 The goal of this section is to critique two design portfolios and explain to students what makes an effective portfolio homepage. This supports today's second learning objective, which is to execute a portfolio case study outline. Now that students know why portfolios are important, you will examine two portfolios carefully. The idea is to see what *works* and what *doesn't*. After, students will do an activity in which they plan their About Me page. **Portfolio Example: David** We will review two case study examples from each of the designer portfolios. - You can review the slide or open up the portfolio example here: [https://uxfol.io/djlim92](https://uxfol.io/djlim92) ASK: "**What Can You Learn From David’s Portfolio?**" On the Front Page: 1. David’s portfolio is a good example of an elegant, minimal portfolio. You don’t have to clutter your front page with unnecessary information. 2. What you need is a carefully selected font, a nice color scheme, and a simple introduction. 3. As for your projects, you can opt for the same mockups for each to create visual consistency, even if you choose different colors for the thumbnails. **Portfolio Example: Valerie** Later in the lecture, we will review two case studies from each of the designer portfolios. - You can review the slide or open up the portfolio example here: [https://uxfol.io/valee](https://uxfol.io/valee) ASK: "**What Can You Learn From Valerie’s Portfolio?**" On the Front Page: 1. One glance at Valerie’s portfolio will make it evident that there has been significant time spent on designing the page. The thumbnails are not only cohesive, but the whole portfolio has a color scheme that makes it look professional. 2. She does a good job providing basic but necessary information on her background. 3. Keep in mind that you don’t have to stick to the color scheme of your showcased projects if they don’t fit together. Sometimes it’s okay to branch out a little bit and implement different colors that bring your whole portfolio together. It is a much better option than forcing clashing colors and elements together. **Portfolio TIPS:** 1. Tip 1: The Home Page Should Make a Good First Impression 2. Tip 2: Show the design process and decisions in your portfolio 3. Tip 3: UX Portfolios Follow a Standard Format - Ask: "**Who is the User of your Portfolio?**" - Answer: NOT YOU! The “users” of your portfolio will be hiring managers, recruiters, or fellow UX professionals, so your portfolio must appeal to these different groups of people. You can use this format to your advantage when structuring your portfolio. 4. Tip 4: Market Yourself Correctly - Whenever a recruiter lands on your website, they'll be asking themselves, "Is this person a UX designer?" 5. Tip 5: Tell a Story - Give your portfolio a narrative by explaining who you are, where you have come from, and where you want to go. 6. Review the Tips from Recruiters - This is mostly reference material for students. **TAs,** Slack out the student example: [https://www.jasonhyun.com/](https://www.jasonhyun.com/) **About Me Page** In order to prepare students for the next activity, talk about the power of the About Me page. Digital marketing entrepreneur Neil Patel says: "Your About Me page is one of the most important web pages on your site." If you get it right, it will brand you and position you as the go-to problem solver in your industry." > :gem: **Design Insight.** How did you learn to write an effective About Me page yourself? It took work, right? Let students know that even successful UX/UI designers are careful in order to get their About Me pages right. > > - Ask a TA to talk briefly about how they approached their About Me page. An About Me page is never "finished." Professional designers iterate their About Me pages. As students enter the design industry and gain experience, their About Me pages will grow. Before long, they will have dozens of case studies to choose from and short and long versions of their bio, just like the top designers in the field! In the following activity, students now get their own chance to craft About Me pages. ## 6. Student Do: UX Portfolio Template About Me Activity (15 min) **TAs,** Slack students the Activity Instructions: [16-Week/01-Activities/16.1/16.1-02-UX Portfolio Template About Me](https://drive.google.com/open?id=1FxT_xHHZe2I2XOtfqIVrDdMbAXbweQbu8CIBxlBvHio). **Summary.** The goal of this activity is for students to write content about themselves. **Instructions.** Students will make a copy of the UX-Portfolio-Template-About-Me and fill it out. **Deliverable.** An About Me Portfolio template with content. **Note** This content is going to be used when students create UX Portfolio Wireframes in the next class. ## 7. Instructor Do: Portfolio Outline Review (10 min) Call the class back to order for a short review. Instructions: 1. **ASK: Who wants to present their work?** 2. Invite that student to come to the front of the class to present their work. 3. Have the students walk through their work. 4. Critique the student's work. 5. Thank them for sharing. 6. If you have time, ask another student to come to share their work. --- ## 8. Break (15 min-Weekday) | (45 min-Saturday) It's time for a break. Breaks are part of the learning process and help get the most out of every lesson. Encourage students to grab a snack, drink water, and to stretch their bodies—they should step outside, if possible. When students return, you'll be talking about case studies and how they make portfolios stand out. --- ## 9. Instructor Do: Case Study Examples (5 min) > 📌 The goal of this section is to critique two design case studies and explain to students what makes an effective case study. This supports the final learning objective of the day, which is producing assets for case studies. In this brief lecture, you'll use the real-life case study examples to help students appreciate the power of case studies for communicating their process to hiring managers. Then, students will do a case study inspiration-gathering activity. **Case Study Example: David** We will review two case study examples from the portfolios we reviewed earlier. - You can review the slide or open up the case study example here: [https://uxfol.io/project/04efe88d/Map-the-Money-Maze](https://uxfol.io/project/04efe88d/Map-the-Money-Maze) @@@It may work for instructors and students, but this link didn't work for me.@@@ - TAs Slack out: [https://uxfol.io/project/04efe88d/Map-the-Money-Maze](https://uxfol.io/project/04efe88d/Map-the-Money-Maze) @@@It may work for instructors and students, but this link didn't work for me.@@@ ASK: "**What Can You Learn From David’s Case Study?**" - Feel free to critique something on David's case study or use the provided anecdote. On the Case Study Page: - Scroll down to the "Challenges & Limitations" section. - David included a ‘Challenges & Limitations’ section in his case studies, detailing what restraints the project had. If you worked on a project for a client, chances are you also had some limitations, which resulted in a design that might not be your ideal solution. If you include this in your case study, it gives a great base for understanding the complications of the project and also the final work itself. **Case Study Example: Valerie.** - You can review the slide or open up the portfolio example here: - TAs, Slack out: [https://uxfol.io/project/043e9353/Smart-Platform](https://uxfol.io/project/043e9353/Smart-Platform) ASK: "**What Can You Learn From Valeries’s Case Study?**" On the Case Study Page: - Scroll down to "The Process" section. - In her ‘Flying Chalks’ project, Valerie summarizes the case study by indicating the steps she took in order to reach the final outcome. No matter how short or long your case studies are, a summary of the beginning is always a great way to aid comprehension. A good summary can consist of the steps of your design process if your case study calls for it. But it can also be an overview of the case study itself, in which case it could also serve as the navigation inside the case study. Having learned from the mistakes of others, it's time for students to gather inspiration for their own case studies—that's next! ## 10. Student Do: Gather Case Study Inspiration Activity (10 min) - Say: "**Let's gather some case study inspiration!**" **TAs,** Slack students the Activity Instructions: [16-Week/01-Activities/16.1/16.1-03-Case-Study-Inspiration](https://drive.google.com/open?id=1Wk7sjTbiKwDIcQ7yp-RqjLvF4OL9qjCJNLJT45bRPns). **Summary.** The goal of this activity is for students to gather inspiration for their UX/UI Case Studies into a mood board. **Instructions.** Students will continue using the mood board started in the design portfolio inspiration activity. **Deliverable.** A moodboard. ## 11. Student Do: Peer Review (10 min) **Instructions.** Students should partner up with a classmate and share their mood board with their neighbor. They should walk their neighbor through their mood board and the choices they made. - Float around the room and check in with various groups during this activity. If a group needs help, provide support. ## 12. Instructor Do: How to Structure a Case Study (10 min) > 📌 The goal of this section is to educate students on how to structure a case study for a design portfolio. This lecture further supports the final learning objective of the day, creating case study assets. Now that students get what works and doesn't work in a case study, go deeper and show them how case studies are organized. We want them to see that the structure of a case study is what makes it effective. After, students will dive into a case study planning activity. **Rules for Structuring a Case Study.** Case studies should be displayed in a way that is scannable and easy to follow. Include relevant photos and screenshots that tell the story, including early sketches, whiteboards, research documentation, or final images. In addition to visuals for each project, create a case study that includes the following information: 1. The problem(s) you had to solve or the hypothesis you came up with for solving it. 2. Your specific role in the project and how you collaborated with others. 3. How you came to your proposed solution(s). 4. How your proposed solution(s) solved the problem. 5. Challenges you faced, including design concepts that were ultimately not pursued. 6. How the project affected the users and the business. 7. What you learned. **Your Goal Should be To Tell a Story.** - Who is the client, target organization, or industry? - Was this a team effort or a solo project? If you were working with a team, what was your role? What were the other roles involved? - Who is the end-user? What User Personas are you designing for? **Review the quote from Sarah Bellrichard.** Emphasize the fact that a portfolio must "Tell me how you navigate from start to end of a project." **How Real-World Designers Gather Inspiration for Case Studies.** UX/UI designers spend a *considerable amount of time* building case studies for their portfolios. Why? They know from experience that when a case study communicates, they get the job. Polished case studies are how professional designers advance in their careers. > :gem: **Design Insight.** Share with students how much time you've spent crafting case studies for your portfolio. The idea is to reinforce that case studies are the "language" that all designers use to talk about their work. > > - Ask a TA to share what part of their online portfolio they have spent the most time crafting. Building a case study that tells a story takes time. It takes work. It's worth it. **We Recommend You Divide Your Case Study into Two Parts.** - We recommend you create an executive summary of the project and then follow that up with a detailed explanation of your design process **Review the quote from Laura Klein.** - Laura Klein is a thought leader in the world of user experience design. - **TAs, Slack out:** [UX for Lean Startups](https://www.amazon.com/UX-Lean-Startups-Experience-Research/dp/1492049581/ref=sr_1_4?keywords=lean+ux&qid=1583189368&sr=8-4) **Review the summary example.** Set up your story by writing a 2–3 sentence summary of the product and how it works. - Define the Problem/Objective. - Define the solution. - Define how you contributed to the project. **Explain the Process in Your Case Study.** You should always start with some user research that frames the problem. For example, you might write this: - “We analyzed the to-do lists of 140 users aged 18-40 for a period of 3 weeks and discovered that about 60% of their tasks were location-dependent. From this analysis, we made 4 user personas and defined their experiences in managing to-do lists with customer journey maps.” **Show Your Deliverables with Purpose.** - Your design process should drive the deliverables you share. **Use Captions for Artifacts.** - Label screens—don’t assume your audience knows what they are looking at. **Share the Media Documenting the Process.** - Show your sketches and your iterations, not just the polished final solution. **Show Off Your Final Solution.** - Don’t hide your clickable prototypes. It pays to let your audience use your solution. **End With a Conclusion.** End with a conclusion sharing what you learned. This last part shows your final answer to the original question. It’s not enough here simply to show your final deliverable. In this section, you have to demonstrate impact—how did your designed product improve the situation? - Highlight the lessons you learned and to show that you later reflected on your experience. - What would you do differently if you had more time or resources to spend on the project? - Complete your story by leaving your audience with a good sense of your role and potential. Now it's time for students to get practice planning their own case studies—that's next! ## 13. Student Do: Case Study Activity (40 min) **TAs,** Slack students the following file: [16-Week/02-Activities/16.1/16.1-04-UX-Case-Study-Outline-Activity Google Doc](https://drive.google.com/open?id=1ieF7CNcgpezhwri3TKP7sDn8sYExYv4SK-Hg_Va_F7o) **Instructor and TAs:** Walk around the room during this activity to be sure the students are making progress and review their outlines. **Summary**. Here, students will get practice with planning their portfolio case studies and iterating on their existing projects. **Instructions:** - Set a 40-min timer. **Deliverable**. Students will create an outline in Google docs or another format. Then have them share with you and the TAs for feedback and any annotations. ## 14. Instructor Do: Review (15 min) Call the class back to order for a short review. Instructions: 1. **ASK: Who wants to present their work?** 2. Invite that student to come to the front of the class to present their work. 3. Have the students walk through their work. 4. Critique the student's work. 5. Thank them for sharing. 6. If you have time, ask another student to come to share their work. - Review any overarching questions and offer closing thoughts. ## 15. Instructor Do: Recap and Introduce Portfolio Homework (5 min) - You are getting closer to completing the UX/UI Boot Camp and getting your portfolio ready to share with potential employers. It seems like a pretty overwhelming task, right? I can imagine you saying, "There's so much to do! How do I know what to build? Where do I start?" - The homework this week will serve you in good stead for the rest of the Boot Camp and beyond. The reality is that your Portfolio is never really done. **Deliverable this week.** - This week we’ll continue iterating on the work started in class. You will work to design a responsive home page mockup for your portfolio along with 2 case studies to get them ready for your portfolio. - **Why a Portfolio?** So you can get a job in UX, UI, Product Design, or web design. - TAs, share homework: [16-Week/04-Homework/01-Instructions/16 Unit Homework Google Doc](https://drive.google.com/open?id=1zCu1EOVi0bMrHJ-LGOmXSpeYdWc-3WNosb9mKTIBlgk). - Say, **"We did a lot today. Keep making progress. Keep working on your tasks at home and bring your improvements in the next class."** Remind students that you are available for Office Hours after class. Wish everyone a good night. --- ## We Want Your Feedback! Please submit any issues or comments on the UX/UI curriculum to our Google Form. [Submit Issues](https://docs.google.com/forms/d/e/1FAIpQLScTc104D7Fd-2fDk3E4IIwxuOe-BNhPhWffIE9VBt7_e-t3DA/viewform) With this form, you can now view the status of your submission and other issues: [Issue Status](https://docs.google.com/spreadsheets/d/1UyRh0f6fwtMD5SfExvk3BZxIIioicTNhXWixjmnes1c/edit?usp=sharing) Also, email mfoley@2u.com and let us know how you felt today's class went. Please include in the email subject your: University & Unit feedback e.g. UCLA - 21.1 Feedback. We'd love to hear what you think! We will also be reaching out individually to check in and gather feedback about how your course is going. --- ## Copyright © 2020 Trilogy Education Services, a 2U, Inc. brand. All Rights Reserved.

    Import from clipboard

    Paste your markdown or webpage here...

    Advanced permission required

    Your current role can only read. Ask the system administrator to acquire write and comment permission.

    This team is disabled

    Sorry, this team is disabled. You can't edit this note.

    This note is locked

    Sorry, only owner can edit this note.

    Reach the limit

    Sorry, you've reached the max length this note can be.
    Please reduce the content or divide it to more notes, thank you!

    Import from Gist

    Import from Snippet

    or

    Export to Snippet

    Are you sure?

    Do you really want to delete this note?
    All users will lose their connection.

    Create a note from template

    Create a note from template

    Oops...
    This template has been removed or transferred.
    Upgrade
    All
    • All
    • Team
    No template.

    Create a template

    Upgrade

    Delete template

    Do you really want to delete this template?
    Turn this template into a regular note and keep its content, versions, and comments.

    This page need refresh

    You have an incompatible client version.
    Refresh to update.
    New version available!
    See releases notes here
    Refresh to enjoy new features.
    Your user state has changed.
    Refresh to load new user state.

    Sign in

    Forgot password

    or

    By clicking below, you agree to our terms of service.

    Sign in via Facebook Sign in via Twitter Sign in via GitHub Sign in via Dropbox Sign in with Wallet
    Wallet ( )
    Connect another wallet

    New to HackMD? Sign up

    Help

    • English
    • 中文
    • Français
    • Deutsch
    • 日本語
    • Español
    • Català
    • Ελληνικά
    • Português
    • italiano
    • Türkçe
    • Русский
    • Nederlands
    • hrvatski jezik
    • język polski
    • Українська
    • हिन्दी
    • svenska
    • Esperanto
    • dansk

    Documents

    Help & Tutorial

    How to use Book mode

    Slide Example

    API Docs

    Edit in VSCode

    Install browser extension

    Contacts

    Feedback

    Discord

    Send us email

    Resources

    Releases

    Pricing

    Blog

    Policy

    Terms

    Privacy

    Cheatsheet

    Syntax Example Reference
    # Header Header 基本排版
    - Unordered List
    • Unordered List
    1. Ordered List
    1. Ordered List
    - [ ] Todo List
    • Todo List
    > Blockquote
    Blockquote
    **Bold font** Bold font
    *Italics font* Italics font
    ~~Strikethrough~~ Strikethrough
    19^th^ 19th
    H~2~O H2O
    ++Inserted text++ Inserted text
    ==Marked text== Marked text
    [link text](https:// "title") Link
    ![image alt](https:// "title") Image
    `Code` Code 在筆記中貼入程式碼
    ```javascript
    var i = 0;
    ```
    var i = 0;
    :smile: :smile: Emoji list
    {%youtube youtube_id %} Externals
    $L^aT_eX$ LaTeX
    :::info
    This is a alert area.
    :::

    This is a alert area.

    Versions and GitHub Sync
    Get Full History Access

    • Edit version name
    • Delete

    revision author avatar     named on  

    More Less

    Note content is identical to the latest version.
    Compare
      Choose a version
      No search result
      Version not found
    Sign in to link this note to GitHub
    Learn more
    This note is not linked with GitHub
     

    Feedback

    Submission failed, please try again

    Thanks for your support.

    On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?

    Please give us some advice and help us improve HackMD.

     

    Thanks for your feedback

    Remove version name

    Do you want to remove this version name and description?

    Transfer ownership

    Transfer to
      Warning: is a public team. If you transfer note to this team, everyone on the web can find and read this note.

        Link with GitHub

        Please authorize HackMD on GitHub
        • Please sign in to GitHub and install the HackMD app on your GitHub repo.
        • HackMD links with GitHub through a GitHub App. You can choose which repo to install our App.
        Learn more  Sign in to GitHub

        Push the note to GitHub Push to GitHub Pull a file from GitHub

          Authorize again
         

        Choose which file to push to

        Select repo
        Refresh Authorize more repos
        Select branch
        Select file
        Select branch
        Choose version(s) to push
        • Save a new version and push
        • Choose from existing versions
        Include title and tags
        Available push count

        Pull from GitHub

         
        File from GitHub
        File from HackMD

        GitHub Link Settings

        File linked

        Linked by
        File path
        Last synced branch
        Available push count

        Danger Zone

        Unlink
        You will no longer receive notification when GitHub file changes after unlink.

        Syncing

        Push failed

        Push successfully