Designing for a Better User Experience

brought to you by

Click this button to tweet the infor-mation on each slide

All design decisions should be made with your goals and audience in mind.

http://www.builtbyhq.com/

https://twitter.com/intent/tweet?source=webclient&text=All%20design%20decisions%20should%20be%20made%20with%20your%20goals%20and%20audience%20in%20mind.%20@hqbuilt%20%23uxdesign%20%23webdesign%20www.builtbyhq.com/blog/user-experience-design%20

A balance between form and function is vital.


https://twitter.com/intent/tweet?source=webclient&text=A%20balance%20between%20form%20and%20function%20is%20vital.%20@hqbuilt%20%23uxdesign%20%23snowbird%20%23webdesign%20www.builtbyhq.com/blog/user-experience-design%20

Good use of alignment creates visual lines for your eyes and establishes order and organization.


https://twitter.com/intent/tweet?source=webclient&text=Good%20use%20of%20alignment%20creates%20visual%20lines%20for%20your%20eyes%20and%20establishes%20order%20and%20organization.%20@hqbuilt%20%23uxdesign%20www.builtbyhq.com/blog/user-experience-design%20

White space leads to cleaner design and focus on im-portant content.


https://twitter.com/intent/tweet?source=webclient&text=White%20space%20leads%20to%20cleaner%20design%20and%20focus%20on%20im-portant%20content.%20@hqbuilt%20%23iphone5%20%23uxdesign%20www.builtbyhq.com/blog/user-experience-design%20

In web and mobile design,typography can make or break your design.


https://twitter.com/intent/tweet?source=webclient&text=In%20web%20and%20mobile%20design,%20typography%20can%20make%20or%20break%20your%20design.%20@hqbuilt%20%23typography%20www.builtbyhq.com/blog/user-experience-design%20

Big blocks of text should try to stick to a width of 50-60 characters (including spaces).


https://twitter.com/intent/tweet?source=webclient&text=Big%20blocks%20of%20text%20should%20try%20to%20stick%20to%20a%20width%20of%2050-60%20characters.%20@hqbuilt%20%23textbox%20%23uxdesign%20www.builtbyhq.com/blog/user-experience-design%20

Space between line-height/leading is usually too tight. Let your paragraphs breath.


https://twitter.com/intent/tweet?source=webclient&text=Space%20between%20line-height/leading%20is%20usually%20too%20tight.%20Let%20your%20paragraphs%20breath.%20@hqbuilt%20%23spacing%20%23uxdesign%20www.builtbyhq.com/blog/user-experience-design%20

Don’t be afraid of gray. Dark gray or black on a white background

should be the default for extended reading.


https://twitter.com/intent/tweet?source=webclient&text=Dark%20gray%20or%20black%20on%20a%20white%20background%20should%20be%20the%20default%20for%20extended%20reading,%20don't%20fear%20gray.%20@hqbuilt%20%23ux%20www.builtbyhq.com/blog/user-experience-design%20

Icons save space and help users interact,

but should be used with good judgment and balance.


https://twitter.com/intent/tweet?source=webclient&text=Icons%20save%20space%20and%20help%20users%20interact,%20but%20should%20be%20used%20with%20good%20judgment%20and%20balance.%20@hqbuilt%20%23ux%20www.builtbyhq.com/blog/user-experience-design%20

Contrast increases visual interest, variety, and focus. It breaks up

sections of a website and makes designs visually appealing.


https://twitter.com/intent/tweet?source=webclient&text=Contrast%20breaks%20up%20sections%20of%20a%20website%20and%20makes%20designs%20visually%20appealing.%20@hqbuilt%20%23ux%20www.builtbyhq.com/blog/user-experience-design%20

In design, less is more. Strip away anything unnecessary because

“Simplicity is the ultimate sophistication.”

-Leonardo Da Vinci


https://twitter.com/intent/tweet?source=webclient&text=Strip%20away%20anything%20unnecessary%20because%20%E2%80%9CSimplicity%20is%20the%20ultimate%20sophistication.%E2%80%9D%20-Da%20Vinci%20@hqbuilt%20%23ux%20www.builtbyhq.com/blog/user-experience-design

Design is constantly evolving. Be familiar with current trends, because if a site

or app looks old, it loses credibility.


https://twitter.com/intent/tweet?source=webclient&text=Be%20familiar%20with%20current%20trends,%20because%20if%20a%20site%20or%20app%20looks%20old,%20it%20loses%20credibility.%20@hqbuilt%20%23trends%20www.builtbyhq.com/blog/user-experience-design%20

Be subtle in design. Subtle layer e�ects

e�ectively use depth and texture to draw attention,

without drawing too much attention.


https://twitter.com/intent/tweet?source=webclient&text=Be%20subtle%20in%20design.%20Subtle%20layer%20effects%20effectively%20use%20depth%20and%20texture%20to%20draw%20attention.%20@hqbuilt%20%23ux%20www.builtbyhq.com/blog/user-experience-design%20

“Delight” is equal parts happiness and surprise. Create delight

with a small detail on your website, app, or product and you will

improve user experience.


https://twitter.com/intent/tweet?source=webclient&text=%E2%80%9CDelight%E2%80%9D%20is%20equal%20parts%20happiness.%20Create%20delight%20with%20a%20small%20detail%20on%20your%20website%20or%20app.%20@hqbuilt%20%23ux%20www.builtbyhq.com/blog/user-experience-design%20

brought to you by

Learn more about how

we can help your UX design

