{"id":5370,"date":"2020-10-29T17:19:16","date_gmt":"2020-10-29T17:19:16","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=5370"},"modified":"2021-08-24T14:12:04","modified_gmt":"2021-08-24T14:12:04","slug":"ui-ux-with-figma","status":"publish","type":"post","link":"http:\/\/sites.la.utexas.edu\/kb\/2020\/10\/29\/ui-ux-with-figma\/","title":{"rendered":"Web Design | UI\/UX with Figma"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/06\/Artboard-4.png\" alt=\"\" class=\"wp-image-7090\" width=\"127\" height=\"26\"\/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"256\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/ux-banner.png\" alt=\"\" class=\"wp-image-7297\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/ux-banner.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/07\/ux-banner-300x100.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure><\/div>\n\n\n\n<p>Businesses have started to realize the importance of having an enjoyable customer experience in the last few years. UI\/UX design is now a valuable skill for any designer to have.<\/p>\n\n\n\n<p>UI\/UX \u2014 in some form \u2014 has been around since the 1980s. Back then, it was called human-computer interaction and stood at the intersection of computer science, design, and behavioral science.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><br><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"812\" class=\"wp-image-5371\" style=\"width: 500px\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/f13e1fe8d85fdff71caa4f028ce30c38-1.jpg\" alt=\"\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/f13e1fe8d85fdff71caa4f028ce30c38-1.jpg 700w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/f13e1fe8d85fdff71caa4f028ce30c38-1-259x300.jpg 259w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n\n\n\n<p><br>To start, look at this graphic to understand the difference between UX (user experience) and UI (user interface). The two are very different jobs and skill sets, though they often get squished into one.&nbsp;<\/p>\n\n\n\n<p>Another task at the bottom of the iceberg is user research. User researchers use various techniques to expose user needs and paint points.&nbsp;<\/p>\n\n\n\n<p>The mindset you need as a UX designer is <strong>always keeping the user\u2019s needs at the forefront of your design<\/strong>. You can be objective about this &#8211; if an element of the design does not address a user need or fix a problem they experienced, it doesn\u2019t need to be there. Your goal is to make the experience seamless and enjoyable.<\/p>\n\n\n\n<p><strong>Furthermore!<\/strong><br>If you&#8217;re interested in learning more about designing for users on your own time, check out these books. Though they are both a couple of decades old now, their principles are solid which is why they are considered THE books for baby designers.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"499\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/books.png\" alt=\"\" class=\"wp-image-5375\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/books.png 930w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/books-300x161.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/books-768x412.png 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><figcaption><br><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Goals of this training<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Learn fundamentals of UX design<\/li><li>Get hands-on experience with Figma<\/li><li>Wireframe and design a 3-page website <\/li><li>Consider user needs while conducting a user test<br><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: UX Principles<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>We don\u2019t read pages. We scan them.<br><\/strong>How do people really use the web? In less than a second, users evaluate the design of a website. Why? We are usually on a mission to get something done and done quickly. We know we don\u2019t need to read everything on the page, just picking through for what is relevant to us right now. What we see depends on what we have in mind.<br><br><br><img loading=\"lazy\" decoding=\"async\" width=\"1360\" height=\"2088\" class=\"wp-image-5376\" style=\"width: 500px\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/scan.png\" alt=\"\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/scan.png 1360w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/scan-195x300.png 195w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/scan-667x1024.png 667w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/scan-768x1179.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/scan-1000x1536.png 1000w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/scan-1334x2048.png 1334w\" sizes=\"auto, (max-width: 1360px) 100vw, 1360px\" \/><em><br><\/em><br>So, sure you designed a full website for Spectrum.com with a nice splash page, but an upset customer with an internet outage will only be looking for the customer support number.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/3qm1n3XmkDpuYiasLFNxW10hhVMFMZZUjag7PGJdIAmpDj1iVD5tIcyuXv7hx-3Isen_gVskBIlLdqX8zkHoEaTfpBUsi7U-ZSvxuy1SCzlfoBvZfi4XB_yr8xY9D8RaiFvKnU0T\" alt=\"\"\/><\/figure>\n\n\n\n<p><em>True story.<\/em><br><\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\"><li><strong>We don\u2019t make optimal choices. We satisfice.<br><\/strong>As designers, we assume users will scan the page and choose the best available option. In reality, most of the time we don\u2019t. Instead we choose the first <em>reasonable<\/em> option and click that link using a strategy called <em>satisficing<\/em> (satisfy + suffice).<br><br>We do this because usually we are in a hurry and don\u2019t have time to compare all possible options. Since there\u2019s not much penalty to guessing wrong, we can just click the first thing that looks good and keep going back if that wasn\u2019t right.<br><br>Making a clear and well-sorted site will help users find the best answer with minimal effort.<br><br><\/li><li><strong>We don\u2019t read the instructions.<br><\/strong>When was the last time you read a terms and services agreement? Never! Instead, we choose to rely on our own past knowledge and muddle through problems. It\u2019s just not efficient for us to understand the right way to do things every time.<br><br>This facet of human nature can be troubling for a user experience designer. Being concise in your design will give users a better chance at getting their task done, and they\u2019ll even feel smart and competent using your site. <br><br><\/li><li><strong>Common design elements vs. creativity<br><\/strong>Conventions are your friend. When design elements are common elsewhere, don\u2019t reinvent them with your creativity. Users will not take the time to figure them out. Your site should have links that stand out as links and login info in the top right.<br><br>For example, think of stop signs. They are always red octagons. This is because they need to stand out to protect drivers in every type of weather and lighting. Therefore, we do not need the TxDOT intern getting creative with blue circle stop signs (\u201cbut our brand color is blue!\u201d). NO!!<br><br><img loading=\"lazy\" decoding=\"async\" width=\"259\" height=\"194\" class=\"wp-image-5377\" style=\"width: 300px\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/images.jpg\" alt=\"\"><br><br><\/li><li><strong>Know your audience<\/strong><br>It\u2019s necessary to identify who your audience is, as they put the users in user experience. Knowing them will help you determine their goals and priorities for using your site. <br><br>If you were designing a site for elderly folks<br><br>Not sure what they need? Be a researcher and go ask them!<br><br><\/li><li><strong>Visual Hierarchy<br><\/strong>To help users understand your site in a hurry, make it obvious what things are important, what things are similar.<br><br>For important things, make them more prominent. Make them bigger, bolder, a distinct color, or give them more white space\u2026 or some combo of these.<br><br>For things that are similar, logically group them together. You can do this by putting them under a heading, styling them the same, or placing them in a clearly defined area (like a sidebar).<br><br><\/li><li><strong>User experience qualities according to the US Government<\/strong><br>Steve Krug\u2019s definition of usability is:<br>\u201cA person of average (or even below average) ability and experience can figure out how to use the thing to accomplish something without it being more trouble than its worth.\u201d<br><br>Ask <a rel=\"noreferrer noopener\" href=\"http:\/\/usability.gov\" data-type=\"URL\" data-id=\"usability.gov\" target=\"_blank\">usability.gov<\/a> though, and you will get the following:<br><strong>Useful: <\/strong>Your content should be original and fulfill a need<br><strong>Usable: <\/strong>Site must be easy to use<br><strong>Desirable:<\/strong> Image, identity, brand, and other design elements are used to evoke emotion and appreciation<br><strong>Findable: <\/strong>Content needs to be navigable and locatable onsite and offsite<br><strong>Accessible: <\/strong>Content needs to be accessible to people with disabilities<br><strong>Credible: <\/strong>Users must trust and believe what you tell them<br><\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: Choose Your Client<\/h2>\n\n\n\n<p>Let your lead know which you choose in the Basecamp comments.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Option 1: Small Business Shopfront<\/strong><br>Your audience: You\u2019ve been hired by Sadie, a florist who is starting her own business, \u201cSpicewood Floral.\u201d Her audience is primarily luxury weddings and young couples. Sadie is a charismatic salesperson, and knows the sooner she can get web clients contacting her through email or phone, the better.<br>View more specs and her brand guide here: <a rel=\"noreferrer noopener\" href=\"https:\/\/utexas.app.box.com\/folder\/125037355592\" target=\"_blank\">https:\/\/utexas.app.box.com\/folder\/125037355592<\/a><br><\/li><li><strong>Option 2: Personal Portfolio Site<\/strong><br>Your audience: You are designing for a Craig. Hypothetically, he\u2019s a 34-year-old designer, but if you ask him, he\u2019s a \u201ccreative who doesn\u2019t like labels.\u201d YES, he likes craft beer. He\u2019s a senior designer at a biotech company you\u2019re applying to \u2014 basically, he&#8217;s the guy who HR passes portfolios to before hiring junior designers. So he sees a lot of portfolio sites. Craig wants to be <em>wowed<\/em> by examples of your design work, but he values simplicity. Any gimmicks on your site are an automatic No. He\u2019ll spend about 3 seconds on your homepage before he\u2019s got his mind made up and your fate is sealed.<br><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Wireframe your site<\/h2>\n\n\n\n<p>With your client chosen, sketch out ON PAPER ideas for your site\u2019s 3 pages, starting with a homepage. This is a low fidelity skeleton of your website. Colors, font, specific images do not matter right now. The focus now is visual hierarchy and the user flow.<\/p>\n\n\n\n<p>User flow is the way a user would go through your site to complete a task. If you are getting stuck on how to create a user flow, imagine you are the user who needs to buy flowers or find good graphic design work. Where would you expect to look, and what would you want to be shown when you click it? Where would you logically want to go next? And so on&#8230;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>Enter site \u2192 I want nice flowers, I\u2019m in a rush \u2192 OK, what options can I choose from? \u2192 I have questions I want to ask&nbsp; before ordering \u2192 Contact info<\/em><\/p><p><em>Enter site \u2192 I want to be impressed \u2192 Click interesting looking project \u2192 Scan for images, subheaders \u2192 Looks good, who is this person? \u2192 About me page<\/em><\/p><\/blockquote>\n\n\n\n<p><a href=\"https:\/\/www.orbitmedia.com\/blog\/web-design-tips\/\">Read 27 research-backed web design tips<\/a> &#8212; <em>this is a pretty good article worth a read as you design your first few sites.<\/em><\/p>\n\n\n\n<p><a href=\"\"><\/a><\/p>\n\n\n\n<p>Don\u2019t forget to design the universal elements of your design: the header, navigation bar, and even a footer.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/www.freecodecamp.org\/news\/content\/images\/2020\/08\/wireframe.JPG\" alt=\"What is a Wireframe? This UX Design Tutorial Will Show You.\"\/><\/figure>\n\n\n\n<p><em>A rectangle or square with an \u201cX\u201d through it is shorthand for an image.<\/em><em><br><\/em><em>Lines are shorthand for text<\/em><\/p>\n\n\n\n<p>Label things as needed to improve the clarity of your sketch. Share your sketches with red arrows for user flow on Basecamp.&nbsp;<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4: Practice in Figma<\/h2>\n\n\n\n<p>Once your layout and user flow is approved (The UX!! You are a UX designer now!), you will want to design the site. Eventually, this mockup would be shared with a product manager and developer who will create it.<\/p>\n\n\n\n<p>One of the best ways to design UI\/UX mockups is with Figma, a free online wireframing and UI tool. It also has a live collaboration feature. Other well-known UI\/UX tools are Sketch and Adobe XD. We are using Figma because it\u2019s currently THE tool, and will look most impressive on your resume.<\/p>\n\n\n\n<p><strong>Create a free account here: <a href=\"https:\/\/www.figma.com\/\">https:\/\/www.figma.com\/<\/a><\/strong><\/p>\n\n\n\n<p>Follow through with the default tutorials in your account:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Figma Basics<\/li><li>Wireframing in Figma<\/li><li>Prototyping in Figma<\/li><\/ol>\n\n\n\n<p><strong>More Resources on Figma:<\/strong><\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/www.linkedin.com\/learning\/figma-for-ux-design-2\/welcome-to-the-course?u=36306084\" data-type=\"URL\" data-id=\"https:\/\/www.linkedin.com\/learning\/figma-for-ux-design-2\/welcome-to-the-course?u=36306084\" target=\"_blank\">Watch tutorial videos on Figma through LinkedIn Learning <\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/shortcuts.design\/toolspage-figma.html\" data-type=\"URL\" data-id=\"https:\/\/shortcuts.design\/toolspage-figma.html\">Figma Shortcuts<\/a> (you can also hit <strong>Shift+Ctrl+?<\/strong> in Figma to pull up a shortcuts menu)<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"299\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/12\/shortcuts-1024x299.png\" alt=\"\" class=\"wp-image-5656\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/12\/shortcuts-1024x299.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/12\/shortcuts-300x88.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/12\/shortcuts-768x224.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/12\/shortcuts-1536x449.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/12\/shortcuts.png 2009w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step 5: Design your UI<\/h2>\n\n\n\n<p>Finally! Create your UI design. Create 3 webpages in Figma and lay out your wireframe, then begin populating it with colors, fonts, images, etc. This is the \u201cDesign\u201d function.<\/p>\n\n\n\n<p>Share your progress on Basecamp periodically.<\/p>\n\n\n\n<p>When you are happy with your UI, begin working in the \u201cPrototyping\u201d portion, to make your mockup interactive. <strong>Note <\/strong>that your prototyped site may not be 100% fully functional. The goal of this is to get an idea of what the site should do, and be functional enough for a user test (in step 6).<br><br><img loading=\"lazy\" decoding=\"async\" width=\"257\" height=\"145\" class=\"wp-image-5380\" style=\"width: 300px\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/10\/designprototype.gif\" alt=\"\"><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 6: Test your site<\/h2>\n\n\n\n<p>Next, you will need to test your prototype to determine if it a) met your client\/users\u2019 needs and b) needs any improvements. You will act as the usability researcher, and choose another STA who hasn\u2019t seen your project yet to be the user.<\/p>\n\n\n\n<p>For this practice, you will conduct a Think Aloud Test, although there are many types of usability tests. You will explain to your user STA to use your site while continuously thinking out loud &#8211; verbalizing their thoughts as they move through the site. Tell them that every thought counts, from \u201cIf I want to find the contact info, then I would definitely look at the top navigation bar\u201d to \u201cOh that shade of blue looks nice\/distracting\u201d &#8211; all this info is helpful relating back to your goals. Ask if you can record the zoom call to listen to to.<\/p>\n\n\n\n<p><strong>Here is how to conduct a think aloud test:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Re-identify your initial goals and note the ideal user flow to accomplish them &#8211; aka the \u201chappy path\u201d  a user should follow to achieve the initial goal(s). Write these down.<\/li><li>Based off the goals and happy path, list 2-5 tasks you will ask your user to complete.&nbsp;<ol><li>I.e., \u201cFind my resume,\u201d \u201cHow can you contact this business?\u201d<\/li><\/ol><\/li><li>Recruit your STA, ask politely for 10-20 minutes of their time to test your site. When they say yes, send them the link to your Figma prototype.<\/li><li>Set up a Zoom call and ask them to screenshare your prototype while you read them the tasks. Ask if you can record the meeting.<\/li><li>Read to them,<br>\u201cThis is going to be a think aloud test. Basically, I will give you some tasks and you will follow your best logic to complete them. As you work, speak out loud every thought that comes to mind like a stream of consciousness. There are no right or wrong things to say, and don\u2019t worry about looking a certain way. Everything you brain dump to me, from thoughts about a button style to confusion on where something is, is helpful to the test.\u201d<\/li><li>Read the first task then BE QUIET! Do not interrupt or influence their logic. When they complete a task successfully, say thank you and move on.<ol><li>Observe not only what they say, but what they do. Does their mouse immediately move to a part of the screen when you say something? Do they satisfice?<\/li><\/ol><\/li><li>Once the tasks are done, you can ask them general questions about the site if you have any final questions.<\/li><li>Rewatch and take notes, see how you can update your design to be more user friendly.<\/li><\/ol>\n\n\n\n<p>For more details about think aloud tests, <a href=\"https:\/\/www.nngroup.com\/articles\/thinking-aloud-the-1-usability-tool\/\">read here<\/a>.<\/p>\n\n\n\n<p>IRL, you would probably incentivize the participants with money, gift cards, or food. You would also test about 5 people total, but surprisingly <a href=\"https:\/\/www.nngroup.com\/articles\/why-you-only-need-to-test-with-5-users\/\">that is all user tests require<\/a>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 7: Reiterate<\/h2>\n\n\n\n<p>Make any adjustments to your site based on your user&#8217;s feedback.<br><br><\/p>\n\n\n\n<p>Share your final site to Basecamp. Congratulations, you have now taken feedback from users and clients, wireframed and designed a site from scratch in Figma, and successfully run a user test yourself.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"341\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/11\/basic-training-last-steps-1-1024x341.png\" alt=\"\" class=\"wp-image-5590\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/11\/basic-training-last-steps-1-1024x341.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/11\/basic-training-last-steps-1-300x100.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/11\/basic-training-last-steps-1-768x256.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/11\/basic-training-last-steps-1-1536x512.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/11\/basic-training-last-steps-1-2048x683.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Businesses have started to realize the importance of having an enjoyable customer experience in the last few years. UI\/UX design is now a valuable skill for any designer to have. UI\/UX \u2014 in some form \u2014 has been around since &hellip; <a href=\"http:\/\/sites.la.utexas.edu\/kb\/2020\/10\/29\/ui-ux-with-figma\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":705,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5370","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/5370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/users\/705"}],"replies":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/comments?post=5370"}],"version-history":[{"count":16,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/5370\/revisions"}],"predecessor-version":[{"id":7373,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/5370\/revisions\/7373"}],"wp:attachment":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/media?parent=5370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/categories?post=5370"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/tags?post=5370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}