<style>/*<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6649224506660446455&zx=340d7673-36a1-484d-88fa-a0bbcc45aa43' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6649224506660446455&zx=340d7673-36a1-484d-88fa-a0bbcc45aa43' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<!-- data-ad-client=ca-pub-0764510747050966 -->

</head><body>*/</style>

Infographic: The 10 Commandments Of User Interface Design

Gabe Pérez

01 May, 2015

User interface design is more than skin deep. Here's an infographic that sums up the 10 Commandments of User Interface Design quite succinctly.

(Infographic by: Designmantic; The 10 Commandements of Typography; The Commandements of Color Theory; The 10 Commandements of Logo Design)

Gabe Pérez

I'm Accountant / Old and Bitter, not Obsolete / Sometimes I make stuff in HTML, CSS and spreadsheets in Excel / Netizen since 1996

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/517362887-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY60M6Ri5Cz87k5wX1jeD3JGmscIFA:1713520537777';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6649224506660446455','//timesnewgeek.blogspot.com/2015/04/infographic-10-commandments-of-user.html','6649224506660446455');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6649224506660446455', 'title': 'TNGEEK', 'url': 'https://timesnewgeek.blogspot.com/2015/04/infographic-10-commandments-of-user.html', 'canonicalUrl': 'https://timesnewgeek.blogspot.com/2015/04/infographic-10-commandments-of-user.html', 'homepageUrl': 'https://timesnewgeek.blogspot.com/', 'searchUrl': 'https://timesnewgeek.blogspot.com/search', 'canonicalHomepageUrl': 'https://timesnewgeek.blogspot.com/', 'blogspotFaviconUrl': 'https://timesnewgeek.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-68LL93BD7W', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22TNGEEK - Atom\x22 href\x3d\x22https://timesnewgeek.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22TNGEEK - RSS\x22 href\x3d\x22https://timesnewgeek.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22TNGEEK - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6649224506660446455/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22TNGEEK - Atom\x22 href\x3d\x22https://timesnewgeek.blogspot.com/feeds/8056009282540504606/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-0764510747050966', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d86c8c5eadffdf93', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '8056009282540504606', 'postImageUrl': 'http://www.designmantic.com/blog/wp-content/uploads/2015/04/ten-Commandments-UI-Design.png', 'pageName': 'Infographic: The 10 Commandments Of User Interface Design', 'pageTitle': 'TNGEEK: Infographic: The 10 Commandments Of User Interface Design', 'metaDescription': 'User interface design is more than skin deep. Here\x27s an infographic that sums up the 10 Commandments of User Interface Design quite succinctly.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Infographic: The 10 Commandments Of User Interface Design', 'description': 'User interface design is more than skin deep. Here\x27s an infographic that sums up the 10 Commandments of User Interface Design quite succinctly.', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sae0qNYSdowdOPQCn0oqiII9F2SOW0Dog_yN0icjY4hGGN8_yHEcUQWAMmhV9L6ui6HNY-XpDbQ49ElJ_GTMbisSh42kXCeVliE53sn-ZabzJRBuwwUsKt1hA-F0wMsBKX4kqHu64KD3k7Mi5ruyY1LqEqVRlQh-eYwX-7Lg', 'url': 'https://timesnewgeek.blogspot.com/2015/04/infographic-10-commandments-of-user.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8056009282540504606}}, {'name': 'widgets', 'data': [{'title': 'Upload Image', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image10'}, {'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost1', 'postId': '8640856881615318300'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '8056009282540504606', 'title': 'Infographic: The 10 Commandments Of User Interface Design', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sae0qNYSdowdOPQCn0oqiII9F2SOW0Dog_yN0icjY4hGGN8_yHEcUQWAMmhV9L6ui6HNY-XpDbQ49ElJ_GTMbisSh42kXCeVliE53sn-ZabzJRBuwwUsKt1hA-F0wMsBKX4kqHu64KD3k7Mi5ruyY1LqEqVRlQh-eYwX-7Lg', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'dd MMM, yyyy'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'share', 'label': ''}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'backlinks', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'dd MMM, yyyy'}, {'name': 'share', 'label': ''}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'backlinks', 'label': ''}, {'name': 'labels', 'label': ''}]}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts10', 'posts': [{'title': 'The MPMan Experience: World\x27s First Portable MP3 Player', 'id': 6502191524278924367}, {'title': 'Is Technology Killing Creativity? (Star Wars + Heidegger) [8-Bit Philosophy]', 'id': 6923926999311857151}, {'title': 'Size Difference Of Computer Memory: 1979 Vs. 2013', 'id': 3751157166063255161}, {'title': 'Plato Vs The Legend Of Zelda: What If You Could Get Away With Anithing? [8-Bit Philosophy]', 'id': 8835250065119024155}, {'title': 'Huffman Coding And Huffman Trees: How Computers Compress Text [The Basics - S01E03]', 'id': 47880425969207206}]}, {'title': 'Hashtag', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label11'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': 'Contact Me', 'type': 'ContactForm', 'sectionId': 'sidebar-sticky', 'id': 'ContactForm1'}, {'title': 'Micro-Donations', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML1'}, {'title': 'About TNGEEK', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Learn More', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Me', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': '', 'type': 'BloggerButton', 'sectionId': 'footer-widget', 'id': 'BloggerButton1'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image10', 'upload-image', document.getElementById('Image10'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'before-blog', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3538472454-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'sidebar-static', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label11', 'sidebar-static', document.getElementById('Label11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar-sticky', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Me', 'blogId': '6649224506660446455', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AOuZoY5FjWl46rNg4FYY6JNqDit9RuYDBA:1713520537777', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-sticky', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BloggerButtonView', new _WidgetInfo('BloggerButton1', 'footer-widget', document.getElementById('BloggerButton1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>

Gabe Pérez

Popular Posts

The MPMan Experience: World's First Portable MP3 Player

Is Technology Killing Creativity? (Star Wars + Heidegger) [8-Bit Philosophy]

Size Difference Of Computer Memory: 1979 Vs. 2013

Plato Vs The Legend Of Zelda: What If You Could Get Away With Anithing? [8-Bit Philosophy]

Huffman Coding And Huffman Trees: How Computers Compress Text [The Basics - S01E03]

Hashtag

Contact Me

Micro-Donations

Micro-Donations are live!