1 / 11

Interface Design- Wireframes

Interface Design- Wireframes. Interface Design- Wireframes. Wireframing Lo-Fi design Hi-Fi design Concept design Prototyping Usability Testing *Fidelity refers to the level of detail. Interface Design- Wireframes.

beck-carpenter
Download Presentation

Interface Design- Wireframes

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Interface Design- Wireframes

  2. Interface Design- Wireframes • Wireframing • Lo-Fi design • Hi-Fi design • Concept design • Prototyping • Usability Testing *Fidelity refers to the level of detail

  3. Interface Design- Wireframes • Depending on the need, i.e. for the client’s understanding, you can present a wireframe to illustrate the interface design.

  4. Interface Design- Wireframes • Lo-Fi Design • Basic structure • Minimal labels • Use of Placeholders

  5. Interface Design- Wireframes

  6. Interface Design- Wireframes • Hi-Fi Design • Detailed structure • Formal or final labels • Use of Placeholders • Images if possible

  7. Interface Design- Wireframes

  8. Interface Design- Wireframes • From your wireframe you can flush out your interface design.

  9. Interface Design- Wireframes

  10. Interface Design- Wireframes

  11. Interface Design- Wireframes • Wireframes allow you to: • Do a low level usability test • Test your interface • Find omissions • Make low-cost changes

More Related