{"id":1508,"date":"2024-05-29T11:48:18","date_gmt":"2024-05-29T11:48:18","guid":{"rendered":"http:\/\/acmgd.info\/interactive2\/?p=1508"},"modified":"2026-01-20T05:39:25","modified_gmt":"2026-01-20T05:39:25","slug":"collections-prof-medina","status":"publish","type":"post","link":"https:\/\/acmgd.info\/interactive2\/collections-prof-medina\/","title":{"rendered":"Collection Project Overview"},"content":{"rendered":"

“Good design starts with an understanding of psychology and technology. Good design requires good communication, especially from machine to person, indicating what actions are possible, what is happening, and what is about to happen”<\/p>\n

– Don Norman<\/strong>. The Design of Everyday Things<\/p>\n

Project Overview:<\/strong><\/p>\n

For this\u00a0course, you will conceive of, design, and develop an\u00a0interactive experience\u00a0based on the\u00a0theme of “collection.” The kind of interactive experience that you create, the target audience\/user, raw materials, etc. are entirely up to you and will be shaped by you through your research and design process. It could take the form of a website, interactive kiosk, App, etc. This process will ask you to consider how every choice you make will shape the experience for your audience.<\/p>\n

Objectives:<\/strong><\/p>\n

1. Account for the affordances of the online environment<\/p>\n

2. Organize information for a time-based experience, via information architecture (site maps) and wireframes<\/p>\n

3. Identify and research an audience\/user and let this research guide your design and refinement process<\/p>\n

4. Present content in a useful, meaningful, and engaging manner<\/p>\n

5. Develop strategies for content comparison and information\/data visualization<\/p>\n

6. Explore designing for an interactive and participatory environment<\/p>\n

7. Link your concept with the visual interface so that it is aesthetically evocative, thematically relevant, and functional<\/p>\n

8. Find ways that the collection itself can\u00a0inform your design process<\/p>\n

9.\u00a0Focus on ideas and visual design and don\u2019t worry about what you don\u2019t know how to program<\/p>\n

10. Create a working prototype (either through prototyping software or code, etc.) that shows the interface in motion and in context.<\/p>\n

Considerations:<\/strong><\/p>\n

+ What is the data? and how can the data be organized?<\/p>\n

+ What type of entry point do you want to have?<\/p>\n

+ Are you allowing the user to experience exploration and discovery?<\/p>\n

+ How could you make your project immersive?<\/p>\n

+ What does participation afford the users?<\/p>\n

+ How do you navigate through the project to experience it fully? (click, scroll, swipe, etc.)<\/p>\n

+ How do you categorize data points and interaction points? filters\/fields (place, color, quality, dates, etc)<\/p>\n

Kinds of Websites:\u2028<\/strong>
\ncommunity-building websites
\ninformational websites
\npersonal websites
\nphoto sharing websites
\ndirectory websites
\ne-commerce websites
\ncorporate websites<\/p>\n

Final Deliverables
\n<\/b>+ Working Prototype (link to Figma, and downloaded HTML\/CSS “offline” version if available, screen recording)
\n+ Process “Overview” Folder (sketches, documentary photos, research, etc) submitted on the class Google Drive
\n+ 1 page microsite created on WordPress
\n+ A high-res final PDF presentation submitted on the class Google Drive.
\n<\/b><\/p>\n

Image:\u00a0The Second World War in 100 Objects<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

“Good design starts with an understanding of psychology and technology. Good design requires good communication, especially from machine to person, indicating what actions are possible, what is happening, and what is about to happen” – Don Norman. The Design of Everyday Things Project Overview: For this\u00a0course, you will conceive of, design, and develop an\u00a0interactive experience\u00a0based […]<\/p>\n","protected":false},"author":15,"featured_media":630,"comment_status":"closed","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"nf_dc_page":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[3],"tags":[],"class_list":["post-1508","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-assignments"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2014\/08\/whalhunt.jpg?fit=600%2C422&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p78RO3-ok","jetpack-related-posts":[{"id":2028,"url":"https:\/\/acmgd.info\/interactive2\/interactive-ii-final-deliverables-2026\/","url_meta":{"origin":1508,"position":0},"title":"Interactive II Final Deliverables 2026","author":"Gisela Ochoa","date":"April 28, 2026","format":false,"excerpt":"Below are the Final Deliverables for Interactive Design II.These are due to be handed\u00a0in at our\u00a0Final Exam date\/time:\u00a0Tuesday May 12, 6:20-9:20PM, Bradley Room 527.\u00a0- Each student will give a brief, 6 minute presentation of your Collection project by using your Figma Link and taking us through the final revisions prompted\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1497,"url":"https:\/\/acmgd.info\/interactive2\/welcome\/","url_meta":{"origin":1508,"position":1},"title":"Welcome!","author":"Gisela Ochoa","date":"January 18, 2026","format":false,"excerpt":"\"One of the most essential qualities of digital media is the ability to respond to changing conditions.\u00a0 When the changes in conditions are determined\u00a0by the user\u2019s input, we call this resource, interactivity.\u201d\u00a0 \u2014Marie-Laure Ryan, Beyond Myth and Metaphor: The Case of Narrative in Digital Media COURSE INTRODUCTION Building on the\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2018\/01\/wefeel-1.jpg?fit=400%2C279&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1978,"url":"https:\/\/acmgd.info\/interactive2\/spring-2026-class-schedule\/","url_meta":{"origin":1508,"position":2},"title":"Spring 2026 Class Schedule","author":"Gisela Ochoa","date":"January 20, 2026","format":false,"excerpt":"Week 1Tue 1\/20\u00a0- Course\/ Syllabus Introduction- Lecture: Intro to ID2- Project IntroductionHomework: - Start thinking about ideas for collections. (5 possible themes\/ideas )- Bring in an example website to share with the class. Add HereThis website should be one that you admire for its narrative qualities, and usability, should be\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2026\/01\/Interactive-Design.jpg?fit=1080%2C879&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2026\/01\/Interactive-Design.jpg?fit=1080%2C879&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2026\/01\/Interactive-Design.jpg?fit=1080%2C879&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2026\/01\/Interactive-Design.jpg?fit=1080%2C879&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2026\/01\/Interactive-Design.jpg?fit=1080%2C879&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":2006,"url":"https:\/\/acmgd.info\/interactive2\/introduction-to-figma\/","url_meta":{"origin":1508,"position":3},"title":"Introduction to Figma","author":"Gisela Ochoa","date":"March 10, 2026","format":false,"excerpt":"Figma launched in 2026 is a professional design tool used across the industry to create user interfaces, wireframes, and interactive prototypes. It runs entirely in the browser, making it accessible on any device without installation. However app installation is encouraged for our classroom. Designers use it to build everything from\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/acmgd.info\/interactive2\/wp-content\/uploads\/2026\/03\/3225dab2b34419e6bc17bf52633ed13b4e86cd6d-3262x1836.jpg.avif","width":350,"height":200,"srcset":"https:\/\/acmgd.info\/interactive2\/wp-content\/uploads\/2026\/03\/3225dab2b34419e6bc17bf52633ed13b4e86cd6d-3262x1836.jpg.avif 1x, https:\/\/acmgd.info\/interactive2\/wp-content\/uploads\/2026\/03\/3225dab2b34419e6bc17bf52633ed13b4e86cd6d-3262x1836.jpg.avif 1.5x, https:\/\/acmgd.info\/interactive2\/wp-content\/uploads\/2026\/03\/3225dab2b34419e6bc17bf52633ed13b4e86cd6d-3262x1836.jpg.avif 2x, https:\/\/acmgd.info\/interactive2\/wp-content\/uploads\/2026\/03\/3225dab2b34419e6bc17bf52633ed13b4e86cd6d-3262x1836.jpg.avif 3x"},"classes":[]},{"id":1192,"url":"https:\/\/acmgd.info\/interactive2\/user-personas\/","url_meta":{"origin":1508,"position":4},"title":"Interviews & User Persona’s","author":"Jennifer Bernstein","date":"February 17, 2026","format":false,"excerpt":"A persona is a representation of an audience\/user, usually based off of user research and incorporating user goals, needs, and interests.\u00a0Personas allow the designer to have a greater understanding of the audience\/user at the outset of the design process and as a tool used in the design process. Personas can:\u2026","rel":"","context":"In "Assignments"","block_context":{"text":"Assignments","link":"https:\/\/acmgd.info\/interactive2\/category\/assignments\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2016\/01\/putting-personas-to-work.jpg?fit=620%2C465&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2016\/01\/putting-personas-to-work.jpg?fit=620%2C465&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2016\/01\/putting-personas-to-work.jpg?fit=620%2C465&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":651,"url":"https:\/\/acmgd.info\/interactive2\/websites\/","url_meta":{"origin":1508,"position":5},"title":"Project Inspiration","author":"Jennifer Bernstein","date":"January 15, 2018","format":false,"excerpt":"The Met Museum Collection The New York Times Journeys Bllomberg Businessweek Printed Matter Indian Type Foundry Big Spaceship Collection-based sites (not necc. well-designed) Designboom Klassekickmann The Gallery of Lost Art Online Exhibition Uncube Magazine Out of Sight, Out of Mind Art Handler Looking at Something Nautilus The Second World War\u2026","rel":"","context":"In "Inspiration"","block_context":{"text":"Inspiration","link":"https:\/\/acmgd.info\/interactive2\/category\/inspiration\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2014\/08\/destroyed.jpg?fit=600%2C349&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2014\/08\/destroyed.jpg?fit=600%2C349&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/acmgd.info\/interactive2\/wp-content\/uploads\/2014\/08\/destroyed.jpg?fit=600%2C349&ssl=1&resize=525%2C300 1.5x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/acmgd.info\/interactive2\/wp-json\/wp\/v2\/posts\/1508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acmgd.info\/interactive2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/acmgd.info\/interactive2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/acmgd.info\/interactive2\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/acmgd.info\/interactive2\/wp-json\/wp\/v2\/comments?post=1508"}],"version-history":[{"count":18,"href":"https:\/\/acmgd.info\/interactive2\/wp-json\/wp\/v2\/posts\/1508\/revisions"}],"predecessor-version":[{"id":1933,"href":"https:\/\/acmgd.info\/interactive2\/wp-json\/wp\/v2\/posts\/1508\/revisions\/1933"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/acmgd.info\/interactive2\/wp-json\/wp\/v2\/media\/630"}],"wp:attachment":[{"href":"https:\/\/acmgd.info\/interactive2\/wp-json\/wp\/v2\/media?parent=1508"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/acmgd.info\/interactive2\/wp-json\/wp\/v2\/categories?post=1508"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/acmgd.info\/interactive2\/wp-json\/wp\/v2\/tags?post=1508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}