Design for Mobile – Competencies

Course Description:

Students will learn to create custom solutions for content delivery on mobile devices by developing web application and device application user interface tools optimized for delivery on mobile devices. Students will work in class with mobile devices to learn needs, restrictions of designing for mobile devices as well as test student-designed interfaces.

 

Course Focus:

In this course, students will learn about the unique features of the mobile audience for the web, and how to design and develop for this audience. Topics include mobile history, “mobile first” design patterns, CSS media queries, responsive design, and progressive enhancement strategies For their final students will develop a “mobile first” site with responsive breakpoints, and additional features (CSS3) leading to greater mobile usability and universal access.

 

Course Competencies:

Upon successful completion of this course, the student should be able to:

Conduct necessary research for projects
  • Become familiar with mobile technology terminology
  • Examine the history and impact of mobile computing on society

Identify properties of various delivery platforms

  • Identify different types of mobile devices and their uses
  • Design to the needs and limitations of mobile devices

 Design for specific delivery platforms

  • Design device UI for application delivery

Create user-centered navigation experience 

  • Develop web-based interface for mobile devices

Produce and deliver presentations

  • Exhibit solutions in a finished manner suitable for client presentation
  • Evaluate and organize researched information for effective presentation

 

Course Prerequisite(s):  GWDA 202 Interface Design


Information Architecture – Competencies

Course Description:

An examination of content structures, navigation paths, and asset organization.

 

Course Focus: This course introduces key concepts in information design – design in the abstract, used to break blocks of information into categories that can be understood by the user. Organization, nativation, information taxonomies, folksonomies, and other aspect of information design will be applied to the construction of a complex interactive website.

 

Learning Outcomes:

Upon successful completion of this course, the student should be able to:

Describe the relationship between different stages and components of information architecture

    • Identify terms used by information architects in the industry
    • Define information architecture documentation

Define client, project, and user requirements

    • Identify behaviors and needs of a target user population
    • Apply research methods
    • Conduct competitive analysis
    • Create user personas

Develop the components for effective information architecture

    • Design flow charts
    • Produce site maps and navigation structures
    • Create information ontologies and labeling systems
    • Develop Wireframes

Solve content organization problems

    • Assess information architecture requirements for a design project
    • Produce information architecture documentation

 

Course Focus Competencies:

  • Explore “folk” information design as seen in dynamic social networks
  • Study the relational between navigational information layout and visual layout
  • Explore “web ecosystems”
  • Understand the relation of information design for usability, accessibility, sustainability

 

Course Prerequisite(s): GWDA101 Applications and Industry


Web Standards – Competencies

Course Description: 

An investigation into the importance of adhering to web standards and following accessibility guidelines. Students gain an understanding of how these best practices enable inclusive designs that address diverse user needs, contribute to improved Search Engine Optimization, and meet legal requirements such as Section 508. Students code and test sites for cross-browser compatibility, valid markup, and compliance with accessibility guidelines.

Define Web Standards

  • Identify components of web standards and best practices
  • Distinguish between non-standard and standard script

Evaluate the role of contemporary standards (XHTML 1, CSS 2.1, etc.)

  • Write standards-based script
  • Review and edit script for compliance

Prepare for upcoming standards (HTML 5, CSS 3, etc.)

  • Recognize the challenge of designing for multiple devices
  • Implement a design solution that degrades for older standards

Employ Web Standards to solve design and technical problems

  • Apply web standards through technical solutions

Discuss the social implications of accessible design

  • Identify accessible design obstacles

Intermediate Web Design – Competencies

Course Description:

Students expand their prior knowledge of HTML and CSS by learning additional methods for structuring and styling web page content. The ability to style multi-column layouts and various interface components is explored. Students participate in visual design critiques, evaluate the designs and code of existing websites, and use CSS to visually design the presentation of HTML content.

 

Course Focus: This course introduces advanced CSS-based layouts for web pages, including multiple columns. The goal is to create web frameworks using fluid, “jelly” and responsive design patterns from starting wireframes and page templates. In addition, the aesthetics of “beautiful web design” will be investigated.

 

Learning Objectives:

Upon successful completion of this course, the student should be able to:

Define terms and methods for styling web pages

  • Articulate the concept for a web page design
  • Identify issues of accessibility that need to be addressed when styling web pages for various devices
  • Discuss the benefits of separating structure and presentation during web site production

