{"id":3537,"date":"2022-12-06T19:06:58","date_gmt":"2022-12-07T00:06:58","guid":{"rendered":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/?p=3537"},"modified":"2022-12-06T21:58:47","modified_gmt":"2022-12-07T02:58:47","slug":"group-assignment-3b-second-iterative-design-2","status":"publish","type":"post","link":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/?p=3537","title":{"rendered":"Group Assignment 3B: Second Iterative Design\u00a0"},"content":{"rendered":"\n

Target Website: <\/strong>https:\/\/www.jeffdavishospital.org\/<\/strong><\/a> <\/strong> <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Figure 1.<\/em> Original Homepage (Jeff Davis Hospital, 2022) <\/p>\n\n\n\n

The Healthcare Group user tested the Jeff Davis Hospital (JDH) website, shown in Figure 1, through a comprehensive scenario of an individual seeking healthcare services for their family member. Violating major heuristics issues around consistency, standards, error prevention, efficiency, and minimalist design, this site needed a major redesign in the content organization to merge its disjointed brand or legacy sites (Nielsen, 2020). In our group\u2019s first redesign, we approached the site\u2019s navigation by restructuring the site map, reimplementing search, and visualizing a native implementation of their Health Research Center. In our second redesign, we focused on redefining the categories for services, departments, and Health Research Center (HRC), and revisiting the homepage based on user feedback. Wireframes were assembled in Figma Design and FIGJAM using Estefan\u00eda Monta\u00f1a\u2019s (n.d.) Easy-Peasy Wireframe Kit and colors matching JDH\u2019s theme.\u202f\u202f\u00a0<\/p>\n\n\n\n

Unchanged Design Components \u00a0\u00a0<\/p>\n\n\n\n

In the second redesign effort, we decided to maintain the sitemap, blue tones, grey tones, white tones, and patient portal buttons of the original Jeff Davis Hospital site. The reasoning behind the maintenance of these features was rooted in our goal to make the site more compliant with the ten usability heuristic evaluation criteria without drastically changing the original visual idea of the JDH site. \u00a0<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Figure 2. Sitemap\u00a0<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Figure 3. Search Results\u00a0<\/p>\n\n\n\n

Proposed Re-Design #1 \u2013 Homepage \u00a0<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Figure 4. Homepage\u00a0<\/p>\n\n\n\n

Our second iteration made substantive changes to JDH\u2019s Homepage from its first one. Through user feedback and a second brief heuristics evaluation, we determined that there was too much \u201cwhite space\u201d on the homepage that was not being utilized well. Additionally, significant elements were missing on the homepage that would enhance its usability through having a stronger information scent. Given our selected scenario with our representative user, we propose additional changes including the re-design of the \u201cNews and Events\u201d and \u201cPartnerships\u201d sections with the addition of action commands and a footer. By re-designing the two sections, user tasks that require searching for stroke-related information and elderly care services will improve users\u2019 information-seeking behavior by having clearly defined sections with descriptions and graphics of each (higher fidelity). <\/p>\n\n\n\n

The second iteration of the JDH Homepage includes the addition of call and chat functions to better reflect the match between the system and the real-world expectations of our representative users (Nielsen\u2019s second heuristic). These changes help users to feel more at ease with navigating through the JDH Homepage since such action commands allow relevant information to appear in an intuitive, actionable way. Graphics adjacent to the call and chat functions were included to clearly mark what the Call-to-Action buttons accomplish. <\/p>\n\n\n\n

Adding a footer to the JDH Homepage directly addresses Nielsen\u2019s third heuristic concerning user control and freedom. A footer will provide additional direction and control for our representative users to navigate the JDH website to better satisfy their information needs. Standard procedure for website design requires using a header, body, and footer as well. Additionally, we changed the background color of the JDH Homepage to a darker grey since it better accentuated the existing colors on the page for improved readability. Such re-designs address Nielsen\u2019s eighth heuristic for aesthetic and minimalist design. Through these changes, the JDH Homepage will have an improved aesthetic interface over its first iterative design. <\/p>\n\n\n\n

Proposed Re-Design #2 \u2013 Services Page<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Figure 5. Services Page\u00a0<\/p>\n\n\n\n

The second iteration of the redesign for the JDH Services page includes several changes, or improvements, from the first design. Aesthetically, some minor changes were made to the page to include a re-alignment of the header, page description subtext, the sorting options, and the search bar from a center position to a left-side position on the page. This shifting allowed for the inclusion of two floating\/frozen information messages to present an option for a collapsible chatbot feature with a scripted directory and to display the telephone number where a JDH services coordinator can answer questions, human to human, about the services offered at the hospital. Additionally, an aesthetic change was made by widening the service information cards further into the margins to take full advantage of the screen space. As a higher fidelity iteration, the design also displays images in the page header and in the service cards that serve as supplemental visual descriptors.\u00a0\u00a0\u00a0<\/p>\n\n\n\n

Another change featured in this design iteration is the removal of a confusing and unnecessary filter option \u201cSpecial Services\u201d from the first iteration. This filter option could contribute to a negative user experience by expecting the user to know the non-standard language and understand what the \u201cSpecial\u201d designation filter would and would not include in its service list. This second iteration only includes the \u201cA-Z\u201d sorting filter and the default \u201cDepartments\u201d filter which lists the most used services based on user selections on the page. The search bar is still present from the first iteration, allowing users to search for services based on keywords.\u00a0\u00a0\u00a0<\/p>\n\n\n\n

Proposed Re-Design # 3 \u2013 Sorting Health Topics\u00a0<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Figure 6. Health Research Center\u00a0<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Figure 7. Stroke Article\u00a0<\/p>\n\n\n\n

In the second iterative design for the JDH Health Research Center page the aesthetic changes implemented follow in uniformity with the changes made on the Services page; the left-side shift of the header, page description subtext, the content list filter options, and search bar, as well as the wider content cards that have been expanded closer to margins. Also, following the consistency of the layout of the Services page, floating\/frozen information messages are present in the top right of the page, displaying the available chatbot option and a telephone number to reach a Health Educator who can assist in research questions.\u00a0\u00a0<\/p>\n\n\n\n

On the health topic subpage design, only two changes were made. The first change was to include JDH-curated titles for external links with subtext descriptive text to inform the user of the legitimacy and authority of the linked external resource. The second change was to include a call to action for the user to seek medical attention if they believe they are experiencing a medical emergency. This call to action takes the form of a floating\/frozen message displayed in an eye-catching red color, replacing the telephone number display message on previous pages. If JDH chooses to implement a virtual triage or urgent care platform in the future, a link to this could be easily added in a future iterative design.\u00a0\u00a0<\/p>\n\n\n\n

Word count: 858<\/p>\n\n\n\n

References\u202f <\/p>\n\n\n\n

Health Library<\/em>. Cleveland Clinic. (n.d.). Retrieved November 15, 2022, from https:\/\/my.clevelandclinic.org\/health<\/a> <\/p>\n\n\n\n

Jeff Davis Hospital. (2022).\u202fJeff Davis Hospital.<\/em>\u202fhttps:\/\/www.jeffdavishospital.org\/<\/a>\u202f <\/p>\n\n\n\n

Jeff Davis Hospital\/fasthealth corporation (Hazlehurst, Georgia \u2013 jeff davis county). (2022).\u202fJeff <\/em> <\/p>\n\n\n\n

Davis Hospital\/FastHealth Corporation.<\/em>\u202fhttp:\/\/www.jeffdavisfasthealth.com\/<\/a>\u202f <\/p>\n\n\n\n

Monta\u00f1a, E. (n.d.).\u202fEasy-Peasy Wireframe Kit.<\/em>\u202fFigma. https:\/\/www.figma.com\/community\/file\/989274600796773962\u202f <\/p>\n\n\n\n

Nielsen, J. (2020, November 15).\u202f10 usability heuristics for user interface design<\/em>. Nielsen Norman Group.\u202fhttps:\/\/www.nngroup.com\/articles\/ten-usability-heuristics\/<\/a>\u202f <\/p>\n\n\n\n

Whitenton, K. (2015, November 29).\u202fMenu design: Checklist of 15 UX Guidelines to Help\u202f<\/em>Users. Nielsen Norman Group.\u202fhttps:\/\/www.nngroup.com\/articles\/menu-design\/<\/a>\u202f\u202f <\/p>\n\n\n\n

External Links\u202f <\/p>\n\n\n\n

Group Assignment 3A \u2013 First Iterative Design<\/a> <\/p>\n\n\n\n

Group Assignment 2 \u2013 User Scenarios and Representative Tasks<\/a>\u202f <\/p>\n\n\n\n

Group Assignment 1 \u2013 Group Topic Selection<\/a>\u202f <\/p>\n","protected":false},"excerpt":{"rendered":"

Target Website: https:\/\/www.jeffdavishospital.org\/   Figure 1. Original Homepage (Jeff Davis Hospital, 2022)  The Healthcare Group user tested the Jeff Davis Hospital (JDH) website, shown in Figure 1, through a comprehensive scenario of an individual seeking healthcare services for their family member. Violating major heuristics issues around consistency, standards, error prevention, efficiency, and minimalist design, this site … <\/p>\n

Continue reading “Group Assignment 3B: Second Iterative Design\u00a0“<\/span><\/a><\/p>\n","protected":false},"author":100,"featured_media":0,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3537","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts\/3537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/users\/100"}],"replies":[{"embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3537"}],"version-history":[{"count":5,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts\/3537\/revisions"}],"predecessor-version":[{"id":3565,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=\/wp\/v2\/posts\/3537\/revisions\/3565"}],"wp:attachment":[{"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/torch.cci.fsu.edu\/~pmarty\/5275\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}