{"id":158,"date":"2015-04-05T09:35:10","date_gmt":"2015-04-05T09:35:10","guid":{"rendered":"http:\/\/blog.soton.ac.uk\/onep\/?p=158"},"modified":"2015-04-28T13:30:22","modified_gmt":"2015-04-28T13:30:22","slug":"travelsafe-logo-designs","status":"publish","type":"post","link":"https:\/\/blog.soton.ac.uk\/onep\/2015\/04\/05\/travelsafe-logo-designs\/","title":{"rendered":"TravelSafe Logo Designs"},"content":{"rendered":"<p>An important consideration for the usability and desirability of Apps is the visual aesthetics (Airey, 2009). These may potentially convince new users to use the app based on their interests coinciding with the image presented with (Pittard et al., 2007). Literature and market research was conducted, and certain resources were deemed useful in the creation of designs for web apps, this can be found in the <a title=\"Design Theory\" href=\"http:\/\/blog.soton.ac.uk\/onep\/2015\/03\/31\/design-theory\/\">Design Theory post<\/a>. The literature is listed in the references below. The media resource on web design for mobile applications can be found here\u00a0<a title=\"Web design for mobile apps\" href=\"https:\/\/www.youtube.com\/watch?v=r3sDuuWC6-Y\" target=\"_blank\">https:\/\/www.youtube.com\/watch?v=r3sDuuWC6-Y<\/a>,\u00a0and designing tips for cross-platform apps here\u00a0<a title=\"cross-platform design tips\" href=\"https:\/\/www.youtube.com\/watch?v=0oS-tvCUbBs\" target=\"_blank\">https:\/\/www.youtube.com\/watch?v=0oS-tvCUbBs<\/a><\/p>\n<p>Based on these we have decided to make a range of designs for the app logo that summarise the features of the app while presenting a \u2018travel friendly\u2019 vibe. They also take into consideration design decisions that literature suggests is important for apps: this includes having a clear message, using neutral colours, having easy to read text, having a well laid out image, and having a logo that an individual will remember easily(Adams et al., 2006; Airey, 2009). The final designs are listed below:<\/p>\n<div id=\"attachment_159\" style=\"width: 310px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/1-button.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-159\" class=\"size-medium wp-image-159\" src=\"http:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/1-button-300x298.jpg\" alt=\"Design number 1.\" width=\"300\" height=\"298\" srcset=\"https:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/1-button-300x298.jpg 300w, https:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/1-button-150x150.jpg 150w, https:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/1-button.jpg 345w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-159\" class=\"wp-caption-text\">Design number 1.<\/p><\/div>\n<p>Design number 1 corresponds with the success criteria of good market design stipulated by Airey (2009) and Pittard et al., (2007) as it features neutral colours that apply to both genders, it projects an image of travel which reflects one of the primary uses of the app, it presents a friendly image which users may trust and feel safe using, the image also uses neutral colours which presents a colour theme, the image is surrounded by negative space which draws the eye to the simple image, and finally it is clearly laid out with a spaced title and no other text.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_160\" style=\"width: 310px\" class=\"wp-caption alignright\"><a href=\"http:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/2-button.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-160\" class=\"size-medium wp-image-160\" src=\"http:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/2-button-300x300.jpg\" alt=\"Design number 2.\" width=\"300\" height=\"300\" srcset=\"https:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/2-button-300x300.jpg 300w, https:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/2-button-150x150.jpg 150w, https:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/2-button.jpg 345w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-160\" class=\"wp-caption-text\">Design number 2.<\/p><\/div>\n<p>Following on from design number 1 above, design number 2 (right) is a slight variation of the design success criteria previously stated. This design features a number of colours which lend the user to think that travelling is exciting and diverse (Airey, 2009), the image shows a suitcase which strongly represents the notion of travel which is a primary use for the app, the suitcase has surrounding objects such as a map that further illustrate travel, the bold white title draws the eye as the image has may different colours, the title is clearly laid out with no other text.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_162\" style=\"width: 310px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/4-button.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-162\" class=\"size-medium wp-image-162\" src=\"http:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/4-button-300x295.jpg\" alt=\"Design number 3. (image rights stock photo www.dreamstime.com)\" width=\"300\" height=\"295\" srcset=\"https:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/4-button-300x295.jpg 300w, https:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/4-button.jpg 350w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-162\" class=\"wp-caption-text\">Design number 3. (image rights stock photo www.dreamstime.com)<\/p><\/div>\n<p>Following on from design number 1 above, design number 3 (left) is a slight variation of the design success criteria previously stated. This design is very simplistic and minimalist which allows the image to represent that app rather than allowing colour or image to takeaway from its message. In this design the image highlights the presence of safety while using the app, that it can be trusted easily, and that the design is no-fuss and so the app should be no-fuss. In addition it has a clear and laid out title which indicates the app name, featuring no other text.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_163\" style=\"width: 310px\" class=\"wp-caption alignright\"><a href=\"http:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/5-button.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-163\" class=\"wp-image-163 size-medium\" src=\"http:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/5-button-300x294.jpg\" alt=\"5 button\" width=\"300\" height=\"294\" srcset=\"https:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/5-button-300x294.jpg 300w, https:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/5-button.jpg 348w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-163\" class=\"wp-caption-text\">Design number 4. (image rights stock photo to www.dreamstime.com)<\/p><\/div>\n<p>Following on from design number 1 above, design number 4 (right) is a slight variation of the design success criteria previously stated. The design is extremely clear and simplistic and only features a title, which ensures that the user knows exactly which app they are using. The design features no images, and minimal colour to highlight the title which keeps user attention of the name of the app. This is effectively cutting out image association with an object or service, and instead encourages the user to learn the app name directly (Adams et al., 2006).<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_161\" style=\"width: 310px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/3-button.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-161\" class=\"size-medium wp-image-161\" src=\"http:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/3-button-300x294.jpg\" alt=\"Design number 5. \" width=\"300\" height=\"294\" srcset=\"https:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/3-button-300x294.jpg 300w, https:\/\/blog.soton.ac.uk\/onep\/files\/2015\/04\/3-button.jpg 348w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-161\" class=\"wp-caption-text\">Design number 5.<\/p><\/div>\n<p>Following on from design number 1 above, design number 5 (left) is a slight variation of the design success criteria previously stated. In this an image of the world in shown held in a pair of hands, indicating that travel it within the users own hands. Although the colours are fairly vibrant, they are limited which creates a colour theme. The title is clear and spaced which draws the eye as it is framed by the image behind it. No other text is featured making it easy to read. However despite the global imagery there is no other indication that the app can be used for other travel purposes such as transportation services or route generation.<\/p>\n<p>&nbsp;<\/p>\n<p>To decide which design to pick we have held a vote with all group members in which each may choose a favourite. The result of this was that design number 1 embodied all design choices stipulated by literature, and was liked the best by the group. In addition to this these five logos have been presented to the experts interviewed regarding the app features. The expert opinions will serve to better guide our decision as to which design to choose as our final app logo. The expert guidance and opinion post will follow shortly.<\/p>\n<p>Written by Briony.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p><em>This post represents that the group has chosen appropriate economic and social Contextual Factors\u00a0that directly link to the marking criteria, and are vital to understanding what requirements app design has. This is based on market analysis, evaluation, and expert opinions. There is evidence that research has been\u00a0chosen intelligently (by reference to literature and analysis) to produce a conclusion of professional quality, leading to a successful product.\u00a0<\/em><\/p>\n<p><em>This post additionally represents Engineering and Design decisions. These are based on the Contextual Factors and literature review which the group have tailored the product to incorporate. This means that the app design has considerable research, fluent design and well planned steps to achieve this. This post illustrates how and why the product has been influenced in its design, and shows how engineering this app feature will solve problems, and how the product will further incorporate design decisions.\u00a0<\/em><\/p>\n<p><em>In addition, this post illustrates considerable use of media, innovation and creativity. This is apparent through applying Contextual Research, Design steps and engineering guidelines to produce logo designs which contribute to the product, summarise what the product does, and provides visualisations that align with the target market.\u00a0<\/em><\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><strong>References<\/strong><\/p>\n<p>Adams, S., Morioka, N., &amp; Stone, T. L. (2006). <i>Logo design workbook: a hands-on guide to creating logos<\/i>. Rockport Publishers.<\/p>\n<p>Airey, D. (2009). <i>Logo design love: A guide to creating iconic brand identities<\/i>. New Riders.<\/p>\n<p>Pittard, N., Ewing, M., &amp; Jevons, C. (2007). Aesthetic theory and logo design: Examining consumer response to proportion across cultures. <i>International Marketing Review<\/i>, <i>24<\/i>(4), 457-473.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>An important consideration for the usability and desirability of Apps is the visual aesthetics (Airey, 2009). These may potentially convince new users to use the app based on their interests coinciding with the image presented with (Pittard et al., 2007). Literature and market research was conducted, and certain resources were deemed useful in the creation [&hellip;]<\/p>\n","protected":false},"author":54586,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[865342,6989,931326],"tags":[939391,939114,25954],"class_list":["post-158","post","type-post","status-publish","format-standard","hentry","category-design-professionalism","category-idea","category-media-use","tag-creative-design","tag-image-design","tag-logo-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.soton.ac.uk\/onep\/wp-json\/wp\/v2\/posts\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.soton.ac.uk\/onep\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.soton.ac.uk\/onep\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/onep\/wp-json\/wp\/v2\/users\/54586"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/onep\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":12,"href":"https:\/\/blog.soton.ac.uk\/onep\/wp-json\/wp\/v2\/posts\/158\/revisions"}],"predecessor-version":[{"id":409,"href":"https:\/\/blog.soton.ac.uk\/onep\/wp-json\/wp\/v2\/posts\/158\/revisions\/409"}],"wp:attachment":[{"href":"https:\/\/blog.soton.ac.uk\/onep\/wp-json\/wp\/v2\/media?parent=158"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/onep\/wp-json\/wp\/v2\/categories?post=158"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.soton.ac.uk\/onep\/wp-json\/wp\/v2\/tags?post=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}