Apply various methods for styling web pages

  • Use CSS to visually design the presentation of web page content
  • Implement various page layout methods such as fixed and liquid layouts
  • Design a web site that works on different screen resolutions and devices

Solve information architecture and communication problems with effective web site styling

  • Identify ways to use on-line resources for problem solving
  • Implement solutions for common information architecture principles through web page styling

 

Course Focus Competencies:

  • Apply responsive design techniques to create pages that work equally well on desktop and mobile platforms

 

Course Prerequisite(s): GWDA113 Fundamentals of Web Page Programming


Fundamentals of Web Page Scripting – Competencies

Course Description:

This course is an introduction to writing and editing HTML documents for the production of Web pages. In addition, this course examines the history and future of Web media.

 

Course Focus: This course introduces students to the primary markup languages used on the web – HTML (in its modern form of XHTML and HTML5) and CSS (Cascading Style Sheets). Students will learn the basics of how the web works, client/server interactions, and features of web browsers. They will learn how to create web pages using XHTML, HTML5, and CSS. In addition, students will explore usable and accessible design patterns for creating websites. Additional design technologies (e.g. JavaScript) will be introduced. Students will also learn how to create industry standard design documents as part of site development..

 

Credit Values:                                        3 Credits

 

Course Competencies:

Upon successful completion of this course, the student should be able to:

  • Identify websites that demonstrate good layout and usability design techniques.
  • Compose basic HTML using a simple text editor.
  • Design, produce, and successfully upload a basic website.
  • Construct logical file and directory structures for a website.
  • Implement frames, tables and forms using HTML.
  • Apply principles of visual design to the layout of web pages.
  • Create a proposal and flow chart suitable for delivery to a potential client.
  • Apply time and resource management principles to the website production.
  • Prepare and use images as effective elements of web design and content.

 

Course Focus Competencies:

  • Learn the basic syntax of HTML and the layout of a standard HTML page
  • Learn the basic HTML tags commonly used in web pages
  • Learn how XHTML relates to standard HTML and XML standards
  • Learn how to use Cascading Style Sheets (CSS) with HTML web pages for presentation
  • Understand the new features of HTML5 and CSS3
  • Understand the basics of website documentation (Design Documents, Project Presentations)
  • Know the correct file/folder structure following WDIM guidelines for project submission
  • Create a working, multi-page website and upload it to a web host on the Internet

 

Course Prerequisite(s): FS104 Computer Applications


Experience Design – Competencies

Course Description:

An examination of user-centered experience and its relationship to information architecture, interface design, and usability.

 

Course Focus: This course introduces students to the Ux design process. Students develop a project concept, then create standard Ux deliverables – market segments, Personas, User Stories, Customer Journeys, Interaction Diagrams, and Wireframe deliverables. They also conduct Ux testing with early-stage (paper) prototypes.

 

Learning Outcomes:

Upon successful completion of this course, the student should be able to:

Define user-centered experience design

  • Describe the relationship between information architecture, interface design, and experience design
  • Explain the role of usability in experience design

Apply principles of experience design

  • Create user flow documentation
  • Produce wireframes to communicate feedback loops
  • Create interface systems for multi-platform delivery

Solve design problems with principles of experience design

  • Combine principles of usability, information architecture, and interface design to create effective user experiences

 

Course Focus Competencies:

  • Create a website embodying features of user experience research
  • Understand the role of WPO in Ux
  • Understanding the role of SEO in Ux
  • Understand the relation of Sustainable Web Design and Ux
  • Run user experience tests to confirm that the design matches expectations
  • Iterate designs based on results in Ux testing.

 

Course Prerequisite(s): MM2203 Introduction to Web Design


User Experience 3: Project Dev – Competencies

Course Description:

A continuation of User Experience Design: Prototyping, this course examines the methodologies and techniques of developing multi-platform interactive experiences. Previous user experience research, prototyping, and testing culminate into an engaging, interactive, multi-platform user experience. Students demonstrate an advanced understanding of the User Experience design industry.

 

Course Focus:

This course expands on the initial project created in User Experience: Prototyping, continuing prototype development and introducing principles of production planning and project management. In addition to completing the project prototype, students will develop industry-standard production and marketing deliverables, including a plan based on researched development needs.

 

 

Course Competencies:

Upon successful completion of this course, the student should be able to:

