{"id":231,"date":"2016-02-08T01:19:08","date_gmt":"2016-02-08T06:19:08","guid":{"rendered":"http:\/\/juliaesme.com\/?p=231"},"modified":"2025-03-08T13:40:15","modified_gmt":"2025-03-08T18:40:15","slug":"tumblr-app-redesign-ui","status":"publish","type":"post","link":"https:\/\/juliaesme.com\/index.php\/2016\/02\/08\/tumblr-app-redesign-ui\/","title":{"rendered":"Tumblr Redesign Concept"},"content":{"rendered":"<p>I have been an avid tumblr user since my high school days, but my love affair with it has strictly been on the desktop. I&#8217;ve always avoided the mobile app since it is notorious for having numerous bugs&nbsp;and does not allow as much control as it does on desktop.<\/p>\n<p>My purpose in this redesign concept is to create a more&nbsp;seamless and user-friendly blogging experience that optimizes&nbsp;tumblr&#8217;s key features. In addition, the iconography is also reworked for a modern, clean look. This fully integrates the elements of the app with usage of white space for a less cluttered feel. <em>(Design is meant for Android and is undertaken as a personal project.)<\/em><br \/>\n<a href=\"http:\/\/juliaesme.com\/wp-content\/uploads\/2016\/02\/screen1.jpg\" rel=\"attachment wp-att-342\"><img loading=\"lazy\" class=\"alignleft size-large wp-image-342\" src=\"http:\/\/juliaesme.com\/wp-content\/uploads\/2016\/02\/screen1-751x1024.jpg\" alt=\"screen1\" width=\"751\" height=\"1024\"><\/a><\/p>\n<p>In terms of functionality, the icons have been made bigger in size as I often find myself accidentally tapping the wrong thing in the current app. The &#8216;create new post&#8217; button is moved to the top right, integrating it with the nav bar and making it in line with the desktop version.<br \/>\n<a href=\"http:\/\/juliaesme.com\/wp-content\/uploads\/2016\/02\/screen2.jpg\" rel=\"attachment wp-att-344\"><img loading=\"lazy\" class=\"alignleft size-large wp-image-344\" src=\"http:\/\/juliaesme.com\/wp-content\/uploads\/2016\/02\/screen2-751x1024.jpg\" alt=\"screen2\" width=\"751\" height=\"1024\"><\/a><\/p>\n<p>Images in individual posts are made to span the entire width of the screen for better viewing experience. Distinction is made between the poster&#8217;s comment&nbsp;and other comments, as there is a problem on tumblr with deleting comments from the original post&nbsp;and changing sources. This would ensure that credit is given to the original poster.<\/p>\n<p>The like, reblog and share buttons are kept on the bottom of the post because I find that a user&#8217;s willingness to like or reblog a post depends on not only the post, but also&nbsp;the comments, as it is often a big part of the post itself. As such, it is essential to have these functions at the end of a post, so that the user would not have to scroll back up once they have finished reading it.<a href=\"http:\/\/juliaesme.com\/wp-content\/uploads\/2016\/02\/screen4.jpg\" rel=\"attachment wp-att-348\"><img loading=\"lazy\" class=\"alignleft size-large wp-image-348\" src=\"http:\/\/juliaesme.com\/wp-content\/uploads\/2016\/02\/screen4-751x1024.jpg\" alt=\"screen4\" width=\"751\" height=\"1024\"><\/a><br \/>\n<a href=\"http:\/\/juliaesme.com\/wp-content\/uploads\/2016\/02\/screen3.jpg\" rel=\"attachment wp-att-346\"><img loading=\"lazy\" class=\"alignleft size-large wp-image-346\" src=\"http:\/\/juliaesme.com\/wp-content\/uploads\/2016\/02\/screen3-751x1024.jpg\" alt=\"screen3\" width=\"751\" height=\"1024\"><\/a><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/invis.io\/M961L533A\" target=\"_blank\" rel=\"noopener noreferrer\">view protoype<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have been an avid tumblr user since my high school days, but my love&hellip;<\/p>\n","protected":false},"author":1,"featured_media":370,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/juliaesme.com\/index.php\/wp-json\/wp\/v2\/posts\/231"}],"collection":[{"href":"https:\/\/juliaesme.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/juliaesme.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/juliaesme.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juliaesme.com\/index.php\/wp-json\/wp\/v2\/comments?post=231"}],"version-history":[{"count":27,"href":"https:\/\/juliaesme.com\/index.php\/wp-json\/wp\/v2\/posts\/231\/revisions"}],"predecessor-version":[{"id":679,"href":"https:\/\/juliaesme.com\/index.php\/wp-json\/wp\/v2\/posts\/231\/revisions\/679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/juliaesme.com\/index.php\/wp-json\/wp\/v2\/media\/370"}],"wp:attachment":[{"href":"https:\/\/juliaesme.com\/index.php\/wp-json\/wp\/v2\/media?parent=231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/juliaesme.com\/index.php\/wp-json\/wp\/v2\/categories?post=231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/juliaesme.com\/index.php\/wp-json\/wp\/v2\/tags?post=231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}