{"id":12824,"date":"2016-03-02T17:18:16","date_gmt":"2016-03-03T01:18:16","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=12824"},"modified":"2025-10-23T00:05:29","modified_gmt":"2025-10-23T07:05:29","slug":"the-elements-of-trustworthy-ui-design","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/","title":{"rendered":"The Elements of Trustworthy UI Design"},"content":{"rendered":"<p style=\"text-align: left;\">Spammers, scammers, and identity thieves \u2014 the world is a scary place.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12896\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image018.jpg\" alt=\"Person in a dark, foreboding tunnel\" width=\"700\" height=\"465\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image018.jpg 700w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image018-452x300.jpg 452w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><em>Photo credit: <\/em><em>Down the Rabbit Hole<\/em><em>. <\/em><a href=\"https:\/\/creativecommons.org\/licenses\/by\/2.0\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Creative Commons<\/em><\/a><em>. <\/em><\/p>\n<p>It falls on the individual site or app to prove its credibility through the product design and design of marketing assets (like landing pages). Designers just can\u2019t expect the users to trust them with blind faith.<\/p>\n<p>In this piece, we\u2019ll discuss the best practices for ensuring that your product says what it does and does what it says.<\/p>\n<p><em>The following piece is an excerpt from the free guide <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-successful-elements-for-products\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Elements of Successful UX Design<\/a>.\u00a0<\/em><\/p>\n<h2><strong>First Impressions Matter<\/strong><\/h2>\n<p>You only get one chance \u2014 and about ten seconds \u2014 to make a good first impression. <a href=\"http:\/\/www.nngroup.com\/articles\/how-long-do-users-stay-on-web-pages\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Nielsen Norman Group recounts a study<\/a> citing that users will leave your site within 10-20 seconds unless you can prove your worth. That means you don\u2019t have much time to establish credibility and clearly communicate your value.<\/p>\n<p><a href=\"http:\/\/simson.net\/ref\/2002\/stanfordPTL.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">A different study from Stanford<\/a> proves that, for web users at least, visuals are the number one factor in determining credibility. Combining the two studies shows just how important your landing page\u2019s visual are to establishing trust, as quickly as possible.<\/p>\n<p>Polished aesthetics and intuitive usability are the two base ingredients for building trust. Good usability instills confidence, while the eye candy increases desire to use the site or app.<\/p>\n<p>Even if your\u00a0interface\u00a0strives for a progressive style (<a href=\"http:\/\/designshack.net\/articles\/layouts\/asymmetrical-design-creating-beautiful-balanced-layouts\/\" target=\"_blank\" rel=\"noopener noreferrer\">perhaps applying asymmetry<\/a>), you still must create a sense of order. Clean interfaces composed of universal UI patterns are stupidly simple to use.<\/p>\n<h2><strong>Consistency<\/strong><\/h2>\n<p>A good practice all around, <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/consistency-ui-design-creativity\/\" target=\"_blank\" rel=\"noopener noreferrer\">consistency<\/a> is strongly linked to reliability. That is to say, <em>in<\/em>consistency suggests disorganization and incompetence.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-12825\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image004-700x210.png\" loading=\"lazy\" alt=\"image00\" width=\"810\" height=\"243\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image004-700x210.png 700w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image004.png 1000w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><\/p>\n<p>Consistency manifests itself in two different forms. First, your design must be <em>externally consistent<\/em> with users expectations and prior experience. Secondly, your design be <em>internally consistent <\/em>with itself through strict adherence to style guidelines (e.g. using the same icon styles, button shapes, etc.).<\/p>\n<p>You can achieve external consistency through careful user research, proper UI patterns, and usability testing. You can achieve internal consistency by checking:<\/p>\n<ul>\n<li>The same styles and color schemes across different pages or screens.<\/li>\n<\/ul>\n<ul>\n<li>Layout and navigation consistency means features are always in the same place, such as a search option always in the upper-right corner.<\/li>\n<\/ul>\n<ul>\n<li>Functional consistency means visuals reflect the same function across the whole design, such as a green button always meaning Save.<\/li>\n<\/ul>\n<p>To help maintain consistency throughout the entire site or app, and more importantly so that every team member is on the same page, try compiling <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/web-ui-design-style-guides-components\/\" target=\"_blank\" rel=\"noopener noreferrer\">a style guide<\/a>.<\/p>\n<h2><strong>Quality Assurance<\/strong><\/h2>\n<p>It\u2019s difficult to nail down all performance issues while you\u2019re still in the designing and building phases. Once the final product is ready (or a late-stage prototype) conduct a thorough quality assurance check. This involves going through every page or section of content to make sure there are no errors and everything behaves as it\u2019s supposed to.<\/p>\n<p>The two common areas to examine in a quality assurance check are:<\/p>\n<ul>\n<li><strong>Functionality \u2014 <\/strong>All interactive buttons work. This includes clickable functions and features, but also more subtle aspects, such as hover-triggered animations and gesture controls.<\/li>\n<\/ul>\n<ul>\n<li><strong>Proofreading \u2014 <\/strong>Typos and grammar mistakes scream untrustworthy \u2014 think of a typical spam email. Comb through all text to eliminate all errors, and hire a professional if your English is not up to the task.<\/li>\n<\/ul>\n<p>Quality assurance may seem like an unnecessary step, especially if you\u2019re behind schedule. But chances are there\u2019s a least one or two errors you missed during production, and if you don\u2019t catch them, your users will.<\/p>\n<p>On a related note, no product is infallible. If you anticipate any downtime, notify users well in advance (at least 1 week) of the maintenance windows.<\/p>\n<h2><strong>No False Buttons<\/strong><\/h2>\n<p>As a rule, only buttons should look like buttons.<\/p>\n<p>False buttons frustrate the user, who waste time clicking them. The mistrust will spread to your whole design since users will think twice before interacting with other elements.<\/p>\n<p>Don\u2019t outline words or phrases in a box unless the user can click on it.<\/p>\n<h2><strong>No Dark Patterns<\/strong><\/h2>\n<p>As the name suggests, <a href=\"http:\/\/alistapart.com\/article\/dark-patterns-deception-vs.-honesty-in-ui-design\" target=\"_blank\" rel=\"noopener noreferrer\">dark patterns<\/a> are designed to trick users into actions that make the company more money.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12885\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image031.png\" loading=\"lazy\" alt=\"image03\" width=\"600\" height=\"200\" \/><\/p>\n<p>While tempting for short-term gains, they always damage the brand in the long run. You might be able to fool the user once or twice, but once they realize the deception, you\u2019ll probably never earn their trust back.<\/p>\n<ul>\n<li>Never sneak items into a user\u2019s shopping cart upon checkout.<\/li>\n<\/ul>\n<ul>\n<li>If users pay for a certain set of actions (e.g. 20 usability tests per month), don\u2019t allow for more actions than what a user paid for, then demand payment or you\u2019ll lock the account. Hostage-taking is never a viable UX strategy.<\/li>\n<\/ul>\n<ul>\n<li>On a more subtle yet equally sinister note, don\u2019t design difficult opt-outs (like forcing users to take multiple steps to cancel an account).<\/li>\n<\/ul>\n<p>To learn more, check out UX Designer Harry Brignull\u2019s excellent collection of <a href=\"http:\/\/darkpatterns.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">dark patterns<\/a>. The gallery is a cautionary tale for designers and companies alike.<\/p>\n<h2><strong>Quick Case Study: <a href=\"https:\/\/www.chase.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Chase<\/a><\/strong><\/h2>\n<p>For banks and financial institutions, trust is paramount.<\/p>\n<p>The layout for <a href=\"https:\/\/www.chase.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Chase<\/a>\u2019s site is not only visually appealing, it\u2019s also self-explanatory. They don\u2019t rely on their name alone for credibility. The design isn\u2019t groundbreaking, but you don\u2019t need a completely original design to appear trustworthy.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-12898\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image027-1024x441.jpg\" loading=\"lazy\" alt=\"Chase\u2019s website with a happy family\" width=\"700\" height=\"301\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image027-1024x441.jpg 700w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/image027-1024x441-698x300.jpg 698w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><em>Photo credit: <\/em><a href=\"https:\/\/www.chase.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Chase<\/em><\/a><\/p>\n<p>Notice the basic visual logic at work:<\/p>\n<ul>\n<li>A readable sans-serif typeface with soft edges creates a feeling of comfort and hospitality.<\/li>\n<\/ul>\n<ul>\n<li>The tasteful icons appear friendly and designed by professionals.<\/li>\n<\/ul>\n<ul>\n<li>The login\/signup window \u2014 a likely first step \u2014 is given visual priority by clearly standing out from the photo behind it. The form\u2019s rounded edges also draws attention to the content while feeling safer since the brain has evolved to <a href=\"http:\/\/uxmovement.com\/thinking\/why-rounded-corners-are-easier-on-the-eyes\/\" target=\"_blank\" rel=\"noopener noreferrer\">see sharp edges as a threat<\/a>.<\/li>\n<\/ul>\n<ul>\n<li>The top navigation menu offers more options without cluttering, thanks to smart spacing, a hamburger icon, and an expandable search feature.<\/li>\n<\/ul>\n<ul>\n<li>The brand\u2019s use of blue colors strikes the right emotional notes as it creates a sense of safety and reliability.<\/li>\n<\/ul>\n<ul>\n<li>The stock photograph feels candid, not a posed cardboard cutout.<\/li>\n<\/ul>\n<p>When you see the landing page, you just seem to know that this company knows what they\u2019re doing. You feel a sense of structure, which leads to a sense of safety.<\/p>\n<p>Discussions around visual details like grid alignment, colors, and typography depend on far more than one\u2019s personal taste. When they match the mindset of your user, you\u2019ve already carved a clear path towards conversions.<\/p>\n<p>For a bottom-line example of how smart visual choices lead to more revenue, check out <a href=\"https:\/\/growthhackers.com\/growth-studies\/airbnb\" target=\"_blank\" rel=\"noopener noreferrer\">this story<\/a> of how Airbnb improved host profitability by investing in HD photos to appear more credible.<\/p>\n<h2><strong>Conclusion<\/strong><\/h2>\n<p>The tactics we outlined aren\u2019t necessarily exclusive to digital design. These are the best practices that have emerged over centuries of businesses trying to distinguish themselves through honesty.<\/p>\n<p>If you design a credible product but don\u2019t appear trustworthy to users, few people will take the plunge. On the other hand, if you design a product full of dark patterns and present it in the best light possible, you\u2019ll end up with plenty of angry users. For long-term success, you must instill confidence through the product design and the UX created by your marketing assets.<\/p>\n<p>For more practical design advice, check out the free 109-page guide <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-successful-elements-for-products\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Essential Elements of Successful UX Design<\/a>. Best practices are explained based on analyzing 24 examples from companies like Slack, Apple, and others.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-successful-elements-for-products\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"alignnone wp-image-12368\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/87042076806348.waLDIkkTHQ2gbuX1fRvQ_height640.png\" alt=\"87042076806348.waLDIkkTHQ2gbuX1fRvQ_height640\" loading=\"lazy\" width=\"720\" height=\"377\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/87042076806348.waLDIkkTHQ2gbuX1fRvQ_height640.png 640w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/87042076806348.waLDIkkTHQ2gbuX1fRvQ_height640-573x300.png 573w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p><em>Feature photo credit: <a href=\"http:\/\/semanticstudios.com\/user_experience_design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Peter Morville<\/a><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Know how to carefully execute key UI elements for building user trust. <\/p>\n","protected":false},"author":9,"featured_media":12878,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,6],"tags":[],"class_list":["post-12824","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ui-design","category-ux-design"],"yoast_title":"","yoast_metadesc":"Know how to carefully execute key UI elements for building user trust.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>The Elements of Trustworthy UI Design | UXPin<\/title>\n<meta name=\"description\" content=\"Know how to carefully execute key UI elements for building user trust.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Elements of Trustworthy UI Design\" \/>\n<meta property=\"og:description\" content=\"Know how to carefully execute key UI elements for building user trust.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-03T01:18:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-23T07:05:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/Screen-Shot-2016-03-02-at-5.12.08-PM.png\" \/>\n\t<meta property=\"og:image:width\" content=\"417\" \/>\n\t<meta property=\"og:image:height\" content=\"372\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jerry Cao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jerry Cao\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/the-elements-of-trustworthy-ui-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/the-elements-of-trustworthy-ui-design\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"The Elements of Trustworthy UI Design\",\"datePublished\":\"2016-03-03T01:18:16+00:00\",\"dateModified\":\"2025-10-23T07:05:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/the-elements-of-trustworthy-ui-design\\\/\"},\"wordCount\":1267,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/the-elements-of-trustworthy-ui-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/Screen-Shot-2016-03-02-at-5.12.08-PM.png\",\"articleSection\":[\"Blog\",\"UI Design\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/the-elements-of-trustworthy-ui-design\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/the-elements-of-trustworthy-ui-design\\\/\",\"name\":\"The Elements of Trustworthy UI Design | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/the-elements-of-trustworthy-ui-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/the-elements-of-trustworthy-ui-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/Screen-Shot-2016-03-02-at-5.12.08-PM.png\",\"datePublished\":\"2016-03-03T01:18:16+00:00\",\"dateModified\":\"2025-10-23T07:05:29+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"Know how to carefully execute key UI elements for building user trust.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/the-elements-of-trustworthy-ui-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/the-elements-of-trustworthy-ui-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/the-elements-of-trustworthy-ui-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/Screen-Shot-2016-03-02-at-5.12.08-PM.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/Screen-Shot-2016-03-02-at-5.12.08-PM.png\",\"width\":417,\"height\":372,\"caption\":\"Screen Shot 2016 03 02 at 5.12.08 PM\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/the-elements-of-trustworthy-ui-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Elements of Trustworthy UI Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\",\"name\":\"Jerry Cao\",\"description\":\"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jerrycao\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Elements of Trustworthy UI Design | UXPin","description":"Know how to carefully execute key UI elements for building user trust.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/","og_locale":"en_US","og_type":"article","og_title":"The Elements of Trustworthy UI Design","og_description":"Know how to carefully execute key UI elements for building user trust.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/","og_site_name":"Studio by UXPin","article_published_time":"2016-03-03T01:18:16+00:00","article_modified_time":"2025-10-23T07:05:29+00:00","og_image":[{"width":417,"height":372,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/Screen-Shot-2016-03-02-at-5.12.08-PM.png","type":"image\/png"}],"author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"The Elements of Trustworthy UI Design","datePublished":"2016-03-03T01:18:16+00:00","dateModified":"2025-10-23T07:05:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/"},"wordCount":1267,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/Screen-Shot-2016-03-02-at-5.12.08-PM.png","articleSection":["Blog","UI Design","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/","name":"The Elements of Trustworthy UI Design | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/Screen-Shot-2016-03-02-at-5.12.08-PM.png","datePublished":"2016-03-03T01:18:16+00:00","dateModified":"2025-10-23T07:05:29+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"Know how to carefully execute key UI elements for building user trust.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/Screen-Shot-2016-03-02-at-5.12.08-PM.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/Screen-Shot-2016-03-02-at-5.12.08-PM.png","width":417,"height":372,"caption":"Screen Shot 2016 03 02 at 5.12.08 PM"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/the-elements-of-trustworthy-ui-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"The Elements of Trustworthy UI Design"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18","name":"Jerry Cao","description":"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.","sameAs":["http:\/\/uxpin.com"],"url":"https:\/\/www.uxpin.com\/studio\/author\/jerrycao\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/12824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=12824"}],"version-history":[{"count":5,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/12824\/revisions"}],"predecessor-version":[{"id":57393,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/12824\/revisions\/57393"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/12878"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=12824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=12824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=12824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}