Are your users S.T.U.P.I.D? It is an honest question: how smart are your users? The answer may surprise you: it doesn’t matter. They can be geniuses or morons, but if you don’t engage their intelligence, you can’t depend on their brain power. Far more important than their IQ (which is a questionable measure in any case) is their Effective Intelligence: the fraction of their intelligence they can (or are motivated to) apply to a task. Take, for example, a good driver. They are a worse driver when texting or when drunk. So, what does a S.T.U.P.I.D. user look like? Stressed “Fear is the mind killer”, Frank Herbert wrote. Tired Tiredness is one of the largest causes of industrial and motor vehicle accidents. Untrained Training for enterprise applications is more often discussed then enacted. Complex systems that are used infrequently are a particular problem. Passive More important than the user’s mental model of an application is their mental attitude toward the task. Independent Distracted Simplify Memorable Accept Autopilot
useit.com: Jakob Nielsen on Usability and Web Design Mas alla de la usabilidad VIENDO AL HORIZONTE Más allá de la usabilidad. Por: Antonio Rivera Webmaster de Narxiso.com "El hombre es la medida de todas las cosas, de las que son en cuanto que son y de las que no son en cuanto que no son". Protágoras de Abdera (ca. 490 - 420 a. ¿Cuánto no se ha escrito sobre usabilidad y cuánto no se ha abusado del término para justificar tal o cual interfaz? Narratividad, intertextualidad y diseño de websites. Ya se ha puntualizado la trampa que supone "reducir la efectividad de un sitio a su usabilidad", 1 añadiendo que la necesidad fundamental es de índole narrativa. El diseño tridimensional. En un análisis inmediato de un objeto de diseño se trata de especular acerca de tres dimensiones o esferas de conocimiento: sintáctica, semántica y pragmática. Enlaces Recomendados: © Antonio Rivera, 2003.
Mockups Take a second. Let it sink in. The first impression might be disorienting. There are very few interface elements on the screen. Getting your ideas out should be effortless. Our sweet spot: the ideation phase Mockups really shines during the early stages of designing a new interface. Mockups is zenware, meaning that it will help you get "in the zone", and stay there. Mockups offers the same speed and rough feel as sketching with pencil, with the advantage of the digital medium: drag & drop to resize and rearrange elements, make changes without starting over, and your work is clear enough that you'll make sense of them later. See what you can build with Mockups Download the samples above, or find more on Mockups To Go, our community-contributed stencils site. Designed for collaboration Your whole team can come together around the right design using Mockups. Mockups intentionally makes your wireframes scream both This is not final! Learning UX Design Keyboard Shortcuts Go really, really fast.
First Principles of Interaction Design The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments, the web, mobile devices, wearables, or Internet-connected smart devices. Help! This is a huge revision. I expect I have made mistakes. Please leave corrections and suggestions in the Comments at the end. This revision features new examples and discussion involving mobile, wearables, and Internet-connected smart devices. What has changed greatly is the level of detail: You will find many new sub-principles within each category, along with far more explanation, case studies, and examples. Previous Version & Its Translations. Introduction Effective interfaces are visually apparent and forgiving, instilling in their users a sense of control. Because an application or service appears on the web or mobile device, the principles do not change. I Love Apple, But It’s Not Perfect Please do not take from this document that I am somehow an Apple hater. Aesthetics
Ajar Productions Free course: Becoming a Digital Publishing Master with in5 Are you interested in using your design skills to publish digital content? This 22-part course will start you off with the very basics and walk you through to creating advanced interactivity and publishing apps. The lessons will show you how to build your content in InDesign and export with in5. No coding required! The entire course is available online, or you can sign up to have the lessons emailed to you one at a time. Check out the course >> Digital Publishing with InDesign: Types of Interactive Elements This is a guest post by Sandee Cohen, adapted from Digital Publishing with Adobe InDesign CC by Sandee Cohen and Diane Burns. Links: Hyperlinks, Cross-references, Table of ContentsBookmarksAudio/video filesMulti-state objectsButtonsFormsAnimationsPage transitionsOverlays Each has its own particular uses, and some of the features may overlap. (more…) Universal Scrolling Frames for InDesign (more…) Update on the HTML into InDesign Project
50 Useful and Free Web UI, Mobile UI and Wireframe Kits Here we are featuring 50 useful, free and spanking new Web UI and wireframes resources that you will definitely love. Web designers always require some fundamental user interface elements to produce a model of user interface either of a website or software. For that, they require wireframing and UI design kits which help them to replicate the user interface. In this round-up, we have collected some web and mobile user interface kits which are practical in creating low-fidelity illustrations for your projects. We hope you will like this compilation. Free Web UI and Wireframe Kits Black UI Kit A free PSD UI kit designed by Alex Patrascu. Lion UI Kit Lion UI Kit is a handy PSD mockup tool with fully layered and editable elements from the latest OS X operating system. Small Blue UI Kit A small UI kit, made in a blue color. Simple To-Do List This free PSD download is a simple to-do list with a nice clean design and is easily editable. Eclipse GUI Design Widgets for Eclipse and Mac OS X
10 קישורי CHI בסיסיים עקרונות עיצוב בסיסיים - ברוס טוגנציני (Tog) מציב עקרונות בסיסיים לעיצוב ויישום של ממשקים אפקטיביים, לסביבות ממשק משתמש גרפי מסורתיות או לאינטרנט. IBM – קלות השימוש – האתר של IBM הוא מאגר של מדריכים, רעיונות, גרפיקה, סקירות ועוד משאבים לנושאי אינטראקצית אדם-מחשב ולעיצוב ממוקד משתמש. מדריך עיצוב הממשק מהווה הקדמה פרקטית לנושא עיצוב הממשק, שנכתב ע"י קלייטון לואיס וג'ון ריימן מאוניברסיטת קולורדו. Interaction-Design.org היא אנציקלופדיה חינמית, בעלת תוכן פתוח, הנערכית ע"י קוראים ומכסה נושאים מתחומי עיצוב מידע, אינטראקצית אדם-מחשב (HCI), עיצוב, גורמי אנוש, שימושיות, ארכיטקטורת מידע ונושאים קשורים. HTML5 for Publishers Thus far, we’ve built several HTML5 applications well suited to be embeded in ebooks. Now we’ll take a look at how to structure and embed this HTML5 content in an EPUB. Embedding HTML5 content within an EPUB is done in the same fashion as any other HTML content; just add the file to your EPUB zip, and reference it in the OPF file. However, one important caveat is that many ereaders (most notably, iBooks) will not successfully parse HTML5 content unless the standard XHTML namespace is included on the <html> tag as follows: So be careful not to leave out the declaration highlighted in bold above. As an open standard widely supported by nearly all major ereader devices (with one notable exception), EPUB is an excellent option for doing HTML5 ebook development, especially once the EPUB 3.0 specification is formally adopted. If you’re interested in making your ebook content available on Amazon’s Kindle hardware and software platforms, EPUB is not an option.
A Look Inside Mobile Design Patterns Patterns for mobile application design Design patterns for mobile are emerging as the platform matures. Theresa Neil’s new book Mobile Design Pattern Gallery provides solutions to common design challenges. We recently had a new mobile project starting and all of our experienced mobile designers were booked. These 70 patterns, illustrated with hundreds of examples from iOS, BlackBerry, Android, Symbian, Windows and webOS applications, will be released this month from O’Reilly Media as the “Mobile Design Pattern Gallery”. *Although these patterns are based on best practices in mobile application design, they may also be inspiring for mobile web design. Invitations Do you remember the first time you used Photoshop? Phototshop 5.5 Well, I assumed the tools were powerful, but didn’t know for sure. Fast forward a decade or so. Consider the initial experience with Layar Reality Browser, augmented reality software. Layar Reality Browser (early version) Mobile invitation patterns include: Dialog Tip
מהו CHI? המונח CHI מייצג את ראשי התיבות של Computer-Human Interaction (לפעמים מוזכר גם כ-Human-Computer Interaction - HCI). זהו תחום החוקר את האינטראקציה בין אנשים (משתמשים), לבין מחשבים. זהו גם תחום עיסוק שמטרתו לגרום למחשבים להיות קלים יותר לשימוש עבור אנשים. זהו נושא רב-תחומי, הקשור למדעי המחשב, פסיכולוגיה, מדעי הקוגניציה, גורמי אנוש (ארגונומיקה), עיצוב, סוציולוגיה, ספרנות ומיידענות, בינה מלאכותית, ותחומים נוספים. האינטראקציה בין משתמשים ומחשבים מתרחשת ברמת ממשק המשתמש (או פשוט הממשק), הכולל גם חומרה (כלומר מכשירי קלט/פלט) וגם תוכנה (כלומר ההחלטה איזה מידע ואיך יוצג למשתמש על גבי המסך). בעולם ה-CHI פעילים מספר אנשי מקצוע, שלחלקם תחומי אחריות חופפים. בעולם האמיתי, עבודתו של איש מקצוע בתחום מורכבת מהעיסוקים הבאים: הנה חלק מראשי התיבות והמונחים השכיחים בתחום: בעולם האמיתי, איש מקצוע בתחום CHI צריך ידע יישומי בינתחומי, ניסיון עבודה ומומחיות בנושאים הבאים:
Touch Gesture Reference Guide The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces including iPhone, Windows 7, Windows Phone 7, Android, and more. The guide contains an overview of the core gestures used for most touch commands. It tells how to use these gestures to support major user actions; provides visual representations of each gesture to use in design documentation and deliverables; and additionally provides an outline of how popular software platforms support core touch gestures. All in seven pretty PDF pages. It was conceived, researched, illustrated, and designed by Craig Villamor, Dan Willis, Luke Wroblewski, and Jennifer Rhim (document design). Platform support information comes from the following sources: Mobile to the Future Notes on Luke Wroblewski's "Mobile To The Future" presentation today at An Event Apart Austin: First there was print, then recordings, then cinema, radio, TV, and the internet. In "An Event Apart"
Designing Apps for Kids With the experience of having built ABCKit and many hours of testing different apps for kids behind us, we have noticed some recurring app design problems. For those working in this field, we would like to share some suggestions for designing and devising apps for children to help ensure the apps are correctly used by preventing some common design issues. If you’ve interacted with preschoolers (ages two to five), you’re aware that they do not quite grasp the concept of patience, especially when it comes to digital devices. A splash screen that takes more than ten seconds to load will give rise to comments from kids such as, "Mommy, it doesn’t work." The Splash Screen for The Fantastic Flying Books of Mr. Even though The Fantastic Flying Books of Mr. A splash screen is certainly necessary, as the app content needs to load before it can launch. An app's home screen is generally not useful for children between one and three years of age (this changes from age four onwards). The Settings