Rebecca Cheng
  • Home
    • Background
  • Vita
    • Projects (Ocean Park)
    • Projects (University)
  • Publications
  • Useful Links
  • My Interests
  • Eye Tracking Research
  • What's Out There

Video Game Design as a new interactive assessment for STEM

4/28/2014

0 Comments

 
NAEP Uses Video-Game Design for New Technology and Engineering Test

A new interactive test from the National Assessment of Educational Progress (NAEP) aims to measure students' Technology and Engineering Literacy (TEL). These tasks measure students’ capacity to use, understand, and evaluate technology, as well as their ability to understand technological principles and strategies.

Want to learn more about the new
Technology and Engineering Literacy assessment...
  • NAEP news on Education Week
  • Sample of the TEL task
  • NAEP’s New Report Card: Measuring Technology and Engineering Literacy
  • What is Technology and Engineering Literacy?

0 Comments

Wireframes vs. Prototypes

4/21/2014

0 Comments

 
Wireframe:

A wireframe is a low-fidelity representation of a product’s design.
The visual characteristics of a wireframe are very limited. Usually designers just use boxes, lines, and a grayscale color palette (to represent different levels of visual hierarchy in the design).
Picture






Interactive Wireframe (figure)
Sometimes designers like to increase the fidelity of their work a bit to stress the importance of certain parts of the UI, as well as to present and quickly test the soundness of interactions between elements. A very popular way of doing that quickly is the creation of an interactive wireframe, also known as a clickable wireframe.


Prototype:

A prototype is a mid- to high-fidelity representation of the final user interface.
The goal of a prototype is straightforward: Simulate the interaction between the user and the interface.

Picture



Visual Characteristics of a Prototype When it comes to aesthetics, a prototype may closely resemble the final version of the product.

Basically, a prototype looks like the final product (figure), but it just doesn’t have the nuts-and-bolts yet (i.e. HTML, CSS, JS, server-side programming, databases, etc.).


Source: Wireframes vs. Prototypes: What’s the Difference?
0 Comments

    Rebecca is...

    A STEM Education Enthusiast
    A Cognitive Psychologist
    A UX Researcher
    Crazy about Advanced Technology & HCI Design


    Archives

    July 2015
    June 2015
    August 2014
    July 2014
    June 2014
    May 2014
    April 2014
    March 2014
    February 2014
    January 2014

    Categories

    All
    #Career
    #CitizenScience
    #design
    Games
    #innovation
    #learning
    #STEM
    #UX

    RSS Feed

Powered by Create your own unique website with customizable templates.