{"id":3824,"date":"2018-03-20T17:15:47","date_gmt":"2018-03-20T17:15:47","guid":{"rendered":"http:\/\/digm.drexel.edu\/uxid\/?p=3824"},"modified":"2018-03-20T17:15:47","modified_gmt":"2018-03-20T17:15:47","slug":"mystory","status":"publish","type":"post","link":"https:\/\/philsinatra.net\/branches\/uxid\/2018\/03\/20\/mystory\/","title":{"rendered":"MyStory"},"content":{"rendered":"<figure class=\"wp-block-embed wp-block-embed-youtube is-type-video is-provider-youtube\"><div class=\"wp-block-embed__wrapper\"><iframe  id=\"_ytid_16112\"  width=\"326\" height=\"183\"  data-origwidth=\"326\" data-origheight=\"183\" src=\"https:\/\/www.youtube.com\/embed\/mQJ-HWAeMfk?enablejsapi=1&autoplay=0&cc_load_policy=0&cc_lang_pref=&iv_load_policy=1&loop=0&modestbranding=0&rel=1&fs=1&playsinline=0&autohide=2&theme=dark&color=red&controls=1&\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div><\/figure>\n<p>The Team:<\/p>\n<ul>\n<li>Corey Hensley, Front-end Developer, WordPress Developer, UI Designer<\/li>\n<li>Phoebe Bostwick, Back-end Developer, PHP\/JS Developer, Front-end Developer<\/li>\n<li>Seamus Donaldson, UX Designer, Front-end Developer, UI Designer<\/li>\n<\/ul>\n<h1>Overview<\/h1>\n<p>My Story is a website designed specifically for senior citizens to create and share stories on. These days the world is more connected than it\u2019s ever been, but often times as designers we don\u2019t take into consideration the challenges the elderly face when dealing with technology. Our goal with My Story was to create a platform that anyone could use no matter their age or tech capability. Of course we acknowledge that in order to create a successful product, you must have a specific audience to target, but we figured if at the very least we could get seniors to understand the flows, than anyone could. Part of our success in doing this was our focus on creating skeuomorphic elements that users could easily identify with, like the \u2018Bookshelf\u2019 or the \u2018Story Viewer\u2019. By incorporating skeuomorphism and applying our research in design for the elderly we were able to create a site that users could sign up for and share stories from.<\/p>\n<h1>Context and Challenge<\/h1>\n<h2>Background<\/h2>\n<p>My Story was one of many ideas pitched at the beginning of our junior year\u2019s workshop class. Everyone was tasked with coming up with an idea for a website or an application that a team could develop in six months, and My Story was one of the ideas selected. After voting and choosing who would do what, My Story ended up with three members, each with a set of skills and strong suits.<\/p>\n<h2>The problem<\/h2>\n<p>Seniors are often overlooked as users of technology because a majority of the world has written them off as people who either have no business using technology or simply don\u2019t believe that they\u2019re equipped to understand it. Therefore their needs don\u2019t get taken into consideration. While it is true that there are seniors out there that have no interest in joining the world online, it is still our job as designers and problem solvers to create user friendly solutions for everyone, not just the people who know it best.<\/p>\n<p>So it was our mission to create something that could be easily understood by those who are not as familiar with the inner workings of technology.<\/p>\n<h2>Project goals and objectives<\/h2>\n<p>From the very start we knew this would be an iterative, intensive process; if we were going to be designing for an audience that we personally had never addressed, we needed to understand how they thought, and the best way to do that was by actually meeting with them. Thus it was crucial that early on we made a connection with a senior center where we could go and do consistent usability testing.<\/p>\n<h1>Phase One: Research<\/h1>\n<p>It was clear from the start that whatever we designed needed to be backed up with thorough research and testing. What this meant for the team was that we needed to really dive in and understand technology from a seniors point of view. Since we didn\u2019t have easy access to our target audience, we had to get creative when it came to gathering our research, so we tackled it in a few different ways.<\/p>\n<h2>Survey &amp; Interviews<\/h2>\n<p><img loading=\"lazy\" class=\"alignleft size-full wp-image-3928\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/monkey.png\" alt=\"\" width=\"133\" height=\"133\" \/>The first thing we needed was a proof of concept\u2026would people actually use this? What would people use it for? Why would they want to use it? How often would they use it? What other sites do they use? What would they be willing to share?<\/p>\n<p>To answer these questions we needed a survey that we could send out to the masses, so we turned to our favorite free survey tool: Survey Monkey. Using the questions above we were able to gather over 60 responses, and as a result we found that there is a demand for My Story and people reported they\u2019d use it.<\/p>\n<h2>Competitive Analysis<\/h2>\n<p><img loading=\"lazy\" class=\"alignleft size-full wp-image-3930\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/chart.png\" alt=\"\" width=\"116\" height=\"103\" \/>Since there were already successful sites out there with similar concepts to My Story, we decided to do a competitive analysis to figure out what features we wanted on our site, and what features we could do without.<\/p>\n<div class=\"analysis\"><img loading=\"lazy\" class=\"aligncenter size-full wp-image-3931\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/compete.png\" alt=\"\" width=\"1112\" height=\"696\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/compete.png 1112w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/compete-300x188.png 300w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/compete-768x481.png 768w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/compete-1024x641.png 1024w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/compete-400x250.png 400w\" sizes=\"(max-width: 1112px) 100vw, 1112px\" \/><\/div>\n<h2>Design for the elderly<\/h2>\n<p><img loading=\"lazy\" class=\"alignleft size-full wp-image-3932\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/research.png\" alt=\"\" width=\"113\" height=\"115\" \/>Before we could jump into any kind of design we needed to understand the challenges seniors face when it comes to interpreting content displayed on a web page, so a lot of our research was focused around text legibility and color contrast.<\/p>\n<ul>\n<li>Icons should be simple, concrete symbols that look like the objects they represent and should be easily distinguished from others.<\/li>\n<li>Buttons should have a minimum height of 40px and should include a label as well as an icon associated with the function of the button.<\/li>\n<li>Fonts must be no less than 16pt and sans serif should be used for all text exceeding one sentence.<\/li>\n<li>Colors should be high contrast as to distinguish background from the content within.<\/li>\n<\/ul>\n<hr \/>\n<h1>Phase Two: Strategy<\/h1>\n<h2>Personas<\/h2>\n<p>Once we had a solid understanding of how to design for seniors, and what exactly we wanted to include on our site in terms of features, we needed to come up with a few user personas that we could refer to as we began creating the site.<\/p>\n<h3>Target audience (60+ age range)<\/h3>\n<div class=\"analysis\"><img loading=\"lazy\" class=\"alignleft size-full wp-image-3933\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/old.png\" alt=\"\" width=\"1110\" height=\"868\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/old.png 1110w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/old-300x235.png 300w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/old-768x601.png 768w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/old-1024x801.png 1024w\" sizes=\"(max-width: 1110px) 100vw, 1110px\" \/><\/div>\n<h3>Secondary audience (40-60 age range)<\/h3>\n<div class=\"analysis\"><img loading=\"lazy\" class=\"alignleft size-full wp-image-3934\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/young.png\" alt=\"\" width=\"1111\" height=\"803\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/young.png 1111w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/young-300x217.png 300w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/young-768x555.png 768w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/young-1024x740.png 1024w\" sizes=\"(max-width: 1111px) 100vw, 1111px\" \/><\/div>\n<h2>User Flow<\/h2>\n<p>After defining the functionality of our site, and the different pages we wanted to include, we created a site map in order to understand how users would navigate from page to page. This came in handy as it gave us an overview of how the site would work, and where users could go depending on where they were on the site. Our goal was to make every single page accessible with three clicks or less, and the sitemap helped us visualize what that would look like.<\/p>\n<div class=\"analysis\"><img loading=\"lazy\" class=\"alignleft size-full wp-image-3935\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/sitemap.png\" alt=\"\" width=\"1126\" height=\"804\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/sitemap.png 1126w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/sitemap-300x214.png 300w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/sitemap-768x548.png 768w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/sitemap-1024x731.png 1024w\" sizes=\"(max-width: 1126px) 100vw, 1126px\" \/><\/div>\n<hr \/>\n<h1>Phase three: Design<\/h1>\n<h2>Sketches<\/h2>\n<p>Before we could start designing our interface on the computer we needed to brainstorm all the possible ways we wanted to display the content. Using pencil and paper, we were able to come up with many different concepts that we could quickly cover.<\/p>\n<h3>Tools<\/h3>\n<p>All sketches were done with good old fashion pencil and paper<\/p>\n<div class=\"analysis\"><img loading=\"lazy\" class=\"alignleft size-full wp-image-3936\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/sketches.png\" alt=\"\" width=\"1129\" height=\"1522\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/sketches.png 1129w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/sketches-223x300.png 223w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/sketches-768x1035.png 768w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/sketches-760x1024.png 760w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/sketches-1068x1440.png 1068w\" sizes=\"(max-width: 1129px) 100vw, 1129px\" \/><\/div>\n<hr \/>\n<h2>Wireframes<\/h2>\n<p>Now that we had a solid foundation for the design of the site, we jumped into sketch and began wireframing.<\/p>\n<h3>Tools<\/h3>\n<p>Low fidelity screens were created in Sketch and Adobe Illustrator.<\/p>\n<div class=\"icons\">\u00a0<img loading=\"lazy\" class=\"alignleft size-full wp-image-3937\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/ai.png\" alt=\"\" width=\"75\" height=\"73\" \/> <img loading=\"lazy\" class=\"alignleft size-full wp-image-3938\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/sketch.png\" alt=\"\" width=\"82\" height=\"79\" \/><\/div>\n<p><img loading=\"lazy\" class=\"alignleft size-full wp-image-3939\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/wireframes.png\" alt=\"\" width=\"1125\" height=\"2063\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/wireframes.png 1125w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/wireframes-164x300.png 164w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/wireframes-768x1408.png 768w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/wireframes-558x1024.png 558w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/wireframes-785x1440.png 785w\" sizes=\"(max-width: 1125px) 100vw, 1125px\" \/><\/p>\n<div class=\"analysis\"><\/div>\n<hr \/>\n<h2>Low Fidelity<\/h2>\n<p>After showing our class the progress we had made with the wireframes, we got feedback and decided on a layout that we could then refine and begin to stylize. Using the research we had done on fonts, we decided on \u2018Cabin\u2019 as our main font, and used it across the site with varying weights. We also brought in images and reworked the UI based on the feedback we got during critique.<\/p>\n<h3>Tools<\/h3>\n<p>All low fidelity screens were created in Sketch, then copied and pasted into Adobe Experience Design. Using XD we were able to create a flow connected by premade slide transitions. This wasn\u2019t used for testing because it was too low<br \/>\nfidelity. We put it together so that we could better understand the flow of our story creation process.<\/p>\n<div class=\"icons\">\u00a0<img loading=\"lazy\" class=\"alignleft size-full wp-image-3937\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/ai.png\" alt=\"\" width=\"75\" height=\"73\" \/> <img loading=\"lazy\" class=\"alignleft size-full wp-image-3938\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/sketch.png\" alt=\"\" width=\"82\" height=\"79\" \/><\/div>\n<p><img loading=\"lazy\" class=\"alignleft size-full wp-image-3940\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/low.png\" alt=\"\" width=\"1122\" height=\"1005\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/low.png 1122w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/low-300x269.png 300w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/low-768x688.png 768w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/low-1024x917.png 1024w\" sizes=\"(max-width: 1122px) 100vw, 1122px\" \/><\/p>\n<hr \/>\n<h2>High Fidelity<\/h2>\n<p>At this point we had all the screens designed and were ready to implement colors and images across the site.<\/p>\n<h3>Tools<\/h3>\n<p>All high fidelity screens used in the prototype were exported from Sketch using the Flinto plugin. We were then able to manipulate the elements in Flinto to create links between pages using custom animations.<\/p>\n<div class=\"icons\">\u00a0<img loading=\"lazy\" class=\"alignleft size-full wp-image-3937\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/ai.png\" alt=\"\" width=\"75\" height=\"73\" \/><img loading=\"lazy\" class=\"alignleft size-full wp-image-3942\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/xd.png\" alt=\"\" width=\"84\" height=\"84\" \/><\/div>\n<p><img loading=\"lazy\" class=\"alignleft size-full wp-image-3941\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/high.png\" alt=\"\" width=\"1122\" height=\"2464\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/high.png 1122w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/high-137x300.png 137w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/high-768x1687.png 768w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/high-466x1024.png 466w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/high-656x1440.png 656w\" sizes=\"(max-width: 1122px) 100vw, 1122px\" \/><\/p>\n<hr \/>\n<div class=\"analysis\"><\/div>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-3943\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/proto-1.png\" alt=\"\" width=\"1122\" height=\"872\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/proto-1.png 1122w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/proto-1-300x233.png 300w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/proto-1-768x597.png 768w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2018\/03\/proto-1-1024x796.png 1024w\" sizes=\"(max-width: 1122px) 100vw, 1122px\" \/><\/p>\n<h2>Prototype<\/h2>\n<p>At this point we had all the screens designed and were ready to implement colors and images across the site.<\/p>\n<h3>Tools<\/h3>\n<p>All high fidelity screens used in the prototype were exported from Sketch using the Flinto plugin. We were then able to manipulate the elements in Flinto to create links between pages using custom animations.<\/p>\n<div class=\"icons\">\u00a0<img loading=\"lazy\" class=\"alignleft size-full wp-image-3937\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/ai.png\" alt=\"\" width=\"75\" height=\"73\" \/><img loading=\"lazy\" class=\"alignleft size-full wp-image-3945\" src=\"http:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2018\/03\/flinto-1.png\" alt=\"\" width=\"103\" height=\"103\" \/><\/div>\n<hr \/>\n<h2>Usability testing &#8211; Prototype<\/h2>\n<p>For two weeks we performed usability testing with both the primary and the secondary audiences. Each of us showed off the prototype, and explained to testers before they started what the site was about, and what the main features were. We also explained that they were testing with a prototype and some things may not be perfect. After we did our introduction we let them click through while asking them to complete certain tasks. Throughout testing we took notes, which we then reflected on as a team when we got back together.<\/p>\n<ul>\n<li>Pop-up screens on dark overlays were confusing and disengaged users<\/li>\n<li>Contact feed was distracting and was unnecessary<\/li>\n<li>UI elements on the story creation page needed to be clearer and less distracting<\/li>\n<li>Progress bar needed to be more distinguishable<\/li>\n<\/ul>\n<hr \/>\n<h1>Phase Four: Development<\/h1>\n<h2>Initial Challenges<\/h2>\n<p>At first we were a little bit worried about accomplishing all the things we wanted our site to do, in code. For a three person team, it seemed like a lot and with only three months left we knew we had to hit development hard. What we had promised for the final was a website that a users could create an account on, add contacts, share stories, and customize stories by theme. Not to mention the challenges we would have creating all of our elements with skeuomorphic styles&#8230; we had a lot to tackle but tackle it we did.<\/p>\n<hr \/>\n<h2>Development Research<\/h2>\n<p>The first thing we did was a ton of research. Because none of us had ever created a website with such a laundry list of features, we were for the most part going in blind. Quickly we realized that WordPress would be the most sensible place to start because it was built for content management and our site had a lot of it. We also decided that we would start with the \u2018twenty sixteen child\u2019 theme because it was already organized and had page templates for things we would need to eventually build ourselves.<\/p>\n<p>We then turned to the Ultimate Member plugin which seemed to solve all of our problems when it came to accounts and friends, but it also came with a set of challenges that sometimes slowed development. Without Ultimate Member we would have had to create a database from scratch that could store account info, request friends, and save stories. That said, Ultimate Member is also an extremely robust plugin so in order to target certain elements in PHP or CSS it took some digging.<\/p>\n<p>The other challenge was creating a custom animation that would naturally resemble a page flipping in a book. Luckily we found a script in a jQuery library called booklet, and just brought it into our code and customized it to fit our needs.<\/p>\n<hr \/>\n<h2>Execution<\/h2>\n<p>With all the research that we had done, we had a pretty good idea how to accomplish our goals so week after week, we just knocked items off our needs and wants list until we were down to our wants. The site was initially set up using a WordPress child theme called \u2018Twenty Sixteen\u2019. This gave us a solid foundation to start on. From there we began styling the home page. Since we wanted to create a minimum viable product as soon as possible for testing, we started with the skeuomorphic bookshelf on the home page. We used mix-it-up and a grid system to create the books and brought our bookshelf in as a background that could be populated.<\/p>\n<p>Our next step was implementing Ultimate Member. We started by getting account sign up working, and then moved on to adding friends. This was the easy part. The true challenge was how we were going to store the data specific to those accounts, and how we would be able to create share options based on the decisions users make.<\/p>\n<p>The next step was creating a taxonomy for our theme,s which would bring in a book cover style as well as a unique title text. We did this by pulling the category data and assigning a corresponding class, which would then display selected theme styles.<\/p>\n<hr \/>\n<h2>Usability testing &#8211; Live site<\/h2>\n<p>Once we had reached a point in development where our live site had the core functionalities of creating accounts, posting stories, and viewing stories, we decided to begin testing. The reason we chose to use the live site instead of the prototype was so users could then make their own decisions and become familiar with the flow. We also shifted our focus from design to development and a majority of our UI changes were reflected in the live site as opposed to the prototype.<\/p>\n<ul>\n<li>Story creation was drawn out and disengaged users<\/li>\n<li>Story creation flow didn\u2019t reflect a natural thought process when coming up with stories<\/li>\n<li>UI needed to be more consistent across all pages to convey navigation<\/li>\n<li>Users needed a delete and edit option for their stories<\/li>\n<li>Prompting language on story creation process needed to be more specific<\/li>\n<\/ul>\n<hr \/>\n<h1>Conclusion<\/h1>\n<p>It has been incredible to see a vision like My Story turn into a reality. Over the past six months we\u2019ve taken a concept from nothing to a fully fledged website and we couldn\u2019t be more proud of the work we\u2019ve done. While we haven\u2019t gotten every last thing fine tuned and styled, we were able to knock everything off our needs list, and we are successfully delivering on what we\u2019ve promised. If we were to take this to the next step, we would implement some type of social media login, potentially allow for sharing on social platforms; we would also find a way for authors to include images in their stories, and would look to refine the skeuomorphic elements even more to create that feeling of a real book. All in all, My Story has been an amazing experience for all of us, and from the testing to the debugging, we\u2019ve learned a lot.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Team: Corey Hensley, Front-end Developer, WordPress Developer, UI Designer Phoebe Bostwick, Back-end Developer, PHP\/JS Developer, Front-end Developer Seamus Donaldson, UX Designer, Front-end Developer, UI Designer Overview My Story is a website designed specifically for senior citizens to create and share stories on. These days the world is more connected &hellip;<\/p>\n","protected":false},"author":2,"featured_media":3929,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[9,19],"tags":[20],"_links":{"self":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/3824"}],"collection":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/comments?post=3824"}],"version-history":[{"count":3,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/3824\/revisions"}],"predecessor-version":[{"id":3946,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/3824\/revisions\/3946"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/media\/3929"}],"wp:attachment":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/media?parent=3824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/categories?post=3824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/tags?post=3824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}