{"id":3470,"date":"2020-06-01T12:03:31","date_gmt":"2020-06-01T12:03:31","guid":{"rendered":"https:\/\/www.uxdesigninstitute.com\/blog\/?p=3470"},"modified":"2025-01-28T15:13:23","modified_gmt":"2025-01-28T15:13:23","slug":"ux-tools-students","status":"publish","type":"post","link":"https:\/\/www.uxdesigninstitute.com\/blog\/ux-tools-students\/","title":{"rendered":"UX tools: What to use and when"},"content":{"rendered":"<p>Deciding what UX tools to use can be overwhelming.<\/p>\n<p>When you\u2019re starting out, it can feel like a major roadblock in progressing with your portfolio. So, to help you get up to speed, Aoife Shanahan (Head of Student Success at UX Design Institute) and Conor Normile (Head of Product at UX Design Institute) outlined what UX tools you should use, and addressed some common concerns for those feeling stuck.<\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-diploma-in-ux-designp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ux-design?utm_source=blog&amp;utm_medium=blog_panel_pdux&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN UX]<\/p>\n                    <span>Take our Professional Diploma in UX Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h2>UX tools for user research<\/h2>\n<p>User research underpins successful UX design, it\u2019s the foundation of your portfolio. Usability tests can teach you about the goals, behaviours and context of your users. The UX tools below can help you do in-person and remote tests.<\/p>\n<p><strong><a href=\"https:\/\/www.loom.com\/\" target=\"_blank\" rel=\"noopener\">Loom<\/a><\/strong>\u00a0is recommended by Aoife for usability tests. She enjoys its simple interface and says this web-based tool can save you storage on your device in the long run, as video recordings are added to its online library. It works well for in-person usability testing.<\/p>\n<p><strong><a href=\"https:\/\/zoom.us\/\" target=\"_blank\" rel=\"noopener\">Zoom<\/a><\/strong> is a popular choice for remote video recording amongst UX professionals too, as well as its video conferencing functionality.<\/p>\n<p><strong><a href=\"https:\/\/obsproject.com\/\" target=\"_blank\" rel=\"noopener\">Open Broadcast Software <\/a><\/strong>is a free and open source software for video recording and live streaming, useful if you have an open-source operating system like Linux.<\/p>\n<p><strong><a href=\"https:\/\/www.techsmith.com\/video-editor.html\" target=\"_blank\" rel=\"noopener\">Camtasia<\/a><\/strong> has basic video editing capabilities as well as screen capture, and it works on both Mac and PC.<\/p>\n<p><a href=\"https:\/\/www.airsquirrels.com\/reflector\" target=\"_blank\" rel=\"noopener\"><strong>Reflector<\/strong><\/a> is good for remote mobile testing, especially when <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/mobile-usability-tests\/\" target=\"_blank\" rel=\"noopener\">used with Zoom simultaneously<\/a>.<\/p>\n<blockquote><p>Make sure your basic setup (device, microphone and speaker) is working well before diving into user research.<\/p><\/blockquote>\n<h2>UX tools for user goals<\/h2>\n<p>After you\u2019ve done your user research, it\u2019s time to move onto the analysis phase. Breaking down your research, articulating user problems, and presenting your findings are the main goals here. These UX tools can create items like <strong><a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/affinity-diagrams-everything-you-need-to-know\/\" target=\"_blank\" rel=\"noopener\">affinity diagrams<\/a><\/strong>, customer journey maps, and personas to illustrate your user goals.<\/p>\n<p><img decoding=\"async\" class=\"wp-image-3505 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/\/uploads\/2020\/06\/Frank-_Customer-journey-map.png\" alt=\"Frank customer journey map - ux tools\" width=\"100%\" title=\"\" srcset=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Frank-_Customer-journey-map.png 1753w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Frank-_Customer-journey-map-300x212.png 300w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Frank-_Customer-journey-map-768x543.png 768w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Frank-_Customer-journey-map-1024x724.png 1024w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Frank-_Customer-journey-map-1272x900.png 1272w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Frank-_Customer-journey-map-1000x707.png 1000w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Frank-_Customer-journey-map-800x566.png 800w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Frank-_Customer-journey-map-600x424.png 600w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Frank-_Customer-journey-map-400x283.png 400w\" sizes=\"(max-width: 1753px) 100vw, 1753px\" \/><\/p>\n<p><strong><a href=\"https:\/\/miro.com\/\" target=\"_blank\" rel=\"noopener\">Miro<\/a><\/strong> (web-based) is a popular collaborative UX tool for creating <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/affinity-diagrams-everything-you-need-to-know\/\" target=\"_blank\" rel=\"noopener\">affinity diagrams<\/a>, customer journey maps, and personas. This UX tool has various <a href=\"https:\/\/miro.com\/templates\/affinity-diagram\/\" target=\"_blank\" rel=\"noopener\">templates<\/a> to get you started, plus you can easily export the boards and insert them into your portfolio.<\/p>\n<p><strong><a href=\"https:\/\/uxpressia.com\/\" target=\"_blank\" rel=\"noopener\">UXPressia <\/a><\/strong>(web-based) is an intuitive app where you can create customer journeys and personas. Illustrating user goals is its main function.<\/p>\n<p>Native presentation apps like Keynote (Mac) and PowerPoint (PC) are straightforward and effective tools for constructing customer journey maps.<\/p>\n<p><strong><a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener\">Figma<\/a><\/strong> (web-based), <strong><a href=\"https:\/\/www.adobe.com\/ie\/products\/xd.html\" target=\"_blank\" rel=\"noopener\">Adobe XD<\/a><\/strong> (Mac and PC) and <strong><a href=\"https:\/\/www.sketch.com\/\" target=\"_blank\" rel=\"noopener\">Sketch <\/a><\/strong>(Mac) are popular choices for creating customer journey maps too.<\/p>\n<blockquote><p>It\u2019s worth pointing out that some UX tools can take you through the breadth of the UX design process, from establishing user goals to creating prototypes. Figma and Adobe XD are two examples of full-featured tools.<\/p><\/blockquote>\n<p>Students from design backgrounds often prefer Adobe XD because they\u2019re familiar with other tools from Adobe Creative Suite (Photoshop, InDesign, Illustrator, etc.). Overall, it\u2019s really a matter of preference.<\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_professional-diploma-in-ux-designp-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/ux-design?utm_source=blog&amp;utm_medium=blog_panel_pdux&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN UX]<\/p>\n                    <span>Take our Professional Diploma in UX Design course<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h2>UX tools for flow diagrams<\/h2>\n<p>These tools can help you create user flow diagrams, which can help people see your users\u2019 movement through your website or app.<\/p>\n<blockquote><p>Flow diagrams give people a bird&#8217;s-eye view of how different elements interconnect, while demonstrating how users reach their goals.<\/p><\/blockquote>\n<p>Aoife loves <a href=\"http:\/\/draw.io\" target=\"_blank\" rel=\"noopener\">draw.io<\/a>\u2019s (web-based) simplicity. You can easily save your flow diagrams to cloud storage or your device.<\/p>\n<p><strong><a href=\"https:\/\/www.lucidchart.com\/pages\/\" target=\"_blank\" rel=\"noopener\">LucidChart<\/a><\/strong> (web-based) is a visual workspace for remote teams. Within it there is the possibility to create professional-looking flow diagrams.<\/p>\n<p><strong><a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener\">Figma<\/a><\/strong> (web-based) allows you to easily create flow diagrams too. They have a number of <a href=\"https:\/\/www.figma.com\/templates\/flowchart-maker\/\" target=\"_blank\" rel=\"noopener\">free editable templates<\/a>.<\/p>\n<p><img decoding=\"async\" class=\"wp-image-3475 size-large\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/\/uploads\/2020\/06\/Mike_flow-diagram_LucidChart-1024x415.png\" alt=\"Flow Diagram - LucidChart - ux tools\" width=\"100%\" title=\"\" srcset=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Mike_flow-diagram_LucidChart-1024x415.png 1024w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Mike_flow-diagram_LucidChart-300x121.png 300w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Mike_flow-diagram_LucidChart-768x311.png 768w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Mike_flow-diagram_LucidChart-1600x648.png 1600w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Mike_flow-diagram_LucidChart-1000x405.png 1000w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Mike_flow-diagram_LucidChart-800x324.png 800w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Mike_flow-diagram_LucidChart-600x243.png 600w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Mike_flow-diagram_LucidChart-400x162.png 400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>UX tools for wireframes and prototypes<\/h2>\n<p>You\u2019ve done a serious amount of groundwork by the time you\u2019ve started designing your wireframes and prototypes. Whether you\u2019re making a low-fidelity wireframe or an interactive desktop prototype, these tools can make your project look ready to move into the development stage.<\/p>\n<p>Conor recommends <strong><a href=\"https:\/\/balsamiq.com\/wireframes\/\" target=\"_blank\" rel=\"noopener\">Balsamiq<\/a><\/strong> (Mac and PC) as a super simple but effective UX wireframing tool. It doesn&#8217;t have many features but Conor views this as a benefit, saying \u201cthere are fewer distractions from focusing on constructing wireframes.\u201d<\/p>\n<p><strong><a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener\">Figma<\/a><\/strong> (web-based) makes wireframing accessible. Plus, it has a number of <a href=\"https:\/\/www.figma.com\/templates\/wireframe-kits\/\" target=\"_blank\" rel=\"noopener\">templates<\/a> to get you started. The platform intuitively allows you to change static designs into clickable prototypes.<\/p>\n<p><a href=\"https:\/\/www.invisionapp.com\/\" target=\"_blank\" rel=\"noopener\"><strong>InVision<\/strong><\/a> (web-based) allows you to easily create clickable prototypes. First, you must import your wireframes from another UX tool like Adobe XD or Sketch to make your prototype.<\/p>\n<p><strong><a href=\"https:\/\/www.axure.com\/\" target=\"_blank\" rel=\"noopener\">Axure RP<\/a><\/strong> (Mac and PC) allows you to create high-fidelity prototypes. While once the most popular prototyping tool, its interface is arguably more challenging to use compared to the UX tools above.<\/p>\n<p><img decoding=\"async\" class=\"wp-image-3476 size-full\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/\/uploads\/2020\/06\/Ellina_prototype-AdobeXD.png\" alt=\"High fidelity prototype - AdobeXD - ux tools\" width=\"100%\" title=\"\" srcset=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Ellina_prototype-AdobeXD.png 872w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Ellina_prototype-AdobeXD-300x188.png 300w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Ellina_prototype-AdobeXD-768x482.png 768w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Ellina_prototype-AdobeXD-800x502.png 800w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Ellina_prototype-AdobeXD-600x376.png 600w, https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2020\/06\/Ellina_prototype-AdobeXD-400x251.png 400w\" sizes=\"(max-width: 872px) 100vw, 872px\" \/><\/p>\n<h2>How to choose what UX tools to use<\/h2>\n<p>After seeing a list of UX tools, students sometimes struggle to decide what ones to use.<\/p>\n<p>Take a step back and think about what tools can best communicate your UX ideas and build your UX skills (to help you <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-hiring-managers-look-for-in-ux-designer\/\" target=\"_blank\" rel=\"noopener\">stand out during the hiring process).<\/a><\/p>\n<p>Conor warned against \u201cgetting too fixated on trying lots of different tools,\u201d saying \u201cfocus on what\u2019s important &#8211; the central idea &#8211; the interactions, users flows, information hierarchy, etc. These can be captured with simple tools.\u201d<\/p>\n<p>He cites Figma as an industry favourite because it covers design and prototyping in one package. Aoife agrees, pointing out Figma\u2019s <a href=\"https:\/\/youtu.be\/-sAAa-CCOcg\" target=\"_blank\" rel=\"noopener\">YouTube<\/a> has fantastic tutorials, ideal for beginners.<\/p>\n<p>Many of the full-featured UX tools share similarities. If you\u2019ve learnt how to use one well, it shouldn\u2019t be hard to move to another.<\/p>\n<p>Cost shouldn\u2019t be an issue either. Most UX tools are completely free or they have free versions and trials for students. You can always coordinate your UX design process with their renewal dates.<\/p>\n<p>Finally, don\u2019t worry if your background isn\u2019t in design. Aoife mentioned that students with previous experience in design tend to want to add more flair to their portfolio.<\/p>\n<blockquote><p>While aesthetics can help make your UX portfolio more engaging, this comes secondary to communicating the UX design process.<\/p><\/blockquote>\n<h2>How to become proficient with UX tools<\/h2>\n<p>There\u2019s really no secret to becoming proficient with UX tools. Practice.<\/p>\n<p>Aoife recalls learning how to use Figma, she recommends \u201ccopying interfaces on your phone, and testing how things work by playing around with different tools and commands. Set yourself small tasks that can help you gain knowledge.\u201d<\/p>\n<p>Conor advises \u201cif you\u2019re trying a full-featured design tool, watch tutorials to understand key concepts. This will save you time and heartache in the long run.\u201d<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Deciding what UX tools to use can be overwhelming. When you\u2019re starting out, it can feel like a major roadblock in progressing with your portfolio. So, to help you get up to speed, Aoife Shanahan (Head of Student Success at UX Design Institute) and Conor Normile (Head of Product at UX Design Institute) outlined what [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":5698,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[274],"tags":[297],"class_list":["post-3470","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-tools","tag-ux-software"],"_links":{"self":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/3470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/comments?post=3470"}],"version-history":[{"count":49,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/3470\/revisions"}],"predecessor-version":[{"id":11631,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/3470\/revisions\/11631"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media\/5698"}],"wp:attachment":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media?parent=3470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/categories?post=3470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/tags?post=3470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}