Identify and analyze the development needs for a multi-device interactive project

  • Describe and/or demonstrate the technology requirements of components of a multi-platform project
  • Create a production plan based on development needs that would be required to fully execute the concept designed

Produce working components of a multi-device interactive project

  • Prepare assets for multi-device delivery to demonstrate the concept such as interactive prototypes, video simulations, and marketing material

Professionally present the final solution

  • Present the completed project including the research, prototyping, and testing that led to the final result
  • Demonstrate professionalism and thorough understanding of the project concept and the user experience design industry

 

Course Prerequisite(s):  User Experience Prototyping


User Experience 2: Prototyping – Competencies

Course Description:

An examination of methodologies and techniques of prototyping and usability testing for the design of multi-device interactive experiences s.

Course Focus:

This course expands on the initial project created in User Experience: Research to create a working model of the application allowing user testing and design analysis. Both “Prototype in Code” methodologies using HTML5/CSS3, as well as online prototyping tools will be explored. In addition, methods for conducting Ux tests of Prototypes will be considered.

(2)     At least an equivalent amount of work as required in paragraph (1) of this definition for other academic activities as established by the institution including laboratory work, internships, practical, studio work, and other academic work leading to the award of credit hours.

Course Competencies:

Upon successful completion of this course, the student should be able to:

Define prototyping methodologies

  • Describe the techniques and iterative process of prototyping
  • Discuss the role of prototyping in the design and development of multi-device interactive experiences

Create and test prototypes for multi-device interactive experiences

  • Collect and analyze user data using multiple techniques
  • Create personas and user scenarios
  • Produce visual documentation of user design research

Describe usability testing techniques employed in industry

  • Identify methods of usability testing
  • Discuss the relationship of usability testing and prototyping

Conduct usability testing with prototypes

  • Perform usability testing using a variety of prototypes including paper and interactive iterations
  • Propose design revisions based on testing results

Solve experience design problem for a proposed multi-device interactive project

  • Create and test prototypes with a variety of techniques including paper and digital methods
  • Conduct usability testing for a specific audience

 

Course Prerequisite(s):  User Experience Research


Advanced Web Design – Competencies

Course Description:

An exploration of advanced methods for styling websites and creating page layouts. This course will examine the practical application of styling web page content, understanding cross-browser compatibility, and creating designs that display effectively on various devices.

Course Focus:

This course considers how CSS and JavaScript may be use in conjunction for creating web page layouts, both static and dynamic. It includes standards-based HTML, CSS2 and CSS3, and a basic introduction to JavaScript used in page layouts in order to enhance User Experience. Design patterns (e.g. adaptive design and responsive design) will also be considered.

Course Competencies:

Upon successful completion of the course, the student should be able to:

Define advanced terms and methods for styling web pages

  • Articulate the concept for a web page design
  • Investigate strategies for designing for multiple devices and browsers
  • Identify methods for writing semantic and valid markup

Apply various advanced methods for styling web pages

  • Utilize relative, absolute, and fixed positioning methods to control the placement of web page elements
  • Utilize floats and clearing
  • Redesign existing web sites to display on various screen resolutions and devices

Solve information architecture and communication problems with effective web site styling

  • Identify ways to use on-line resources for problem solving
  • Implement advanced solutions for common information architecture principles through advanced web page styling

Interactive Communication 1: Planning and Research – Competencies

Course Description:

This  course  covers  real-world  pre-production  methods  and  research  for  interactive  media.  Emphasis  is  on  content  research,  assessing  client  needs,  pre-production  assets,  and  planning  of advanced interactive communication publications.

 

Course Focus:

This course covers principles of writing in general and the specifics of creating copy suitable for the web, apps, and E-commerce systems. Techniques that help create meaningful and understandable copy are explored, and applied to areas including online shopping, content marketing, and writing for blogs and other web-based media.

 

Course Competencies:

Upon successful completion of the course, the student should be able to:

 

Define prototyping methodologies

  • Describe the techniques and iterative process of prototyping
  • Discuss the role of prototyping in the design and development of digital publications

Create prototypes for interactive publications

  • Evaluate industry standards for designing non-linear prototypes
  • Apply theories and techniques towards the design and production of prototypes

Evaluate effectiveness and usability of interactive prototypes

  • Identify methods of usability testing
  • Apply various user-testing methods
  • Conduct peer-review of functional effectiveness
  • Propose design revisions based on testing results

Present completed prototypes

  • Generate professional quality prototype presentations