Device-Optimized Design

Our visitors increasingly access our sites through mobile devices, including both smartphones and tablets. Northeastern University is working towards making all websites “mobile friendly.” Responsive design principles are recommended for most Web projects, though in some cases a separate mobile site may be advisable, depending on the needs of the project and its intended audience.

Responsive design is a method by which a Web developer and designer may develop multiple layouts for a single set of content, using media queries or other techniques to determine which layout is most appropriate for a given device. Responsive design may increase the cost and complexity of a given project, but can dramatically improve mobile accessibility. The Office of Marketing and Communications Web department is in the process of creating basic responsive templates for small-scale Cascade and WordPress deployment.

At this time, Adobe Flash is not recommended, due to lack of support from iOS devices. Any use of Flash should be limited to specific functional elements that cannot be produced using HTML5, Javascript, or other commonly accepted web languages. Flash should never be used to produce site navigation schemes or to present crucial information. Likewise, Java should be avoided wherever possible, as many smartphones do not support Java at this time.

Additional Notes

  • Make sure navigation items, buttons, and links are large enough for finger touch
  • Use alt-tags for all of your images

 Device Optimized Design