21 Prototyping, Mockup, and Wireframing Tools for iPhone App Development So you have a killer idea for an iPhone app, but when you describe it to people they just don’t get it. Maybe you have a client that is a visual thinker and needs you to draw it out for him. That’s when wireframes, mockups and stencils can be your saving grace. There are many different types of tools available to developers, from low-tech stencil kits to high-tech collaborative software. Low Tech Solutions Notepod [singlepic id=385 w=150 h=100 float=left] Notepod is a notepad shaped like an iPhone. Project Page iPhone UI Stencil Kit [singlepic id=390 w=150 h=100 float=left] The iPhone ui stencil kit is a stainless steel, laser cut stencil kit for drawing quick mock-ups and wireframes for iPhone apps. Project Page iPhone Sketch Pad [singlepic id=393 w=150 h=100 float=left] The iPhone Sketchpad works precisely with the iPhone Stencil Kit, with one phone silhouette on the front side and three on the back. Project Page App Sketchbook Project Page Vector Images MetaSpark’s Fireworks Vectors Project Page
Web Site Accessibility Tutorials, Webpage Accessibility Books, Articles, CSS and Accessibility - Web Site Resources, Website Tips - WebsiteTips This section includes annotated links to helpful Web accessibility articles and tutorials, Web sites or sections devoted to Web accessibility, and recommended books on Web accessibility. Tutorials include CSS and accessibility, creating accessible PDF files, accessible DHTML and multimedia, Web accessibility for visual impairments, Web sites devoted to Web accessibility, and more. You'll also find articles on why Web site accessibility matters, along with helpful Web accessibility books that go into a great deal of detail about how to create and implement Web sites with accessibility in mind. For U.S. Do you know of some good articles, tutorials, tips, Web sites, books, or other resources related to Web site accessibility? Accessibility Articles and Tutorials The following articles cover information about accessibility while tutorials help with how to include accessibility features for your Web site. Know of others? Accessibility Articles top ‘On this page’ menu CSS and Accessibility
iPhone Mockup 10 Principles Of Effective Web Design - Smashing UX Design Advertisement Usability and the utility, not the visual design, determine the success or failure of a web-site. Since the visitor of the page is the only person who clicks the mouse and therefore decides everything, user-centric design has become a standard approach for successful and profit-oriented web design. After all, if users can’t use a feature, it might as well not exist. We aren’t going to discuss the implementation details (e.g. where the search box should be placed) as it has already been done in a number of articles; instead we focus on the main principles, heuristics and approaches for effective web design — approaches which, used properly, can lead to more sophisticated design decisions and simplify the process of perceiving presented information. Please notice that you might be interested in the usability-related articles about 10 Usability Nightmares1 and 30 Usability Issues2 we’ve published before,we’ll cover more principles of effective design in our following posts. 1.
UIUI The Principles of Design The web professional's online magazine of choice. In: Columns > Design in Theory and Practice By Joshua David McClurg-Genevese Published on June 13, 2005 Starting with the Basics This column is about Web design—really, it is—though it may at times seem a bit distant and distracted. We can group all of the basic tenets of design into two categories: principles and elements. Web design is a relatively new profession compared to other forms of design, due to the youth of our medium. How Does Web Design Fit In? I tend to define Web design as being one of many disciplines within the larger field of design (a peer to print design, industrial design, interior design, etc.). The first three articles of this column will be dedicated to unearthing these universal gems of insight so that we may better understand our profession. The Principles of Design There are many basic concepts that underly the field of design. Let’s begin by focusing on the principles of design, the axioms of our profession. Rhythm
Drawing Tools & Templates - 4ourth Mobile Design Pattern Library 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. Smartphones Featurephones Featurephones, by the classic definition, do not have a "named OS." Do not call any of these "dumbphones." Featurephones are big business still. S30/S40 (Nokia) J2ME (Sun) BREW (Qualcomm) WAP & Old Mobile Web GSM Application Style Guide Openwave, 2001.
Handy UI