{"id":595,"date":"2020-01-04T16:50:37","date_gmt":"2020-01-04T21:50:37","guid":{"rendered":"http:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/?page_id=595"},"modified":"2025-01-02T07:57:56","modified_gmt":"2025-01-02T12:57:56","slug":"project-2-user-experience-design","status":"publish","type":"page","link":"https:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/project-2-user-experience-design\/","title":{"rendered":"Project 2 \u2013 User Experience Design"},"content":{"rendered":"<p>In this project you will learn how to create a compelling user experience on a website using the Genesis framework. The project includes an overall deliverable and version specific deliverables \u2013 alpha, beta, &amp; final.<\/p>\n<p>The alpha and beta versions are graded on a modified pass\/fail basis. The main reason is that unless you achieve significant success with the alpha and beta, it will be very difficult for you to do well in the final version. The only possible grades for alpha and beta are <strong>A, B, or F<\/strong>. If you receive an F, it is unlikely that you will get a passing grade in the final version. The final version will receive a numerical grade.<\/p>\n<p>This is a team project of three to four students which can continue from project 1 or be an entirely new team. If you are forming a new team, one person should email the instructor with the names of the team members and CC each team member. Please pick the team one week before the problem is due. Only one email is needed but you must include the team members (s) in the email.\u00a0<\/p>\n<h2>Overall deliverables<\/h2>\n<p>The overall deliverables (version specific deliverables listed further below) for this project are:<\/p>\n<ol>\n<li>A website site that demonstrates UX design expertise<\/li>\n<li>Knowledge of Genesis and Gutenberg and the ability to extend WordPress with plugins.<\/li>\n<li>The site must include a call to action such as but not limited to revenue generation, signing up subscribers, advertisements, and getting donations\/volunteers.<\/li>\n<\/ol>\n<h2>Problem<\/h2>\n<p>You will be assigned a problem, or you may suggest your own problem. Small sized businesses are usually good sources for problems that fit the scope of the class.<\/p>\n<p>The problem due date on the schedule only applies if you choose to suggest your own problem. No action is needed if you prefer to have the instructor assign the problem.<\/p>\n<p>To propose your own problem, send an email to the instructor by the due date with a copy to your team member(s) with the following:<\/p>\n<ol>\n<li>Name of proposed organization (and URL if available)<\/li>\n<li>Approximate revenue and\/or number of employees.<\/li>\n<li>The type of business \/ focus of the organization.<\/li>\n<li>Initial needs and goals.<\/li>\n<li>Your relationship and\/or experience with this organization. What will ensure that they will remain committed to the project?<\/li>\n<\/ol>\n<h2>The Genesis framework and Blocks and WordPress Gutenberg<\/h2>\n<p>Genesis is a website design framework published by\u00a0<a href=\"https:\/\/www.studiopress.com\/\">StudioPress<\/a>. The MIS Community site is built on top of the Genesis framework. <a href=\"https:\/\/wordpress.org\/gutenberg\/\">Gutenberg<\/a> is an integrated WordPress block editor.<\/p>\n<ul>\n<li>We will use a special project server\u00a0<a href=\"https:\/\/project.mis.temple.edu\/\">https:\/\/project.mis.temple.edu\/<\/a> for this class. Students can access the server using Temple AccessNet credentials. The server includes Gutenberg, the Genesis framework, and most of the themes produced by StudioPress. Use the server to experiment with and learn Genesis, Genesis Blocks, and Gutenberg. (note: The MIS community site uses the older TinyMCE editor, only the project server has the new Gutenberg editor).<\/li>\n<li>Temple has a site license to lynda.com (now part of LinkedIn) which includes excellent step-by-step tutorials on how to use Genesis and Gutenberg.<\/li>\n<li>To access the tutorials, log into <a href=\"http:\/\/tuportal.temple.edu\/\">tuportal<\/a>, select <strong>LinkedIn Learning<\/strong> in the list of tuapplications. You must go through tuportal to get the certificate required below.\u00a0\u00a0\n<ol>\n<li>Go through <em>WordPress Essential Training (by Allie Nimmons). <\/em>\n<ol>\n<li>Some of the content such as choosing a host is not relevant, please ignore.<\/li>\n<li>Do not select the course titled &#8220;WordPress 5 Essential Training: Site Administration.&#8221;<\/li>\n<\/ol>\n<\/li>\n<li>Go through <em>Learning Genesis for WordPress (by Carrie Dils)<\/em>\n<ol>\n<li>Ignore the installation content.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li>You will need to provide the certificate of completion for each so make sure you go through the complete tutorial. To get the certificate, click <em>My Learning<\/em> at the top, select <em>Learning History<\/em>, click <em>More or &#8230; <\/em>next to the relevant course, and select <em>Download certificate<\/em>.<\/li>\n<li>The following is a useful supplement to the Genesis tutorial: <a href=\"https:\/\/www.studiopress.com\/download\/genesis-for-beginners-v3.pdf\">A beginner&#8217;s guide to the Genesis Framework<\/a>.<\/li>\n<li>We will also be using <a href=\"https:\/\/www.studiopress.com\/genesis-blocks\/\">Genesis Blocks<\/a>. Learn more on the <a href=\"https:\/\/wordpress.org\/plugins\/genesis-blocks\/\">Genesis Blocks WordPress Plug-in page<\/a>, with more details <a href=\"https:\/\/developer.wpengine.com\/genesis-blocks\/\">here<\/a>.<\/li>\n<\/ul>\n<h2>Getting started<\/h2>\n<ul>\n<li>Start watching the relevant Lynda tutorial and experiment using your own site.<\/li>\n<li>To create a site, login to\u00a0<a href=\"https:\/\/project.mis.temple.edu\/\">https:\/\/project.mis.temple.edu\/<\/a>hover on\u00a0<em>Hello,\u2026, Sites<\/em>, and click\u00a0<em>Create a Site<\/em>.<\/li>\n<li>Click on the\u00a0<em>URL <\/em>of the new site in the new message\/alert to visit it.<\/li>\n<li>Navigate to the <em>Dashboard<\/em>, select <em>Appearance<\/em>, and click on <em>Themes<\/em>.<\/li>\n<\/ul>\n<h2>Enabling collaboration among team members<\/h2>\n<p>One team member creates the site. It does not matter who creates the site.\u00a0Enable collaboration between your team as follows:<\/p>\n<ol>\n<li>Login and navigate to the <em>Dashboard <\/em>of the new site.<\/li>\n<li>Select <em>Users<\/em> on the left about halfway down, and then click <em>All Users<\/em>. (Note: Click All Users as instructed, do not click on the Add User option in the menu)<\/li>\n<li>Click <em>Add New <\/em>near the top of the page to display the Add New User page.<\/li>\n<li>Fill in the details for <em>Add Existing User <\/em>(only).\n<ol>\n<li>For the <em>Email or Username<\/em> field type in the AccessNet ID of the second team member. The AccessNet ID is the first part of the Temple email address. For example, Jason May&#8217;s email address is tuj78269@temple.edu, so the AccessNet ID is tuj78269.<br \/>\nIf the provided ID does not work, then it may be an alias, ask your team member for their official temple email, which will typically start with &#8216;tu&#8217;.<\/li>\n<li>For the <em>Role<\/em> field, select <em>Administrator<\/em> from the dropdown.<\/li>\n<li>Check <em>Add the user without sending an email that requires their confirmation<\/em> box.<\/li>\n<\/ol>\n<\/li>\n<li>Click <em>Add Existing User<\/em> (blue button).<\/li>\n<\/ol>\n<p>Note: Only use your team members AccessNet ID rather than some other random email. This way they can use their existing validated Temple credentials to immediately access the site. The system administrator will remove any non-Temple ids from the system.<\/p>\n<h2>Creating the site<\/h2>\n<p>Create a site using one of the following Genesis themes. The following requirements apply: 1. Must use one of these themes: <a href=\"https:\/\/www.studiopress.com\/themes\/altitude\/#demo-full\">Altitude Pro<\/a>, <a href=\"https:\/\/www.studiopress.com\/themes\/authority\/#demo-full\">Authority Pro<\/a>, <a href=\"https:\/\/www.studiopress.com\/themes\/breakthrough\/#demo-full\">Breakthrough Pro<\/a>, <a href=\"https:\/\/www.studiopress.com\/themes\/essence\/#demo-full\">Essence Pro<\/a>, <a href=\"https:\/\/www.studiopress.com\/themes\/infinity\/#demo-full\">Infinity Pro<\/a>, <a href=\"https:\/\/www.studiopress.com\/themes\/magazine\/#demo-full\">Magazine Pro<\/a>, <a href=\"https:\/\/www.studiopress.com\/themes\/monochrome\/#demo-full\">Monochrome Pro<\/a>, <a href=\"https:\/\/www.studiopress.com\/themes\/navigation\/#demo-full\">Navigation Pro<\/a>, or <a href=\"https:\/\/www.studiopress.com\/themes\/revolution\/#demo-full\">Revolution Pro<\/a>. 2. Must use the Gutenberg Block editor. 3. Do not use page building software such as Elementor.<\/p>\n<ul>\n<li>Select a theme from the above list that fits the intended affordance of your site. Some of the themes have specific instructions, contact the instructor for the documentation.<\/li>\n<li>The site should at the minimum contain the following. <em>These site content and design items are required for the alpha submission and are intended to help you get started. As you progress to the beta and final solution submission, the below alpha content and design requirements <strong>do not apply<\/strong> and you should adapt the design to meet the site goals. For example, as you move forward to the beta, it is possible that you may only need 1 page in your site or zero posts or some pages may only need 20 words, or you may create a design that does not require a menu. <\/em>\n<ol>\n<li>Appropriate name and URL that reflects the intended affordance of the site.<\/li>\n<li>A total of 3 pages or posts, with at least one of each. Each page\/post should have at least 100 words of content and one image. The titles and images should be appropriate and relevant. You can use filler text for the paragraphs.<\/li>\n<li>Home page that includes the following Genesis Blocks: 1. One <em>Container<\/em> block set to full page width, 2. The following blocks: <em>Advanced Columns<\/em>, <em>Image<\/em> (as a background with floating text on top), <em>Heading<\/em>, <em>Paragraph<\/em>, <em>Button<\/em>, and <em>Call to Action<\/em>. 3. Choose <em>one<\/em> of the following blocks: <em>Testimonial<\/em>, <em>Pricing<\/em>, <em>Accordion<\/em>, or <em>Post and Page Grid<\/em>. Note: The blocks will work best if you place them inside one or more containers.<\/li>\n<li>One menu which includes 3 top-level menu items and at least one sub-menu item under one of the top-level menu items. You can choose where to place the menu (e.g., at the top or in the footer). However, the menu items should support the site goals.<\/li>\n<li>Relevant logo that reflects the intended affordance of the site. The location of the logo may vary depending on which theme you pick.<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<h2>Alpha submission<\/h2>\n<p>The alpha submission should include a status update on all of the above activities and the following items.<\/p>\n<ul>\n<li>Select the theme from the list above that you are going to use for the design.<\/li>\n<li>Provide a short justification on why this is the best theme for addressing the UX goals and intended affordance.<\/li>\n<\/ul>\n<h3>Alpha Deliverables<\/h3>\n<ol>\n<li>Submit the above as one integrated team PowerPoint document of 5-7 slides (excluding title slide) on the submission page\u00a0before class on the <a href=\"http:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/\">due date<\/a>.<\/li>\n<li>Include the URL of your site as the last slide. There is no need to include screen prints inside the PowerPoint.<\/li>\n<li>In the appendix, include a Certificate of Completion for <em>WordPress 5 Essential Training <\/em>and <em>Learning Genesis for WordPress<\/em> for each team member.<\/li>\n<li>Google docs links or PDFs are not allowed. You must use the file naming convention described on the submissions page. 5 points will be automatically deducted if you are unable to follow these requirements.<\/li>\n<li>Students will be selected at random to present the project.<\/li>\n<li>The Alpha submission is graded on a pass\/fail basis for completing the specific requirements and on the justification of the theme.\u00a0 The quality of the user experience is not graded.<\/li>\n<\/ol>\n<h2>Beta submission<\/h2>\n<p>The beta submission should include a status update on all of the above activities and the following specific items.<\/p>\n<ul>\n<li>A complete site that is ready to be demonstrated with the site URL.<\/li>\n<li>The site should use at least three plug-ins beyond the standard WordPress widgets. Your team can select two of the plug-ins. For example, a display plugin to display a table, a data plugin to pull in external data, or any other relevant plug-in. The third plugin must be an AI plugin. Use the AI plugin to provide a chat bot for customer support, automatic multi-lingual translation, or impress me by creating something completely new and wonderful.\u00a0<\/li>\n<li>Include the results of two observational usability tests, i.e., tests involving two different users relevant to your site goals. You should get testers that fit the intended demographic of your new site. All the team members should participate in the observational usability test(s) and include their notes separately in the below appendix.<\/li>\n<li>Summarize the results of a heuristic evaluation performed by one of your classmates (not a team member). Include the notes as an appendix.<\/li>\n<li>Discuss how you will improve the design based on the tests.<\/li>\n<li>List what you changed from the alpha version and why.<\/li>\n<\/ul>\n<h3>Beta Deliverables<\/h3>\n<ol>\n<li>Submit the above as one integrated team PowerPoint document of 5-7 slides (excluding title slide) on the submission page\u00a0before class on the <a href=\"http:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/\">due date<\/a>.<\/li>\n<li>Include the details of the usability tests and heuristic evaluation as an Appendix in a Word document. The appendix does not count toward the slide limit.<\/li>\n<li>The team should submit one integrated zip file containing all the required documents. Google docs links or PDFs are not allowed. Include all documents in the zip file. You must use the file naming convention described on the submissions page. 5 points will be automatically deducted if you are unable to follow these requirements.<\/li>\n<li>Students will be selected at random to present the project.<\/li>\n<li>The Beta submission is graded on a pass\/fail basis for completing the specific requirements and showing how you applied the usability tests and heuristic evaluation to improve the design. The quality of the user experience is a secondary concern.<\/li>\n<\/ol>\n<h2>Final submission<\/h2>\n<p>A. Create a Word file that includes the following items. The team is expected to work together on all the items and be able to answer questions on any item.<\/p>\n<ol>\n<li>The overall deliverables listed at the top of this page.<\/li>\n<li>The URL of the new site.<\/li>\n<li>A one-page reflection that includes a list and justification of how your site applies the following concepts and how you improved the design. A significant part of the grade is how well you use specific examples that are unique to your problem and site for the justification. Avoid using generic examples, such as pointing out the affordance of a menu or button, instead use items specific your design, which reflect choices you made. For example, we used XXX color to signify YYY action required by the site goals, or our site has a fun affordance because it uses XX YY ZZZ.\n<ol>\n<li>Affordances<\/li>\n<li>Signifiers<\/li>\n<li>Constraints<\/li>\n<li>Conventions<\/li>\n<li>Knowledge in the head vs. the world<\/li>\n<li>Mapping<\/li>\n<\/ol>\n<\/li>\n<li>An appendix that lists the major improvements and changes you made to the design going from alpha, beta, to final.<\/li>\n<\/ol>\n<p>B. A 5-minute presentation and PowerPoint slide deck that summarizes the project. The presentation should involve all the team members and include:<\/p>\n<ol start=\"1\" type=\"1\">\n<li>The problem and goals of the site including its overall affordance.<\/li>\n<li>The intended user demographic and how your site will support that demographic.<\/li>\n<li>A live demonstration that highlights using Norman\u2019s terms specific items you improved as part of the usability tests and how you achieved the overall deliverables.<\/li>\n<\/ol>\n<p>C. <a href=\"https:\/\/1drv.ms\/f\/c\/4607dfcfc97c1061\/EjiATxF_l0FKh-eUJaoTmMIBbw3spRfntzxaAoWR8hxS6g?e=mKAyB4\">Team member evaluation<\/a>: Please follow the instructions provided within the document and email the document separately to the instructor.<\/p>\n<h3>Final Deliverables<\/h3>\n<p>Zip the Word and PowerPoint documents in items A and B above together and submit as one integrated team file on the submission page\u00a0before class on the <a href=\"http:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/\">due date<\/a>. Only one submission per team is needed. Google docs links or PDFs are not allowed. You must use the file naming convention described on the submissions page. 5 points will be automatically deducted if you are unable to follow these requirements.<\/p>\n<p>The final submission is graded on a numerical basis focusing on the user experience and on applying the course concepts.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this project you will learn how to create a compelling user experience on a website using the Genesis framework. The project includes an overall deliverable and version specific deliverables \u2013 alpha, beta, &amp; final. The alpha and beta versions are graded on a modified pass\/fail basis. The main reason is that unless you achieve [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"class_list":{"0":"post-595","1":"page","2":"type-page","3":"status-publish","5":"entry"},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PayZoC-9B","_links":{"self":[{"href":"https:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/wp-json\/wp\/v2\/pages\/595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/wp-json\/wp\/v2\/comments?post=595"}],"version-history":[{"count":105,"href":"https:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/wp-json\/wp\/v2\/pages\/595\/revisions"}],"predecessor-version":[{"id":1350,"href":"https:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/wp-json\/wp\/v2\/pages\/595\/revisions\/1350"}],"wp:attachment":[{"href":"https:\/\/community.mis.temple.edu\/mis3506sec001spring2025\/wp-json\/wp\/v2\/media?parent=595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}