{"id":10,"date":"2023-12-26T23:01:59","date_gmt":"2023-12-26T23:01:59","guid":{"rendered":"https:\/\/marcellatanner.com\/?page_id=10"},"modified":"2024-01-30T16:33:40","modified_gmt":"2024-01-30T16:33:40","slug":"reading-builder","status":"publish","type":"page","link":"https:\/\/marcellatanner.com\/?page_id=10","title":{"rendered":"Reading Builder"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Reading Builder is an app designed to help readers keep track of their progress while also giving them incentives to improve their habits. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What was our problem?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The problem is that people want to improve reading habits but struggle staying consistent and meeting goals<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How can we solve this for people?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We believe that by not only creating a way to track a users reading but also suggest books they might enjoy or giving the option to read along with others that we can help users create better habits<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>user research <\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In my research I found my user to be someone who already enjoys reading but is looking for ways to not only keep track of their own habits but to find people to share their interest with. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"628\" src=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/Screenshot-2023-11-09-at-4.25.03-PM-1024x628.png\" alt=\"\" class=\"wp-image-40\" style=\"aspect-ratio:1.6305732484076434;width:483px;height:auto\" srcset=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/Screenshot-2023-11-09-at-4.25.03-PM-1024x628.png 1024w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/Screenshot-2023-11-09-at-4.25.03-PM-300x184.png 300w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/Screenshot-2023-11-09-at-4.25.03-PM-768x471.png 768w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/Screenshot-2023-11-09-at-4.25.03-PM-1536x942.png 1536w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/Screenshot-2023-11-09-at-4.25.03-PM-2048x1256.png 2048w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/Screenshot-2023-11-09-at-4.25.03-PM-1568x962.png 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>goals for our user<\/strong><\/p>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-container gb-block-container\"><div class=\"gb-container-inside\"><div class=\"gb-container-content\">\n<ul class=\"wp-block-list\">\n<li>Improve consistency<\/li>\n\n\n\n<li>Stay interested in books they start<\/li>\n\n\n\n<li>Keep track of what they&#8217;re reading\/have read<\/li>\n\n\n\n<li>Find others to read with<\/li>\n<\/ul>\n<\/div><\/div><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>creating our persona<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"731\" src=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/persona-1024x731.jpg\" alt=\"\" class=\"wp-image-50\" style=\"width:608px;height:auto\" srcset=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/persona-1024x731.jpg 1024w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/persona-300x214.jpg 300w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/persona-768x549.jpg 768w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/persona-1536x1097.jpg 1536w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/persona-2048x1463.jpg 2048w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/persona-1568x1120.jpg 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Competitive Analysis<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-columns gb-layout-columns-2 gb-2-col-equal\"><div class=\"gb-layout-column-wrap gb-block-layout-column-gap-2 gb-is-responsive-column\">\n<div class=\"wp-block-genesis-blocks-gb-column gb-block-layout-column\"><div class=\"gb-block-layout-column-inner\">\n<p class=\"has-text-align-center wp-block-paragraph\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" class=\"wp-image-44\" style=\"width: 150px;\" src=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/ibookslogo.jpeg\" alt=\"\" srcset=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/ibookslogo.jpeg 736w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/ibookslogo-300x300.jpeg 300w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/ibookslogo-150x150.jpeg 150w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/ibookslogo-600x600.jpeg 600w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">iBooks<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Able to read directly in app and keep track of history. Also has a prompt for \u201ctoday\u2019s reading\u201d to keep readers on track. Downside, is that iBooks is only available to Apple users<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-column gb-block-layout-column\"><div class=\"gb-block-layout-column-inner\">\n<p class=\"has-text-align-center wp-block-paragraph\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" class=\"wp-image-47\" style=\"width: 150px;\" src=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/bookly.png\" alt=\"\" srcset=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/bookly.png 512w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/bookly-300x300.png 300w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/bookly-150x150.png 150w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Bookly<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Users are able to input books they are reading and time their sessions to keep track. They can also set goals and receive points. Has a feature where users can chat with an \u201cassistant\u201d about books they are reading and get tips for improving habits.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>takeaways<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">My biggest takeaway from some competitive analysis is that I want to make sure my design is simple for users to add into their regular routine. I loved the feature iBooks had for users but its unfortunately only available for some users. While Bookly had some similar features, it felt to me a little too chaotic which might not be very motivating for readers who are already struggling with consistency. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The Design Process<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>sketches<\/strong><\/p>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\"><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">In my sketches I wanted to make sure to keep the design as simple as possible. In my initial research I found that the users that actively utilize tools similar to this were really only interested the very basic features so my goal was to eliminate some of the extra noise. <\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"953\" src=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2024\/01\/Untitled_Artwork-3-1024x953.jpg\" alt=\"\" class=\"wp-image-63 size-full\" srcset=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2024\/01\/Untitled_Artwork-3-1024x953.jpg 1024w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2024\/01\/Untitled_Artwork-3-300x279.jpg 300w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2024\/01\/Untitled_Artwork-3-768x715.jpg 768w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2024\/01\/Untitled_Artwork-3-1536x1429.jpg 1536w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2024\/01\/Untitled_Artwork-3-2048x1906.jpg 2048w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2024\/01\/Untitled_Artwork-3-1568x1459.jpg 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">In my sketches I kept my focus on the main page, the tracking page, and a page for a book club.  When creating my prototype I wanted to make sure to have a place for users to add their preferences and see their reading history. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Final Prototype<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>the prototype<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-7013ed20 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group wp-container-content-231d8afb is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-bffe1d66 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<figure class=\"wp-block-image size-full wp-container-content-0733e5d0\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"322\" src=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2023\/12\/GIF-1.gif\" alt=\"\" class=\"wp-image-49\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-nowrap is-layout-flex wp-container-core-group-is-layout-c4a74fe4 wp-block-group-is-layout-flex\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group wp-container-content-231d8afb is-vertical is-layout-flex wp-container-core-group-is-layout-50ced779 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-group is-vertical is-nowrap is-layout-flex wp-container-core-group-is-layout-c4a74fe4 wp-block-group-is-layout-flex\">\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-f96796aa\"><\/div>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Once past the log-in page the user is directed to their main page where they can see what they&#8217;re currently reading, how much progress they&#8217;ve made, and an option to start tracking a new session. They also will find options on the bottom of the screen to switch between pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The next page the user can find is the progress page. This is where the user would be able to see how consistent they&#8217;ve been and their progress meeting both daily and monthly goals.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">I also added a feature where users are able access their reading history. I wanted users to be able to not only see their progress in numbers but to look back on past book titles they&#8217;ve enjoyed.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, in my research I had multiple participants mention that they would love a feature where they would read along with others to help keep them motivated. So, I added a page where users can add friends or find other users to join a book club with. In the book club they would be able to see the progress of others in the group and also have an option to chat about their current book. <\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>testing the prototype <\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2024\/01\/testing.png\" alt=\"\" class=\"wp-image-76\" style=\"aspect-ratio:1.3333333333333333;width:252px;height:auto\" srcset=\"https:\/\/marcellatanner.com\/wp-content\/uploads\/2024\/01\/testing.png 800w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2024\/01\/testing-300x225.png 300w, https:\/\/marcellatanner.com\/wp-content\/uploads\/2024\/01\/testing-768x576.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Users enjoyed the option of joining a book club but wanted to be able to see everyone&#8217;s progress within the group <\/li>\n\n\n\n<li>The simple design made it easy for users to know where to look for things<\/li>\n\n\n\n<li>Users wanted to be able to see their own personal accomplishments <\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Final Thoughts<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Next steps for this project would be continuing the process, taking what we learned from testing our prototype to create the next iteration of the design. This being one of my first experiences in UX design, I learned so much about what goes on behind the scenes of design. It was incredibly fascinating to share my ideas with others and watch how other people interpreted my design. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Reading Builder is an app designed to help readers keep track of their progress while also giving them incentives to improve their habits. What was our problem? The problem is that people want to improve reading habits but struggle staying consistent and meeting goals How can we solve this for people? We believe that by&hellip; <a class=\"more-link\" href=\"https:\/\/marcellatanner.com\/?page_id=10\">Continue reading <span class=\"screen-reader-text\">Reading Builder<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry","entry"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/marcellatanner.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marcellatanner.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marcellatanner.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marcellatanner.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/marcellatanner.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":0,"href":"https:\/\/marcellatanner.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"wp:attachment":[{"href":"https:\/\/marcellatanner.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}