# How do I add mockups and/or visuals to my questions?

When discussing UX, I find that it is helpful to have visual aid to help clarify the discussion. However I find that many of the discussions contain only bare text with hardly a visual in sight.

So how does one add visuals here? and another important question why should one take the trouble to do so?

## migrated from ux.stackexchange.comMar 21 '13 at 10:33

This question came from our site for user experience researchers and experts.

These are the primary ways of adding visuals on UX, with their pros & cons.

1. Mockups
• Pros: create one right away online
• Pros: Best clarity and configuration for complex visuals
• Pros: Can be attractive
• Pros: users can copy & edit your mockup directly to make an answer
• Cons: There's a learning curve to use the tool. (one time cost)
• Cons: Can take longer than other methods.
• Cons: Usable only for a subset of all mockups.
• Cons: Making mockups on-site requires 10 reputation
2. Drawings
• Pros: Easiest to create. Requires no training besides basic known skills.
• Pros: Can be attractive
• Pros: Can show very complex cases.
• Cons: Time to create & digitize and put it online in UX
3. Images
• Pros: Easier to grasp quickly due to our large capacity for visual processing
• Pros: Can be attractive
• Cons: Takes time to find and/or modify the image of choice and upload it
4. Text
• Pros: Slightly harder to grasp as involves the thinking part of the brain
• Pros: Fastest to create and add for simple visuals
• Cons: Not very attractive

Now on how to do it.

Mockups

1. (Ctrl+M) or
2. Further help
3. example below

Furthermore to edit someone else's mockup: copy the Mockup block from the question, paste it in your answer, then click the link to edit the mockup in the preview. e.g. you can copy the the example above and post it in your answer and edit.

Drawings

1. Make the drawing on paper or digitally (tablet, paint...etc.)
2. Scan or Take a picture to digitize the physical drawing
3. follow same procedure as images

Images

1. Acquire & modify image.
1. For screenshots you can use something like Greenshot or Awesome Screenshot
2. (Ctrl+G)or
3. examples are everywhere in this post

Text

1. (Ctrl+K)or

.

example
+--------------+------------------------+
|   Appname    |        AppleID         |
+--------------+------------------------+

• @ben-brocka how do you do this Pros: users can copy & edit your mockup directly to make an answer ? I can't find an easy way to do this. Do I have to download the source reupload it to edit and add it to my post? – Vijay Apr 24 '13 at 9:56