|
Size: 4397
Comment:
|
Size: 4472
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 8: | Line 8: |
| <h3>December Sale:</h3> <p>For the whole month of December, unless I sell out, Touch Templates will be 50% off. Yes, only $5, even with overseas shipping. That's totally selling them at a loss, but I think it's more important to get the tools into everyone's hands than make money. So, buy some for your team, or as a stocking stuffer for that special developer or visual designer who needs a little reminder to think about people, not pixels.</p> <h3>Order one for <del>$10</del> $5</h3> <p>I am only making so many on the first run, so if you like it, press the PayPal button right now so sure you get yours. Or several. And <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://4ourth.com/wiki/4ourth%20Mobile%20Touch%20Template" data-text="Design for people, not pixels. Order your 4ourth Mobile Touch Template" data-via="shoobe01" style="color:white;">tell your friends</a>. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p> |
<h3>Get yours for now <p>Templates are $4 each, plus shipping. This varies depending on whether you live in the US or not, so please pick the right option. </p> |
| Line 22: | Line 19: |
| <p>The price is <del>$10</del> <strong>$5</strong> each, inclusive of shipping to anywhere at all.</p> | <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="N73VH3X4RV2S6"> <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form> |
| Line 24: | Line 26: |
| <p>Wondering what happened to the prototypes? I still have like 2 of them. If you want one to be nice to me or for historical purposes, contact me.</p> | <p><strong>Buying in quantity?</strong> If you are buying more than 4-5 <a href="">contact me</a> instead with your shipping address and the quantity. I will give you a shipping quote based on the box I have to stuff them in.</p> |
| Line 28: | Line 31: |
| It's a simple piece of plastic you use to inspect and prototype mobile interfaces and interactions. It is mostly about measuring the sizes of touch targets, but also of other visible elements, like making sure text is readable. | It's just a piece of clear plastic, printed with guidelines based on actual research on how people see, hold and touch their mobile phones and tablets. You use it to inspect mobile interfaces and interactions. The key purpise is to measure the interference between touch targets, but it also allows you to measure other visible elements, like finding out really how big the text is. |
| Line 30: | Line 33: |
| If you design, specify, test or evaluate mobile handsets, tablets, kiosks, games or anything with a smallish screen that people look at and touch, you will find this useful. Basically, if you think this wiki is good, and both own and like the book [[http://www.amazon.com/gp/product/1449394639/ref=as_li_tf_tl?ie=UTF8&tag=4ourthmobile-20&linkCode=as2&camp=217145&creative=399373&creativeASIN=1449394639|Designing Mobile Interfaces]] where it all came from, you want this. Trust me. | If you design, specify, test or evaluate mobile handsets, tablets, kiosks, games or anything with a smallish screen that people look at and touch, you will find this useful. You can use it to check your work to make sure you did it all right, and it's a quick and easy way to check out the latest buzzworthy app or the competition and find out what they did right and wrong. |
| Line 32: | Line 35: |
| This is a video of why you care, highlighting the old version. I'll update with a new video when I can make one that isn't terrible. | |
| Line 39: | Line 43: |
| Used by hundreds of designers, developers and testers in over 23 countries. | |
| Line 40: | Line 45: |
| '''What the world says so far:'''<<BR>><<BR>> | Used at companies like R/GA, Microsoft, Thomson Reuters, Nokia, Honeywell, Nordstrom, Sprint, AKQA, Shopper's Drug Mart, Costco, GoPro, Capital One, Cognizant, Citrix, and many more... {{{#!html </div> }}} ------ {{{#!html <div style="text-align:center; margin:0 auto 0 auto;"> }}} '''Praise for the 4ourth Mobile Touch Template:'''<<BR>><<BR>> |
| Line 48: | Line 65: |
| "Sh*t, this is the coolest thing I've ever seen." | |
| Line 55: | Line 73: |
| Line 61: | Line 78: |
Get yours for now
Templates are $4 each, plus shipping. This varies depending on whether you live in the US or not, so please pick the right option.
Buying in quantity? If you are buying more than 4-5 contact me instead with your shipping address and the quantity. I will give you a shipping quote based on the box I have to stuff them in.
What is this thing?
It's just a piece of clear plastic, printed with guidelines based on actual research on how people see, hold and touch their mobile phones and tablets. You use it to inspect mobile interfaces and interactions. The key purpise is to measure the interference between touch targets, but it also allows you to measure other visible elements, like finding out really how big the text is.
If you design, specify, test or evaluate mobile handsets, tablets, kiosks, games or anything with a smallish screen that people look at and touch, you will find this useful. You can use it to check your work to make sure you did it all right, and it's a quick and easy way to check out the latest buzzworthy app or the competition and find out what they did right and wrong.
This is a video of why you care, highlighting the old version. I'll update with a new video when I can make one that isn't terrible.
Used by hundreds of designers, developers and testers in over 23 countries.
Used at companies like R/GA, Microsoft, Thomson Reuters, Nokia, Honeywell, Nordstrom, Sprint, AKQA, Shopper's Drug Mart, Costco, GoPro, Capital One, Cognizant, Citrix, and many more...
Praise for the 4ourth Mobile Touch Template:
"This mobile touch template is pretty badass."
"Ensure your designs are fat-finger friendly."
"Coolest mobile tool I've seen in a while!"
"If you design for mobile, try to design for mobile or want to design for mobile you should buy one of these."
"Such a great idea => Plastic stencil to evaluate mobile touch."
"Nice reminder that we build for humans, regardless of how UI pixel-focused we may get."
"Please touch. Mobile UI inspection made easy."
"Sh*t, this is the coolest thing I've ever seen."
Why not just design in Fireworks or Photoshop and use the 44 pixel cadence? Well, because most people don't use an iPhone. And iOS has different physical sizes on each piece of hardware. We need to start designing for humans, and physical sizes, not pixels.
This was community designed
I came up with the idea, then posted it and took in lots of feedback. The final result is not the same as the first prototypes I had made. See the Touch Template Archive and grab files if you want to see more about this.