-Sketching is fast. You dont need to be good at art for it

-Use a thick pen and lots of paper. Such as a fine sharpie for bigger sketches and a ball point pen for smaller

-Great for generating ideas quickly, gain feedback and visually test

-Communicate these ideas within a team

-Work on implications of design choices through user journey. Identify key descisons within of how to find something

-Sketching to generate wireframes. This article suggests doing a wireframe sketch on a whiteboard to erase mistakes easier

-Sketching can help with budget issues.

- Sketching can be done by more than one person, allowing individuals to compare and contrast, potentially building upon each others work or even resulting in a brand new sketch. The same idea can be applied by using external sketches (sketches done by other organizations) to inspire and help direct your own design and sketches.

Two things must be considered:

1. The ability to capture needed information.

2. Ability to convey necessary information.

These two things will allow your audience to clearly understand the information presented to them.

Sitemap styles:

Lists: Decide what information is most to least prominent. This would be an inventory and overview of your hierarchy, but would not display navigation.

Horizontal diagrams: This is a Birds Eye view of your sites connections, but is limited in details about individual pages.

Vertical diagrams: This is better designed for user flow, as you would read it left to right, but is simply a horizontal diagram flipped to its side. It is very singular in information.

Wireframes: this is the bones of your webpage, but not the website as a whole.

It focuses on the relation of content within a page, and space dedicated to each required item.

It is subject to many changes throughout its process, as you may find some content is restricted by size and available space, which would reduce its functionality.

Testing fitting pre-prepared content into the wireframe may highlight areas for change, before launching the complete page.

Notes: search engines optimization should be prepared prior to setting out a wireframe, as you will need to prioritize keywords that a user would be looking for within the page structure.

A Wireframe will not cover every single screen, especially for digital products, but will showcase key templates.

Wireframes can vary depending on use, but they still help allow testing on design ideas by laying out the frames. They usually only help with structure of the website/app though and possible design aspects.

Can be described as prototypes.

Begin: Sketch out a rough copy. it does not have to be perfect, it can be corrected and filled with the right information later.

Filler text: Try to avoid using dummy text instead of actual info if possible. If unavoidable, at least include an introduction before the dummy text to explain what the section will be.

Annotations: Make adjustments, notes, and overall go through your wireframe to make sure you're happy with it.

Share, Test, and Improve: Get feedback from others including coworkers and clients. Make adjustments based on that feedback. Rinse and repeat!