Skip to main content

Reading: Inter-disciplinary Digital Interaction

The article introduces concepts and its definitions to apply when designing digital interface game (digital experience) or website. 

  • Nodes
  • Branch
  • Types of controls
  • Denotation
  • Connotation
  • Divergent
  • Convergent
  • Entry Point
  • Faux Choice (False Choice)
  • Gamification
  • Geon Theory or Recognition by components theory (Irving Biederman)
  • Geons (geometric icons)
  • Icons
  • Pictograms
  • Isotypes (used in Europe in the 1940s-1960s
  • Column Grid
  • Modular Grid
  • Hierarchical Grid
  • Hick's Law (the more choices a person has, the more time it will take to process the decision)
  • Digital Interface Menu
  • Signals: audible or visual indication that an interaction is taking place to activate or change a particular object.
  • Cues: response that the signal has been activated.

Labels:

Comments

Post a Comment

Popular posts from this blog

Personal Website

homepages.utoledo.edu/mditore Critique Do not link name and last name with an artwork (p5.js) Change the location of Contact, also change the name to call it Blog Make sure that the Generative art is linked to the page or use a photograph to linked it to the p5.js site Make sure that all formatting is unified Correct grammar mistake in Animation on page 1  Photographs sizing on portfolio: Print
Post a Comment
Read more

Web Links

Positioning the p5.js sketch canvas in the website (November 16) https://github.com/processing/p5.js/wiki/Positioning-your-canvas   How to structure a effective Typographic Hierarchy https://www.toptal.com/designers/typography/typographic-hierarchy Writing About your Work https://creative-capital.org/2013/01/03/writing-about-your-work/ https://theabundantartist.com/how-to-write-an-artists-statement-that-doesnt-suck/ https://www.artbusiness.com/artstate.html Image Maps https://www.w3schools.com/html/html_images_imagemap.asp In Dreamweaver https://helpx.adobe.com/dreamweaver/using/image-maps.html Rhizome https://artbase.rhizome.org/wiki/Main_Page V2 https://www.v2.nl/ Intercommunication Center https://www.ntticc.or.jp/en/ Penny Stamps Lectures  https://stamps.umich.edu/penny-stamps-speaker-series Light Box Query https://lokeshdhakar.com/projects/lightbox2/ Google Fonts https://fonts.google.com/ Meta Tags https://www.w3schools.com/tags/tag_meta.asp How to Create Tooltips https://...
Post a Comment
Read more

Infographics: Oscar Claude Monet (1840-1926)

To create the Infographic, I used the application Piktochart starting from a blank canvas. I chose the background's color and opacity. Also the font size, style and the option to bold it. Comparing to the previous Infographic, I used more images and less text.   
Post a Comment
Read more