Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Wireframing, Mockups, and Prototyping Made Easy

15,386 views

Published on

Your career may revolve around words, but knowing a little about sketching can help you understand complicated concepts, communicate more efficiently, drive improvements to the products you work on – or move your career in a new direction!

Learn how technical writers, content strategists, and others can improve user experiences with sketching, making mockups, and even creating interactive prototypes – without touching Photoshop or software code.

In this session, you will learn:
• The difference between sketches, mockups, and prototypes
• Basic tools available to help create mockups and prototypes
• How to quickly make basic sketches

*** Presented as a workshop-format session at Lavacon 2015 in New Orleans. ***

Published in: Design
  • Your opinions matter! get paid BIG $$$ for them! START NOW!!.. ◆◆◆ https://tinyurl.com/realmoneystreams2019
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Forget about surgery, pills and weights, they DONT work! This DOES work, but you need to follow the methods contained in the guide. Let's be honest, penis size is an important aspect of any man's life whether they want to admit it or not. The market is flooded with products and solutions that claim to have the answer to making your member bigger, but usually these products fail to deliver. Luckily, I happened to come across what might be the "Holy Grail of Penis Enlargement", it's written by this guy named John Collins and it's called the Penis Enlargement Bible. What I found mind blowing about John's program is that he backs up his claims with actual video proof and testimonials from customers who have used the product. It's said that a picture is worth a thousand words, but I would say most of these videos are worth 3 to 4 inches! Forget extenders, pills, suction devices and surgery. They are either expensive, too painful or they just don't work. The Penis Enlargement Bible is a proven two step program that combines natural over the counter supplements with a specially designed exercise regime to achieve up to 4" of growth within just a few months. If you are serious about getting bigger, check out the Penis Enlargement Bible here ■■■ https://tinyurl.com/yaygh4xh
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Sex in your area for one night is there tinyurl.com/hotsexinarea Copy and paste link in your browser to visit a site)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • And if you've ever taken a girl home, gotten hot and heavy and then felt embarrassment and PANIC when you take off your pants and see the look of DISAPPOINTMENT on her face, you need to go check this out right now.  https://tinyurl.com/yaygh4xh
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • The Yeast Infection No More book has literally saved my life. After years of getting no help from the established "medical profession" and getting sicker and afflicted by pain mood swings and depression, I bought your book and in less than5 weeks my chronic muscle aches and joint pain, caused by my candida yeast infection, have disappeared, and I literally tossed away my cane that I have been using for years. I couldn't believe it, it was nothing short of a miracle. I still can't believe it. Now, months later, the depression has also vanished. I no longer cry with no reason and I feel happier and energized. I am sure the protocols in your book have saved untold thousands of people like me from suffering and pain and "given us our lives back." I will never understand why don�t doctors tell us or investigate more on the subject of candidiasis. Two of my friends, one of them a naturopath had recommended that I try your program. And just like that, I was cured and liberated from years of misery. I have recommended your book to numerous people and all have received a great deal of relief. If only I had been told about it sooner, it would have saved me years of pain and exhaustion. I really tried everything. After 2 months on your program, people say that I look10 years younger, and they are right! Thank you very much for everything you have done for me! ★★★ http://scamcb.com/index7/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Wireframing, Mockups, and Prototyping Made Easy

  1. JOHN COLLINS • SR TECH WRITER • ATLASSIAN • @JRC_COLLINS Wireframing, mockups, and prototyping made easy
  2. THE BASICS GETTING TO KNOW YOU TERMINOLOGY & TOOLS WORKSHOP Agenda @JRC_COLLINS • #LAVACON
  3. About you @JRC_COLLINS • #LAVACON
  4. The basics @JRC_COLLINS • #LAVACON
  5. http://www.leonardoda-vinci.org/fly.html • 
 https://creativecommons.org/licenses/by-nc-nd/3.0/ @JRC_COLLINS
 #LAVACON
  6. http://www.leonardoda-vinci.org/Drawing-Of-A-Flying-Machine-large.html • https://creativecommons.org/licenses/by-nc-nd/3.0/@JRC_COLLINS • #LAVACON
  7. http://www.wright-brothers.org/Information_Desk/Help_with_Homework/Wright_Photos/Wright_Photos_images/1903_Flyer_Plan.jpg @JRC_COLLINS • #LAVACON
  8. “Who should sketch?
 Everyone.” DAVID MANNHEIM @JRC_COLLINS • #LAVACON
  9. “A sketch can look bad and still work wonderfully.” UXMOVEMENT @JRC_COLLINS • #LAVACON
  10. Why do these things? Grasp difficult concepts by breaking into sketches or visualizations. To explain People may be more likely to understand and remember. To understand @JRC_COLLINS • #LAVACON
  11. Why do these things? Suggest improvements to user experience. To create Be the first to explore some visual ideas for a new feature. To improve @JRC_COLLINS • #LAVACON
  12. Terminology @JRC_COLLINS • #LAVACON
  13. Sketch Wireframe Mockup @JRC_COLLINS • #LAVACON
  14. Fidelity Sketch Wireframe Mockup @JRC_COLLINS • #LAVACON
  15. Fidelity Sketch
 Prototype Wireframe
 Mockup @JRC_COLLINS • #LAVACON
  16. Fidelity Sketch
 Prototype Wireframe
 Prototype Mockup
 @JRC_COLLINS • #LAVACON
  17. Fidelity Sketch
 Prototype Wireframe
 Prototype Mockup
 Prototype @JRC_COLLINS • #LAVACON
  18. Tools? @JRC_COLLINS • #LAVACON
  19. Presentation software Markers & whiteboard Pens/pencils & paper Tools @JRC_COLLINS • #LAVACON
  20. InvisionSketchBalsamiq Mockups Tools @JRC_COLLINS • #LAVACON
  21. Sketching @JRC_COLLINS • #LAVACON
  22. • Big cool statistic • 2,56 9 • Add-Ons in Marketplace @JRC_COLLINS • #LAVACON
  23. Balsamiq Mockups @JRC_COLLINS • #LAVACON
  24. @JRC_COLLINS
 #LAVACON
  25. @JRC_COLLINS • #LAVACON
  26. @JRC_COLLINS • #LAVACON
  27. POP
 (Prototyping On Paper) @JRC_COLLINS • #LAVACON
  28. • Big cool statistic • 2,56 9 • Add-Ons in Marketplace @JRC_COLLINS • #LAVACON
  29. @JRC_COLLINS • #LAVACON
  30. @JRC_COLLINS • #LAVACON
  31. @JRC_COLLINS • #LAVACON
  32. @JRC_COLLINS • #LAVACON
  33. @JRC_COLLINS • #LAVACON
  34. Workshop @JRC_COLLINS • #LAVACON
  35. •Redesign home screen of LinkedIn app for mobile •Make 8 sketches •You have 5 minutes (37 seconds each) •Explore various ideas Scenario @JRC_COLLINS • #LAVACON
  36. @JRC_COLLINS • #LAVACON
  37. Sketch @JRC_COLLINS • #LAVACON
  38. 5minutes @JRC_COLLINS • #LAVACON
  39. Seek feedback @JRC_COLLINS • #LAVACON
  40. 5minutes @JRC_COLLINS • #LAVACON
  41. Refine @JRC_COLLINS • #LAVACON
  42. 5minutes @JRC_COLLINS • #LAVACON
  43. Results @JRC_COLLINS • #LAVACON
  44. @JRC_COLLINS • #LAVACON
  45. @JRC_COLLINS • #LAVACON
  46. @JRC_COLLINS • #LAVACON
  47. @JRC_COLLINS • #LAVACON
  48. @JRC_COLLINS
 #LAVACON
  49. @JRC_COLLINS
 #LAVACON
  50. @JRC_COLLINS
 #LAVACON
  51. @JRC_COLLINS
 #LAVACON
  52. Thank you! JOHN COLLINS • SR TECH WRITER • ATLASSIAN • @JRC_COLLINS

×