1 / 10

Interactive Portfolio Development: Maximize User Experience and Accessibility

Create a comprehensive online portfolio with user-friendly navigation and accessibility features. Learn how to organize content and showcase your work effectively. Implement user stories, wireframes, design comps, and CSS to enhance the portfolio's visual appeal. Get hands-on experience in usability evaluation and ensure your portfolio is mobile-responsive. Explore sustainable design practices that allow for easy updates and customization. Master the art of reflecting your competencies through detailed views and a professional design statement. Prepare to present your portfolio to a broader audience for feedback and evaluation.

cvictoria
Download Presentation

Interactive Portfolio Development: Maximize User Experience and Accessibility

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. WRA 210 – SS2014 Wrapping Up!!

  2. The Personal Course Page • 2. Modules • 3. Portfolio • 4. Workshops • The Personal Course Page is up to date if it contains… • Links to 9 of 10 modules • All Portfolio Deliverables • …and meets requirements described on syllabus. Where am I?!

  3. The Personal Course Page • 2. Modules • 3. Portfolio • 4. Workshops You should have links to 8 of 10 modules so far. 9 after this week. Mod10 has changed! It is satisfied now by the materials for our Responsive Design exercise (linked on course page). Where am I?!

  4. The Personal Course Page • 2. Modules • 3. Portfolio • 4. Workshops Phase 1 Deliverables         User stories         Content List         Wireframes         HTML structure     Phase 2 Deliverables         Design Comps         CSS     Phase 3 Deliverables (so far)         Artifact reflective statement         Portfolio site map diagram         Folder structure on AFS (diagram) So far…

  5. The Personal Course Page • 2. Modules • 3. Portfolio • 4. Workshops Coming Up: Phase 3: usability evaluation materials Phase 3: final portfolio live on the web!

  6. The Personal Course Page • 2. Modules • 3. Portfolio • 4. Workshops In Eli: a. Project Page (Jan 28) b. Portfolio Phase 1 (Feb 18) c. Portfolio Phase 2 (Mar 17) d. Portfolio Detail View Reflective Statement (Mar 27) In Class: Usability Simulation (Tue 4/8) Portfolio Final (Next Week!) Where am I?!

  7. 1. Landing page/front with effective wayfinding 2. A means of selecting detail views from appropriate categories of competencies 3. One or more “detail views” with reflective statements that link the artifact (evidence) with competency (claim) 4. A design statement for the portfolio (“about” page?) – this is a reflective statement for the whole portfolio! 5. Contact info & resume in html + link to downloadable version Portfolio Components Monday April 28th at 8:00 p.m.

  8. Acessibility: your site should work in multiple browsers and your XHTML & CSS should validate. Mobile viewers should be able to view in a reasonable way, as should users with visual or auditory impairments. Usability: the navigation, page layout, content, look & feel should be well-suited to your target user groups; you should be able to demonstrate that the site works for these users with evidence. Portfolio Criteria. 1

  9. Sustainability: you should be able to update and expand your portfolio over time; you should also be able to change the layout and other styles via CSS easily; your markup and styles should be commented clearly so that someone looking at your source can make sense of things Portfolio Criteria, 2

  10. Thursday Tuesday Present Your Portfolio!

More Related