{"id":6740,"date":"2025-04-10T16:33:57","date_gmt":"2025-04-10T16:33:57","guid":{"rendered":"https:\/\/digm.drexel.edu\/uxid\/?p=6740"},"modified":"2025-04-10T16:35:14","modified_gmt":"2025-04-10T16:35:14","slug":"dont-make-me-read","status":"publish","type":"post","link":"https:\/\/philsinatra.net\/branches\/uxid\/2025\/04\/10\/dont-make-me-read\/","title":{"rendered":"Don&#8217;t Make Me Read"},"content":{"rendered":"\n<h2>or&#8230; How to Make Your UX\/Dev Portfolio Stand Out<\/h2>\n\n\n\n<p>Let\u2019s be real\u2014people don\u2019t read. And when it comes to your UX or development portfolio, that\u2019s even more true. Hiring managers and recruiters are sifting through&nbsp;20-30 portfolios, each with multiple case studies. They don\u2019t have time to read paragraphs of text.<\/p>\n\n\n\n<p>So what does this mean for you?&nbsp;Keep it concise.&nbsp;More images, less text. But that doesn\u2019t mean cutting all the text\u2014what you write should focus on&nbsp;high-level insights&nbsp;rather than unnecessary details.<\/p>\n\n\n\n<p>Good text focuses on key takeaways:<\/p>\n\n\n\n<ul><li>\u201cUser testing revealed that 80% of participants struggled to complete checkout due to unclear button hierarchy.\u201d<\/li><li>\u201cA competitive analysis showed that most budget travel apps lacked real-time currency conversion, creating an opportunity to differentiate.\u201d<\/li><\/ul>\n\n\n\n<p>Avoid unnecessary details:<\/p>\n\n\n\n<ul><li>\u201cWe conducted five user interviews, two rounds of usability testing, and built three prototypes.\u201d&nbsp;\u2192 (No need to list the process unless there\u2019s an insight attached!)<\/li><\/ul>\n\n\n\n<p>Every case study should follow the same format, so once someone reviews one, they know exactly where to find the info in the rest. Think of it like UX for your UX portfolio\u2014don\u2019t make them think&nbsp;(thanks, <a href=\"https:\/\/sensible.com\/dont-make-me-think\/\">Steve Krug<\/a>).<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2>For UX Designers<\/h2>\n\n\n\n<h4>A Simple UX Case Study Format<\/h4>\n\n\n\n<p>Use this structure to keep things clean, scannable, and easy to digest.<\/p>\n\n\n\n<iframe loading=\"lazy\" style=\"border: 1px solid rgba(0, 0, 0, 0.1);\" width=\"100%\" height=\"450\" src=\"https:\/\/embed.figma.com\/proto\/GevjUhH28BkUo9H0oYdWuf\/UX-Portfolio?page-id=0%3A1&#038;node-id=828-57&#038;viewport=-4342%2C-2721%2C0.5&#038;scaling=scale-down-width&#038;content-scaling=fixed&#038;embed-host=share\" allowfullscreen><\/iframe>\n\n\n\n<h3>Product Name<\/h3>\n\n\n\n<p>Description:&nbsp;One sentence defining the product and its purpose.<\/p>\n\n\n\n<p>Image: Show a beautiful hero image of the final UI<\/p>\n\n\n\n<h3>Problem Statement<\/h3>\n\n\n\n<ul><li>Why did this project need to happen?&nbsp;\u201cIt was a class project\u201d is NOT the answer.&nbsp;Instead, define the problem in terms of:<ul><li>User pain points:&nbsp;\u201cFreelancers struggle to track payments from multiple clients, leading to missed invoices and cash flow issues.\u201d<\/li><li>Business goals:&nbsp;\u201cThe company wanted to reduce abandoned carts by 15% through a streamlined checkout process.\u201d<\/li><li>Market gaps:&nbsp;\u201cResearch showed no existing apps offered both pet tracking and vet appointment scheduling in one interface.\u201d<\/li><\/ul><\/li><\/ul>\n\n\n\n<h3>My Role \/ The Team<\/h3>\n\n\n\n<ul><li>What did you do? <\/li><li>Was it a solo or team project?<\/li><li>How big was the team? <\/li><li>Did you own specific deliverables or collaborate?<\/li><\/ul>\n\n\n\n<h3>Target Audience<\/h3>\n\n\n\n<ul><li>Who are the users? <\/li><li>What are their pain points? <\/li><li>Use data from surveys, interviews, and personas.<\/li><\/ul>\n\n\n\n<h3>Research<\/h3>\n\n\n\n<ul><li>Competitive analysis, affinity maps, empathy maps, journey maps\u2014what were the key insights?<\/li><\/ul>\n\n\n\n<h3>Design &amp; Prototyping<\/h3>\n\n\n\n<ul><li>Show UI sketches, wireframes, prototypes, and microinteractions. <\/li><li>Use&nbsp;Figma embeds, animated GIFs, or videos\u2014make it visual!<\/li><\/ul>\n\n\n\n<h3>Usability Testing<\/h3>\n\n\n\n<ul><li>Did you pivot based on testing? <\/li><li>Where did you refine the design or user flow?<\/li><\/ul>\n\n\n\n<h3>Results &amp; Outcomes<\/h3>\n\n\n\n<ul><li>What happened? <\/li><li>Were the goals achieved? <\/li><li>What lessons did you learn?<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2>For Developers<\/h2>\n\n\n\n<h4>A Simple Development Case Study Format<\/h4>\n\n\n\n<p>While case studies aren\u2019t as common in the development world, they\u2019re gaining traction. Having one in your portfolio will put you ahead of the competition. Here\u2019s how to structure it:<\/p>\n\n\n\n<iframe loading=\"lazy\" style=\"border: 1px solid rgba(0, 0, 0, 0.1);\" width=\"100%\" height=\"450\" src=\"https:\/\/embed.figma.com\/proto\/GevjUhH28BkUo9H0oYdWuf\/UX-Portfolio?page-id=0%3A1&#038;node-id=828-108&#038;viewport=-4342%2C-2721%2C0.5&#038;scaling=scale-down-width&#038;content-scaling=fixed&#038;embed-host=share\" allowfullscreen><\/iframe>\n\n\n\n<h3>Title:&nbsp;Product Name<\/h3>\n\n\n\n<p>Description:&nbsp;One sentence defining the product and the service it provides to the user.<\/p>\n\n\n\n<p>Links to LIVE SITE &amp; GITHUB REPO<\/p>\n\n\n\n<h3>Problem Statement<\/h3>\n\n\n\n<ul><li>Why did this project need to happen?&nbsp;Avoid \u201cit was a class project.\u201d&nbsp;Instead, define the problem in terms of:<ul><li>User pain points:&nbsp;\u201cE-commerce store owners needed a way to bulk edit product listings without exporting spreadsheets.\u201d<\/li><li>Business goals:&nbsp;\u201cThe company wanted to reduce server costs by optimizing database queries.\u201d<\/li><li>Technical challenges:&nbsp;\u201cThe existing API response time was too slow for real-time applications, requiring optimization.\u201d<\/li><\/ul><\/li><\/ul>\n\n\n\n<h3>My Role<\/h3>\n\n\n\n<ul><li>What did you do? <\/li><li>Was it a team or solo project? <\/li><li>Who else worked on it? <\/li><li>How big was the team? <\/li><li>Did you own your deliverables or collaborate?<\/li><\/ul>\n\n\n\n<h3>Technologies<\/h3>\n\n\n\n<ul><li>What tech stack did you use? <\/li><li>List programming languages, frameworks, repositories, bug tracking tools, and any specialized hardware (IoT, etc.). <\/li><li>If there was a&nbsp;reason&nbsp;for choosing specific tech, explain it briefly.<\/li><\/ul>\n\n\n\n<h3>Process<\/h3>\n\n\n\n<ul><li>How did development work? <\/li><li>Were you handed Figma or Zeppelin files? <\/li><li>Did you design the UI yourself? <\/li><li>How did you manage the handoff?<\/li><\/ul>\n\n\n\n<h3>Results &amp; Outcomes<\/h3>\n\n\n\n<ul><li>What was the final result? <\/li><li>Did the project meet its goals? <\/li><li>Any key lessons learned?<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2>Make It About YOU<\/h2>\n\n\n\n<p>For class projects, you\u2019ll write a general case study that explains the project.&nbsp;But for your portfolio, rewrite it to highlight your contributions.&nbsp;If you&#8217;re a UX designer, emphasize your UX work and minimize the dev side. If your portfolio has the same generic case study as other candidates,&nbsp;hiring managers will ignore all of them.<\/p>\n\n\n\n<h2>Final Thoughts<\/h2>\n\n\n\n<p>Whether you\u2019re a&nbsp;UX designer&nbsp;or&nbsp;developer, the goal is the same:&nbsp;make it easy for people to understand your work, fast.&nbsp;Hiring managers don\u2019t have time to hunt for details, so keep it clean, structured, and visual.<\/p>\n\n\n\n<p>Your future employer will thank you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>or&#8230; How to Make Your UX\/Dev Portfolio Stand Out Let\u2019s be real\u2014people don\u2019t read. And when it comes to your UX or development portfolio, that\u2019s even more true. Hiring managers and recruiters are sifting through&nbsp;20-30 portfolios, each with multiple case studies. They don\u2019t have time to read paragraphs of text. &hellip;<\/p>\n","protected":false},"author":2,"featured_media":6749,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[56],"tags":[],"_links":{"self":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/6740"}],"collection":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/comments?post=6740"}],"version-history":[{"count":9,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/6740\/revisions"}],"predecessor-version":[{"id":6752,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/6740\/revisions\/6752"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/media\/6749"}],"wp:attachment":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/media?parent=6740"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/categories?post=6740"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/tags?post=6740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}