<style>/*<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6649224506660446455&zx=958837ed-26fd-4add-8e19-3c3b4c06c14b' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6649224506660446455&zx=958837ed-26fd-4add-8e19-3c3b4c06c14b' 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 / Formerly 42419777 on ICQ / 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/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4Qqc5WzsK07bWxD-4vtpLnipD2Hg:1731677472507';_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/3d970d7188fc7945', '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': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', '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_s8pRFAdq0vpjzayZqn83EyvXO1MPhnq-TqsdqBf4w_CCqc_tylQ1-hlMZTdcq2XKKTFZhelQ97HDd46SlLmpAEQP_2VioVldE-mfWTIhgcHJvZBW5jccO51nYHHZA-6BCmv4ZucMJf3s1Estkj8SY1raIfFApVUQ0YHmqxng', '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_s8pRFAdq0vpjzayZqn83EyvXO1MPhnq-TqsdqBf4w_CCqc_tylQ1-hlMZTdcq2XKKTFZhelQ97HDd46SlLmpAEQP_2VioVldE-mfWTIhgcHJvZBW5jccO51nYHHZA-6BCmv4ZucMJf3s1Estkj8SY1raIfFApVUQ0YHmqxng', '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': 'Cool Stuff: Barbarian Knight Beard Head', 'id': 8572650053644272752}, {'title': 'The Amazing Sipdre-Nma', 'id': 7323732856264706295}, {'title': 'Cool Stuff: Verso Trends Scholar Notebook Case For Kindle Fire HD', 'id': 1509954503772873188}, {'title': 'Cool Stuff: Back To The Future Flux Capacitor Wristwatch', 'id': 286578749224338240}, {'title': 'Fashion Geek: Batman Wreath T-Shirt', 'id': 2495200464182163758}]}, {'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/2784278825-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-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': 'AOuZoY5wSxf0skAcPE4RAh-t9SvMauPl-A:1731677472508', '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

Cool Stuff: Barbarian Knight Beard Head

The Amazing Sipdre-Nma

Cool Stuff: Verso Trends Scholar Notebook Case For Kindle Fire HD

Cool Stuff: Back To The Future Flux Capacitor Wristwatch

Fashion Geek: Batman Wreath T-Shirt

Hashtag

Contact Me

Micro-Donations

Micro-Donations are live!