×
  • Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
 

Quick, Useful UI Sketches

by digtal product designer on Jun 01, 2013

  • 36,718 views

UPDATED DECK POSTED AT https://www.slideshare.net/LaneHalley/quick-useful-ui-sketches-33420882/ ...

UPDATED DECK POSTED AT https://www.slideshare.net/LaneHalley/quick-useful-ui-sketches-33420882/

In this workshop, I'll lead you through a series of exercises which help you learn to draw good-looking, quick, useful, user interface (UI) sketches, followed by examples of how I use sketching in my projects.

As I've embraced Agile and Lean Startup methods, I've learned to adapt my UX practice so it is more QUICK, VISUAL, COLLABORATIVE and CONTINUOUS. Learning how to quickly sketch screen layouts and user interface (UI) elements helps me think through design problems, communicate ideas to other people, collaborate, and reduce the need for pixel-perfect deliverables.

First presented at SoCal UX Camp, June 1, 2013 http://www.socaluxcamp.com/
Revised June 2, 2013 - modified deck for better self-directed learning

Statistics

Views

Total Views
36,718
Views on SlideShare
34,491
Embed Views
2,227

Actions

Likes
90
Downloads
0
Comments
12

32 Embeds 2,227

http://www.theapprenticepath.com 1380
http://www.linkedin.com 252
http://smm-apps.com 131
http://www.nomadchique.com 98
http://localhost 85
http://leaders.pickdigitalagency.com 82
http://www.socaluxcamp.com 74
https://twitter.com 44
http://lanyrd.com 12
http://www.google.com 12
http://dev.leaders.net.au 9
http://stage.crowdfunder.com 7
http://54.236.221.78 6
http://pinterest.com 4
http://translate.googleusercontent.com 4
http://leaders.local.com 3
http://www.365dailyjournal.com 3
http://www.pinterest.com 3
http://tweetedtimes.com 2
http://mammothhq.com 2
http://www60.jimdo.com 2
http://www.feedreader.com 2
http://leaders.net.au 1
http://theapprenticepath.com 1
http://dev.socaluxcamp.com 1
https://www.linkedin.com 1
http://datastory.de 1
http://feedreader.com 1
https://blackboard.missouristate.edu 1
http://jether.net 1
http://www.pulse.me 1
http://webcache.googleusercontent.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via SlideShare as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

110 of 12 previous next Post a comment

  • LaneHalley Lane Halley, digtal product designer @sblakeborough Thanks for your comments, I'd love to hear back about how your workshops go. Leave another comment here tweet @thinknow, please! 8 months ago
    Are you sure you want to
    Your message goes here
    Processing…
  • sblakeborough Steven Blakeborough Lane, I can not thank you enough. I've proposed running a short series of training sessions at work. The intention is to raise the bar (and confidence in some) of our whole team's ability to communicate visually with one another and clients in this increasingly Lean UX age. I'm a passionate believer in the power of sketching and it will be a theme I shall return to. Your presentation will save me a lot of time. Thank you again. 8 months ago
    Are you sure you want to
    Your message goes here
    Processing…
  • LaneHalley Lane Halley, digtal product designer @figuercaro thanks for your comment. I appreciate your feedback! 9 months ago
    Are you sure you want to
    Your message goes here
    Processing…
  • figuercaro figuercaro Thanks Lane for sharing, I really liked how you structure the presentation, very useful! :) 9 months ago
    Are you sure you want to
    Your message goes here
    Processing…
  • SabaDeborahNosrati Saba Deborah Nosrati Exactly what I needed and so timely. Thanks, Lane! 10 months ago
    Are you sure you want to
    Your message goes here
    Processing…
  • LaneHalley Lane Halley, digtal product designer @lornemarr I encourage you to sketch something today! 10 months ago
    Are you sure you want to
    Your message goes here
    Processing…
  • lornemarr Lorne Marr, Marketing Consultant I haven't drawn anything for more than 20 years, but this presentation makes me want to pick up a pencil or a brush again. :) 10 months ago
    Are you sure you want to
    Your message goes here
    Processing…
  • LaneHalley Lane Halley, digtal product designer @ceschiatti It depends on the situation. When we work directly together and the feature will be built soon the developer often works directly from the sketch and then I pair with him or her on the details of the styling and behavior. If there is a larger team, or if we are talking about more functionality than we can build in the next week or so, I often translate the sketch to a wireframe tool (Balsamiq). I also use HTML/CSS/jQuery to make styled comps and references (live style guides). 10 months ago
    Are you sure you want to
    Your message goes here
    Processing…
  • terrympatterson Terry Patterson at Terry Patterson Love it! 10 months ago
    Are you sure you want to
    Your message goes here
    Processing…
  • ceschiatti Guilherme Moreira, Software Engineer at Petróleo Brasileiro SA Don't you use any sketch computer tool after doing it manually and before actually doing the final product? 10 months ago
    Are you sure you want to
    Your message goes here
    Processing…

110 of 12 previous next

Post Comment
Edit your comment

Quick, Useful UI Sketches Quick, Useful UI Sketches Presentation Transcript