Wednesday, November 28, 2012

UX Design Process

UPA Usability Poster

Analysis Phase
- Meeting with stakeholders (meeting, conference calls)
- Develop usability goals and objectives
- Conduct field studies (visit work environment, watch how users work)
- Look at competitive product
- Create user profiles (Persona)
- Develop a task analysis (Mental Model)
- Document scenario

Design Phase
- Brainstorm concepts and ideas
- Develop screen flow
- Walkthrough the screen flow with the team
- Create low-fidelity wireframe (Balsamiq)
- Walkthrough the low-fidelity wireframe with the team / user
- Create high-fidelity wireframe (Photoshop)
- Walkthrough the high-fidelity wireframe with the team / user
- Document design specification

Implementation Phase
- Conduct usability testing as soon as possible

Deployment Phase
- Gather user feedbacks (Surveys, Field studies)
- Check usability objectives


Friday, November 16, 2012

Wireframe Tools

Balsamiq
http://www.balsamiq.com/products/mockups
Web based / Desktop version
Free
Single user license $79

Mockingbird
https://gomockingbird.com/

Web based
Free
Personal $9/moth







Friday, November 2, 2012

Logo Design

Logo Design Tips
http://www.creativebloq.com/graphic-design/pro-guide-logo-design-21221
Preparation:
01. Research your audience
02. Immerse yourself in the brand
03. Do your online research
Logo Moose http://logomoose.com/
Logo Gala http://www.logogala.com/
04 Seek inspiration
05 Fight the temptation to imitate
06 Don't let the client dictate
07 Create a board and rip it up

Initial Design Work
08 Sketch it out
09 Create vectors

Nailing the Typography
10 Choose your typeface carefully
11 Adapt an existing typeface
12 Avoid gimmicky fonts
13 Consider a type-only approach

Use of Space
14 Think about the space around your logo design
15 Use negative space carefully

Graphic Design
16 Make your design active, not passive
17 Consider tones as well as colours
18 Be experimental

Keep it Clean and Modern
19 Don't use more than two fonts
20 Ensure it works on dark backgrounds
21 Keep abreast of trends
22 Subtract as much as possible
23 Don't try to do too much
24 Create a lock up version
25 Make your logo design responsible

Functionality
26 Create different size versions
27 Make it legible
28 Create a non-print variants
29 Make it future-proof

Business Consideration
30 Don't confuse logo with brand
31 Get the tone right

Feedback
32 Show your logo design around
33 Stick to your convictions
34 Ask the client specific questions
35 Test it internationally
36 Check for hidden words
37 Expect your logo design to be panned

Style Guides
38 Create a logo style guide
39 Dictate color options
40 Specific sizes
41 Advice on positioning
42 Advice on spacing
43 Define no-nos

Going future
44 Download the logo design flowchart
http://mos.computerarts.co.uk/pdf/CAP148_chart.pdf