{"id":58597,"date":"2014-01-16T19:33:59","date_gmt":"2014-01-16T17:33:59","guid":{"rendered":"http:\/\/onsoftware.en.softonic.com\/?p=58597"},"modified":"2025-07-02T00:56:35","modified_gmt":"2025-07-02T07:56:35","slug":"twitters-new-look-a-better-universal-design","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/twitters-new-look-a-better-universal-design\/","title":{"rendered":"Twitter&#8217;s new look: a better, universal design"},"content":{"rendered":"<p>Twitter has changed its web interface to look more like its mobile apps. The first conclusion is obvious: we are moving towards unified interfaces. The second: Twitter was ugly.<\/p>\n<p><strong>For social networks, aesthetics are important<\/strong>. Your profile is a mirror, a calling card. It needs to shine. If a social network can&#8217;t deliver, not only are we not going to spend much time there, we also won&#8217;t be recommend it to other. This is what leads to decline in a social network. Naturally, Twitter can&#8217;t allow that to happen.<\/p>\n<h3>More emphasis on your profile<\/h3>\n<p>Twitter&#8217;s classic design as viewed from the desktop browser was nothing special. It was functional and to some extent light, but hardly renowned for its looks. Profile pages in Google+ are much easier on the eye. G+, for example, displays a large profile picture at all times. It serves as a <strong>constant reminder of who we are<\/strong>.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-58602\" title=\"Twitter's new profile card\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2014\/01\/card.jpg\" alt=\"Twitter's new profile card\" width=\"304\" height=\"310\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2014\/01\/card.jpg 304w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2014\/01\/card-251x256.jpg 251w\" sizes=\"auto, (max-width: 304px) 100vw, 304px\" \/><\/p>\n<p style=\"text-align: center\"><em>Top left: the new &#8216;calling card&#8217; is the heart of Twitter<\/em><\/p>\n<p>In the new design, Twitter gives greater prominence to the &#8216;calling card&#8217;, a combination of name, profile picture, background, and clearly visible numbers. It&#8217;s like looking at ourselves in the rear-view mirror. In the world of social networking, ego is the fuel, and seeing ourselves in a nice setting increases self-confidence.<\/p>\n<h3>A single, unified design<\/h3>\n<p>The second consequence of Twitter&#8217;s redesign is not new: all the best services are currently aiming to unify their interfaces. There&#8217;s no reason why using Twitter or Facebook on a desktop PC should be significantly different to using them on a phone or tablet. Some formatting changes, maybe, but the experience should be the same.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-58605\" title=\"Twitter's new design\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2014\/01\/newdesign1.jpg\" alt=\"Twitter's new design\" width=\"568\" height=\"452\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2014\/01\/newdesign1.jpg 568w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2014\/01\/newdesign1-256x203.jpg 256w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/p>\n<p>This convergence shows the browser as an information\u00a0viewer, a window in which to load hypertext, but also a small operating system inside another operating system. The pages we use every day look like applications because they are: they no longer look different from the apps we use on our phones.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-58601\" title=\"Twitter's announcement of the new design\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2014\/01\/announce.png\" alt=\"Twitter's announcement of the new design\" width=\"568\" height=\"413\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2014\/01\/announce.png 568w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2014\/01\/announce-256x186.png 256w\" sizes=\"auto, (max-width: 568px) 100vw, 568px\" \/><\/p>\n<p style=\"text-align: center\"><em>Twitter&#8217;s announcement was met with sarcasm by many users<\/em><\/p>\n<p>Now, combining interface unification with usability and attractive design is difficult. Twitter seems to have made \u200b\u200bthe right decisions, but it should be very careful with any design changes: one false move and you&#8217;ve broken millions of &#8216;social mirrors&#8217;.<\/p>\n<p><strong>What do you think of Twitter&#8217;s new design?<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Twitter has changed its web interface to look more like its mobile apps. The first conclusion is obvious: we are moving towards unified interfaces. The second: Twitter was ugly. For social networks, aesthetics are important. Your profile is a mirror, a calling card. It needs to shine. If a social network can&#8217;t deliver, not only &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/en\/twitters-new-look-a-better-universal-design\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Twitter&#8217;s new look: a better, universal design&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2044,"featured_media":58604,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[],"tags":[],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-58597","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/58597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/users\/2044"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/comments?post=58597"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/58597\/revisions"}],"predecessor-version":[{"id":331536,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/58597\/revisions\/331536"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media\/58604"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media?parent=58597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/categories?post=58597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/tags?post=58597"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/usertag?post=58597"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/vertical?post=58597"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/content-category?post=58597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}