{{{#!html

4ourth Mobile Touch Template

Design for people, not pixels with this handy, wallet-sized inspection and design tool, only $10. Order yours now

 
}}} [[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|{{attachment:wiki-banner-bonus.png|Click here to buy from Amazon.|align="right"}}]] Templates and stencils are (except for my use above of the older term for a piece of plastic you trace with) graphic items you can use with various drawing programs to create concepts, mockups, process diagrams, comps, or graphics for final designs. For many years, there was no particular assistance provided to those seeking to design for mobile handsets. Over time, books and other documents and supporting information has emerged. Now, major software vendors like Adobe are embedding mobile-centric technology in their products. New ones are constantly being added, or replaced, so please help us keep this up to date. Contact us with updates you may encounter. Note that this is just those we’ve found, or found useful. Many more may exist, or be included as part of the various manufacturer and OS developer links in the “UI Guidelines” subsections. Also be aware that by no means are all of these reviewed for quality, and are just checked to make sure that (at the time of this writing) they were valid links to real files, and are in the right category. == Smartphones == * [[Design Organizations & Design Tools]] * [[Symbol Libraries]] Gesture * [[Tools & Templates - Aliyun OS|Aliyun OS]] (Alibaba Group) * [[Tools & Templates - Android OS|Android OS]] (Google) * [[Tools & Templates - Bada|Bada]] (Samsung) * [[Tools & Templates - Basmati|Basmati]]/LGOS (Uncle Ben's) * [[Tools & Templates - Blackberry|Blackberry]] (BlackBerry ''nee'' RIM) * [[Tools & Templates - Firefox OS|Firefox OS]]/Boot to Gecko/B2G (Mozilla) * [[Tools & Templates - Glass|Glass]] (Google) * [[Tools & Templates - iOS|iOS]] (Apple) * [[Tools & Templates - Meego|Meego]] (Linux Foundation) * [[Tools & Templates - Sailfish|Sailfish]] (Jolla) * [[Tools & Templates - Symbian|Symbian]]/S60/S^3 (Symbian Foundation, ''nee'' Nokia, ''nee'' Symbian, Ltd.) * [[Tools & Templates - Tizen|Tizen]] (Linux Foundation) * [[Tools & Templates - Ubuntu Touch|Ubuntu Touch]] (Canonical) * [[Tools & Templates - WebOS|WebOS]] (HP Palm) * [[Tools & Templates - Windows Phone|Windows Phone]] (Microsoft) * [[Tools & Templates - Yi|Yi]] (Baidu) == Featurephones == Featurephones, by the classic definition, do not have a "named OS." More to the point, applications cannot generally be loaded in the native OS, so other methods must be used. These are listed below by their most to least important and common methods. Do not call any of these "dumbphones." That is now too often a derogatory term for "not a smartphone" but actually is a useful distinction between featurephones (have a browser, and can install apps) and those that do not do this (mobile voice, SMS, may have other features and data connectivity but usually do not, and cannot install apps.). Featurephones are the most common now but there are many hundreds of millions of dumbphones out there so this distinction still matters. Featurephones are big business still. As late as July 2013 Facebook has [[http://thenextweb.com/facebook/2013/07/22/facebooks-every-phone-app-for-feature-phones-passes-100-million-monthly-active-users/|100 million regular users of their featurephone app]]. * [[Tools & Templates - S30/S40|S30/S40]] (Nokia) * [[Tools & Templates - J2ME|J2ME]] (Sun) * [[Tools & Templates - BREW|BREW]] (Qualcomm) == WAP & Old Mobile Web == I ran across a selection of old standards documents recently, and thought it a shame to let them sit in their dusty folders. Here are those I am pretty sure no one will yell at me for posting: * [[http://4ourth.com/downloads/gsm.pdf|GSM Application Style Guide]] Openwave, 2001. "For markets with both OpenwaveTM and NokiaTM Model 7110TM and Model 6210/6250TM WAPTM browsers." * [[http://4ourth.com/downloads/style_guide.pdf|Graphical Browser Application Style Guide]] Openwave, 2001. "Openwave Mobile Browser, WAP Edition 5.0" * [[http://4ourth.com/downloads/mobilebrowser_sprint-technologypaper.pdf|Sprint PCS® Mobile Browser Technology Paper]] Sprint, 2004 but distributed at least as recently as late 2007. "Writing Consistent Mobile Browser Content on Sprint PCS Phones." == Native Operating Systems == Featurephones (and dumbphones) do have operating systems, mostly developed by the individual manufacturers, and native applications are in fact developed outside of the manufacturer's direct control for these devices. However, they generally cannot be installed by end users. These are created or specified by operators, and installed under controlled conditions. This is mostly stuff like a custom phone book. Even the default web browser is likely to be J2ME or BREW, but cannot be uninstalled, much like the same apps on your smartphone. While UI guidelines do exist, these are generally proprietary so cannot be distributed. I have a few of them (hell, I wrote some of these), but cannot share them. Regardless, these documents would also be generally irrelevant; if you have to develop for this situation, you will be given the most applicable version by the operator and/or manufacturer, and have to work closely with them to get the software implemented. ------- Next: [[Emulators]] ------- = Discuss & Add = Please do not change content above this line, as it's a perfect match with the printed book. Everything else you want to add goes down here. == Brad Frost's Mobile Web Resources == Too broad-ranging to include in any one of my sections, I've stuck it here for reference, because it's large and interesting. Lots of articles from his blog or something, not all of which are up to date. But lots of info. http://mobilewebbestpractices.com/resources/ == Drawing Tool, Tips & Tricks == This is really just a list of items that we keep for ourselves, so we don't forget things. Feel free to add items, or even categories, if there's a tool you want to share your notes about. It is not provided in the printed book text, and shouldn't be as is too specific to our methods of work, or is not particularly mobile-specific. Or both. * [[Sharing between versions of InDesign]] * [[Stupid INDD Tricks]] * [[Stupid AI Tricks]] === Links, Guides, Other Stuff === * [[http://www.peachpit.com/articles/article.aspx?p=1084741&seqNum=2|Real World Tips for Working with Text in InDesign CS3 - Sample Chapter from Peachpit Book]] * [[http://www.smashingmagazine.com/2009/10/12/setting-up-photoshop-for-web-app-and-iphone-development/|Set up Photoshop and Illustrator color controls]] * [[http://freefreehand.com/|Free Freehand: Trying to get Adobe to let FH become open source or otherwise available]] * [[http://freefreehand.yousaidit.com/topics/How_to_save_FreeHand/questions/-/latest|The Q&A list from Free Freehand]] * [[http://kelsocartography.com/blog/?p=2955|How to get FH MX to run in Snow Leopard]] * [[http://indesignsecrets.com/double-downsave.php|Mike Rankin solves the double downsave problem]] * [[http://www.d.umn.edu/itss/support/Training/Online/webdesign/usability.html|Usability Links]] == Make a new section == Just like this. If, for example, you want to argue about the differences between, say, Tidwell's Vertical Stack, and our general concept of the List, then add a section to discuss. If we're successful, we'll get to make a new edition and will take all these discussions into account.