MEG-o-RAMA

Creative Direction | Knowledge Management | Web Producer | Communications Specialist | Marketing/Brand Strategist | Information Architect

  • Home
    • Links
    • Clients
    • Resume
  • Mission
    • Communication
    • Organization
    • Connection
  • Major Projects
    • Entertainment Client
    • Healthcare Client
    • Telecommunications
    • Online Service
    • Non Profit Organization
  • UX
    • Wireframes
    • Information Architecture
    • Work Flows
    • Heuristics
    • Technical Documentation
    • Other Diagrams
  • Design
    • Advertisements
    • Editorial
    • Ephemeral
    • Stationary
    • Web
    • Packaging
    • Spacial
    • Color
  • Branding
    • Illustration
    • Lettering
    • Lettermarks & Symbols
    • Mastheads & Logos
    • Icons
  • Artwork
    • Clip Art
    • Entertainment
    • Creative Writing
    • Storyboards
    • Painting
      • Painting – Vegas
      • Painting – Atomic
      • Painting – PopShop
  • Photography
    • Photo – Musicians
    • Photo – Vegas
    • Photo – Yer So Cul
  • Major Film Entertainment Client
  • Major Online Customer Service Client
Home > Portfolio: UX > UX – Wireframes

UX – Wireframes

Wireframes | Information Architecture
Workflows | Heuristics | Other Diagrams
Technical Documentation

Wireframes

The primary purpose of a wireframe is to communicate the content and navigation of a specific page (or series of pages) to a development team. I believe that for the most part, wireframes are best done in “low fidelity,” because a programmer does not require unnecessary graphic details to understand the scheme of a page. In other words, the carpenter does not need to know what color the house will be painted in order to frame the house. Lo-fi wireframes include: page name, cross references, description, how to arrive there, persistent and unique content/data, persistent and unique navigation/buttons/links, error conditions.

Wireframes

Overview Documentation

whiteline and template

Higher fidelity Wireframes:

home page Style Sheet 3 4 5 6 search results 1

Technical and detailed wireframes:

search results DETAILED search results ORDER search results SIMPLE ServiceLive Search Results Site Content Search - rough wireframe 1

Wireframes with callouts:

alerewire05 Alere Wireframes - Catalog Example Webform alerewire03Alere Modules 1

Share this:

  • Click to share on Facebook (Opens in new window)
  • Click to share on Twitter (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Pinterest (Opens in new window)
  • Click to share on Tumblr (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • Click to print (Opens in new window)
  • Click to email a link to a friend (Opens in new window)
  • Home
  • Mission
  • Major Projects
  • UX
  • Design
  • Branding
  • Artwork
  • Links
  • Blog
  • Resume
Creative Direction | User Experience Architect | Knowledge Management | Web Producer | Communications Specialist | Marketing and Brand Strategist | Information Architect | Graphic Designer | Lay Architect | Published Author Writer

*** PLEASE NOTE: Some images are displayed at low resolution to protect the non-disclosure aspect of some of the files. I am happy to provide paper images in a formal portfolio presentation.
© 2000-2017 mm stratton all rights reserved. There is a possibility of text or images used on this site that belong to others. No copyright infringement is implied. These are shared to help educate readers. If you have found anything on this site that needs to be fixed, credited or removed, please contact me.
Website produced by HOMECAMP
Design and writing by meg-o-rama

Copyright © 2023 · Diligent on Genesis Framework · WordPress · Log in