Design of future magazine (sense service) alap shah

2,564 views

Published on

This pres

Published in: Design

Design of future magazine (sense service) alap shah

  1. 1. DESIGN OF FUTURE MAGAZINE (SENSE Service)ANDUSER EXPERIENCE AND USER INTERFACE DESIGN OF INTERACTIVE MAGAZINE (MAG X)Alap ShahFinal YearM.Des<br />Thesis Guide: Dr. Satyaki Roy<br />Design Programme, <br />Indian Institute of Technology, Kanpur<br />
  2. 2. ?<br />MAGAZINES<br />Magazines are publications, generally published on a regular schedule, containing a variety of articles, generally financed by advertising, by a purchase price, by pre-paid magazine subscriptions, or all three. Magazines can be distributed through the mail; through sales by newsstands, bookstores or other vendors; or through free distribution at selected pick up locations.<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  3. 3. ?<br />FUTURE MAGAZINE<br />Recently there are a lot of media channels such as digital television, e-newspaper, mobile phone and Internet to get any information whatever, whenever and wherever the public wants. It means most contents of media have been gradually shifting from printed materials to digital equipment. In the face of change, the magazine is still lean back media as an informative channel for person with limited time to relax. To enhance competitive power in the rapidly changing world of media, nevertheless, the magazine should increase its interaction with other media in an innovative way such as digital medium. Therefore the objective of this project with VTT/Forest cluster will be indentified new meaning of the future magazine to make customer satisfied and how to make the magazine to strengthen with fascinated contents and design solution in five years to success in the market.<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  4. 4. ?<br />The Problem/need<br />: To define the expectation and special role of the future magazine in society: To identify new innovative solutions for future magazine between printed material and digital medium.<br />:To indentify new meaning of the future magazine in 5 years for providing much more experience through increased interaction with other media in an innovative way.<br />FOCUS on printed material --- Sponsor constraints<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  5. 5. The Team<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  6. 6. Process and Sub-processes<br />Close Out<br />Prototyping<br />Project<br />Requirement<br />Understanding<br />User <br />Research<br />Concept <br />Design<br />Pilot Test<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  7. 7. ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  8. 8. INITIAL BRAIN-STORMINGS & Home work<br />Future magazine would be considered with<br />•Technology part<br />•Marketing<br />•Contents part<br />Proceeding with that:<br />•Research & studies – Reading locations, Behavior, Interests<br />•Surveys <br />•Costumer Profiles/personas<br />•Persona Behavior<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  9. 9. QUESTIONNAIRES AND SURVEYS<br /><ul><li> School questionnaire
  10. 10. General Survey
  11. 11. DETAIL SURVEY (PAPER/ TECHNOLOGY/ BEHAVIOUR)</li></ul>ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  12. 12. SURVEY RESULTS<br />Survey taken by 131 people<br />Age group 20-29= 76.33%, Rest = 23.66%<br />Male = 38.16% Female = 61.84%<br />Do you blog YES = 18.32 %, NO = 81.68%<br />Don’t read blogs NO = 23.66% YES = 76.33%<br />Why read magazine = <br /><ul><li>to get information = 58.77%
  13. 13. For entertainment = 41.98%
  14. 14. you know the blogger = 30.53%
  15. 15. other reasons = 7.63%</li></ul>Prefer to read on paper = 70.92%<br />I don’t print from the web = 38.16%<br />For easier reading = 46.56%<br />Yes for archiving = 21.37%<br />Yes for displaying something = 22.13%<br />Yes for sharing = 15.26%<br /> <br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  16. 16. <ul><li>Would you like to have something printed in higher quality (photos, stories, articles, etc.)? (you can choose more than one)
  17. 17. No = 32.82%
  18. 18. Yes for archiving = 28.34%
  19. 19. Yes for displaying = 40.45%
  20. 20. Yes for sharing = 19.08%
  21. 21. Would you pay a small sum YES = 55.72%</li></ul>ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  22. 22. INITIAL BRAIN-STORMINGS & Home work<br />Future magazine would be considered with<br />•Technology part<br />•Marketing<br />•Contents part<br />Proceeding with that:<br />•Research & studies – Reading locations, Behavior, Interests<br />•Surveys <br />•Customer Journey<br />•Costumer Profiles/personas<br />•Persona Behavior/study<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  23. 23. CUSTOMER JOURNEY<br />NEED<br />DISPOSAL<br />SEARCHING<br />EXTRA INFO<br />BUYING<br />READING<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  24. 24. Extreme<br />Extreme<br />Mainstream<br />Magazine User<br />Multi media User<br />Customer Spectrum<br />Sun-mi<br /><ul><li> Korean
  25. 25. 13 years old, Female
  26. 26. Middle school student
  27. 27. Baking, Cooking, Music
  28. 28. Blog mania
  29. 29. Generally post baking recipe
  30. 30. Visit her blog 300 people / day
  31. 31. Unfamiliar with magazine or book
  32. 32. Reading other people’s blog post</li></ul>Neha<br /><ul><li> Indian
  33. 33. 25 years old, Female
  34. 34. Student / Marketing
  35. 35. Interest : Fashion, Art, Movie, TV
  36. 36. Mania for reading magazine
  37. 37. Subscribe 2 fashion magazines
  38. 38. Storing old magazines at home
  39. 39. Advertisement is important</li></ul>Mikko<br /><ul><li>Finnish
  40. 40. 36 years old, Male
  41. 41. Married man, 2 Kids
  42. 42. Primary School teacher
  43. 43. Interest : Cars, Sports, Tech, Business
  44. 44. Buying magazine occasionally
  45. 45. Familiar with printed media</li></li></ul><li>Mikko<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  46. 46. INSIGHT<br />Based on these insight<br /><ul><li> People are increasingly becoming their own brands
  47. 47. People want to share with others (web 2.0/open source)
  48. 48. People prefer reading on paper (70% in the survey)
  49. 49. Growing blog and social network usage (50+ million blogs)
  50. 50. Increasing demand for personalization / customization(Personalization is one of the top 5 Web Trends of 2009)</li></ul>ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  51. 51. 2) Mag-X <br /> (interactive magazine)<br />1) SENSE Service<br /> (business Module)<br /><ul><li>Research
  52. 52. Surveys
  53. 53. Concept Generation
  54. 54. Other common team tasks
  55. 55. UX & UI design of Sense Service.
  56. 56. Layout and graphic design of magazine.
  57. 57. Concept Generation
  58. 58. UX and UI development of interactive magazine
  59. 59. Everything else</li></ul>My Role<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  60. 60. PART 1<br />SENSE Service <br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  61. 61. PRESENT MODEL<br /><ul><li> There is a lot of contents available only online by/for consumers.
  62. 62. We, Sense team, believe consumers want new ways of exploring it! </li></ul>FUTURE MODEL<br /><ul><li> To enable consumers to design, print and sell their own customized magazine; Introducing the sub-publisher / editor
  63. 63. Web-based service that provides tools for customized magazine publishing for individuals and groups of people</li></ul>CUSTOMIZED <br />MAGAZINE<br />DESIGN<br />PRINT<br />SELL<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  64. 64. CONCEPT; Business Model<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  65. 65. CONCEPT; Main Process<br />Sense Service<br /><ul><li> On Print
  66. 66. On Screen</li></ul>Ad would be <br />selected based <br />on contents<br />Publish for<br /><ul><li> Private
  67. 67. Public </li></ul>Use<br /><ul><li> Create your own
  68. 68. Free online sources
  69. 69. Copyright contents with permission</li></ul>Cater available emerging technology to enhance specific content (e.g. Unicode : rating, opinion)<br />Select layout templates offered by the service<br />
  70. 70. CONCEPT; Reader Profile<br />MODEL 1 : Order a public magazines<br /><ul><li> A customer chooses from the selection of available magazines at the Sense website
  71. 71. Case : Mikko and Neha</li></ul>MODEL 2 : Just-in-time collection<br /><ul><li> Each customer visits Sense website, looks for articles andcustomizes their magazine for that particular order
  72. 72. Case Neha : Selects a collection of articles with in-depth view of fashion (Can be published for other readers)</li></ul>ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  73. 73. CONCEPT; Reader Profile<br />MODEL 2 : Subscription<br /><ul><li> A customer configures their preferences from a given template, pays for a subscription period and keeps getting magazine delivered to their doorstep
  74. 74. Case Mikko : Cover article from New York Times, sports section from ESPN.com </li></ul>ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  75. 75. CONCEPT; Editor Profile<br /><ul><li>A 100% customized scheme
  76. 76. Customers make a combination of articles online, SENSE gives them a price, and they pay and have the magazine delivered to them
  77. 77. Discount for larger order
  78. 78. Case Sun-mi : Customized magazine from her own blog (Can be published for other readers)</li></ul>ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  79. 79. ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  80. 80. CONCEPT; Benefits<br />Consumer (Sense Users)<br /><ul><li> New medium for sharing
  81. 81. A way of re-generating existing articles
  82. 82. Financial benefits
  83. 83. Becoming a brand </li></ul>Publisher<br /><ul><li> Adapting their business model to an emerging market (Online content creators)
  84. 84. Becoming more open and recognizable</li></ul>Outside contents provider<br /><ul><li> A new delivery channel
  85. 85. Extra income from published material
  86. 86. Branding of high-quality contents</li></ul>ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  87. 87. CONCEPT; Benefits<br />Advertiser<br /><ul><li> Precisely targeted ads
  88. 88. Reaching a wider audience</li></ul>Forest Industry & Printing house<br /><ul><li> Greater need for their services</li></ul>ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  89. 89. Example Magazines<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  90. 90. Service Module:<br />Information Architecture<br />Wire framing<br />Interface design<br />Interactive add-on feature designs<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  91. 91. ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  92. 92. ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  93. 93. BROWSE<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  94. 94. ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  95. 95. ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  96. 96. ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  97. 97. ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  98. 98. CREATE<br />print, <br />design, and <br />sell their own <br />customized magazine<br />= Introducing thesub-publisher.<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  99. 99.
  100. 100.
  101. 101.
  102. 102. THE VIDEO<br />
  103. 103. PART 2<br />MAG-X<br />An interactive digital magazine<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  104. 104. !<br />“Environmental impact A life cycle study shows that the CO2 emissions caused by the production and distribution of one copy of an average sized 0.39 pound magazine in the USA total about 0.95 kilograms (2.1 pounds) -- including paper from trees, materials, production, shipping and customer use. The loss of natural habitat potential from the 0.39 pound magazine is estimated to be o.73 square meters (7.9 square feet).”<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  105. 105. ?<br />Why Concept Mag-X- These fact encouraged the need of ecological solution and alternative to print magazines. Thus an attempt is made to create an interactive digital magazine called Mag-X which extends the boundaries of experiencing a magazine. The interactivity equips user with increased amount of task possibilities and easy access to huge amount of data. The interactivity renders magazine into an intelligent system. The digital magazine can save a major share of natural habitat. Along with being ecological it also creates a rich and meaningful magazine reading experience. The interactive opens up unlimited options to perceive information and use it. <br />This serves as a extension to SENSE Service which has a basic objective to enhance the magazine experience<br />A User research and survey led to defining various goals for a digital magazine experience. This magazine is designed for touch screen devices like i-Pad and tablets, etc. So that it still renders users with a leak back magazine reading experience. <br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  106. 106. Advantages of developing a digital magazine<br />No paper (ecological)<br />Unique experience of viewing high quality images and write up<br />High amount of flexibility due to interactivity<br />Still retains the lean back reading experience<br />No maintainance and stacking<br />Easy archiving<br />Interactive ads videos and various other media possibilities.<br />Many more<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  107. 107. OBJECTIVES<br />This serves as a extension to SENSE Service which has a basic objective to enhance the magazine experience.<br />It aims to capture the essence of magazine reading, which people have been enjoying for decades: an engaging and unique reading experience in which high-quality writing and stunning imagery build upimmersive stories.<br />USE the power of digital media to create a rich and meaningful experience, while maintaining the relaxed and curated features of printed magazines. It has been designed for a world in which interactivity, abundant information and unlimited options could be perceived as intrusive and overwhelming.<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  108. 108. So how the magazine works?<br />How to get it into digital format?<br />What are its properties or physicalities?<br />How to enable user to consume information in similar way?<br />What are the basic needs of current users?<br />…………………………….<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  109. 109. Spread Sheet <br />Description<br />Large pictures<br />Big titles<br />Sub headers<br />Pull quotes<br />Lead paragraph<br />Basic content<br />Page furniture<br />Small images<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  110. 110. Geography of the <br />layout of the magazine<br />Vertically<br />Content<br />Articles <br />TITLE<br />TITLE<br />TITLE<br />Lh;lahsdfalksd;hfasldkjfhak<br />Asdfasdfasdf<br />Asdfasdfasdfasdfasdf<br />Asdfasdfasdfasdfasasdfasd<br />Asdfasdfasdfasdfasdfasd<br />Assdfgsdfgsdfg<br />Sfdgsdfgsdfghsdfhsghs<br />Fghsfghdfghdfghdfghfgsfgh<br />asdfasdFghfg<br />Hdfghdfghdfghdfghdfgh<br />Dfghdfghdfghdfghdghdgfh<br />Dfghdghdgfhdgh<br />Asdfas<br />Dafsdfasdfasdfsdfsd<br />Sdfs<br />Dfsdfsdfasdfasdfasd<br />Asdfasdfasdfasd<br />Lh;lahsdfalksd;hfasldkjfhak<br />Asdfasdfasdf<br />Asdfasdfasdfasdfasdf<br />Asdfasdfasdfasdfasasdfasd<br />Asdfasdfasdfasdfasdfasd<br />Assdfgsdfgsdfg<br />Sfdgsdfgsdfghsdfhsghs<br />Fghsfghdfghdfghdfghfgsfgh<br />asdfasdFghfg<br />Hdfghdfghdfghdfghdfgh<br />Dfghdfghdfghdfghdghdgfh<br />Dfghdghdgfhdgh<br />Asdfas<br />Dafsdfasdfasdfsdfsd<br />Sdfs<br />Dfsdfsdfasdfasdfasd<br />Asdfasdfasdfasd<br />Lh;lahsdfalksd;hfasldkjfhak<br />Asdfasdfasdf<br />Asdfasdfasdfasdfasdf<br />Asdfasdfasdfasdfasasdfasd<br />Asdfasdfasdfasdfasdfasd<br />Assdfgsdfgsdfg<br />Sfdgsdfgsdfghsdfhsghs<br />Fghsfghdfghdfghdfghfgsfgh<br />asdfasdFghfg<br />Hdfghdfghdfghdfghdfgh<br />Dfghdfghdfghdfghdghdgfh<br />Dfghdghdgfhdgh<br />Asdfas<br />Dafsdfasdfasdfsdfsd<br />Sdfs<br />Dfsdfsdfasdfasdfasd<br />Asdfasdfasdfasd<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  111. 111. Anything and Everything aboutUX<br />The magazine experience is defined to relate and keep it intact with traditional magazine reading experiences. The gestures and interfaces used should allow the user to feel the same.<br /><ul><li>Clean layout without buttons
  112. 112. Gestures to activate tasks & dynamic data
  113. 113. Dynamic text to increase usability. E.g. Changable font size and dictionary
  114. 114. Customizable views to suit user needs/links and age groups
  115. 115. Similar gesture bookmarking, mark read and unread
  116. 116. Easy text to picture transition (shifting of focus)
  117. 117. Search, cut, print, spread, mail and perform many tasks
  118. 118. Dual axis transition inside articles and between articles.</li></ul>ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  119. 119. ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  120. 120. VISUAL ASPECTS<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  121. 121. InterFace Design <br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  122. 122. MORE<br />Graphical page turning metaphor seen quit frequently in web based magazines are not that believable. Just not that honest the form of a screen.<br />Avoid coping magazine and still retaining the experience. Successfully reading applications and online experiences shows that scrolling is more intuitive and suggestive in nature for touch screens. <br />Keeps track and gets back to the point of article where it was left last time.<br />The orientation is not impossed on the reader. Hence the screen adjusts as per the need of user.<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  123. 123. Opinions on the service<br /><ul><li> Premade layouts make creating magazines a lot easier
  124. 124. Doubts on the quality of the user-made magazines
  125. 125. The usage of paper should be emphasized
  126. 126. It’s good to have a wide range of sources available
  127. 127. It should be clearly pointed out that the responsibility for the using only allowed material is on the user
  128. 128. Service can be used to immortalize special occasions
  129. 129. Heavy readers have a bigger demand for browsing than creating
  130. 130. Most pilot-user gave a positive comment and interested in this service </li></ul>ALAP SHAH, M.DES Thesis, IIT Kanpur<br />
  131. 131. Scope<br /><ul><li> It opens many new possibilities to be explored in onscreen reading and not just reading.
  132. 132. Enhancing the magazine reading experience to book reading and for many other professional purposes.
  133. 133. Extending it to hand held devices like i-phones.
  134. 134. It opens new boundaries with different types of end users.</li></ul>THANK YOU<br />ALAP SHAH, M.DES Thesis, IIT Kanpur<br />

×