Via Leisa IAI Members
Switching to monthly link drops rather than weekly.
- Speakeasy Best way to throw a non-exclusive rave or allow a whole bunch of strangers into your party.
- MoMA Video Game Collection Sees New York Museum Of Modern Art Embrace Digital Gaming I'm glad Tempest made the list.
- + My Desk - Miguel Mestre Best hack i've seen in a long time, and free. Here's what I'm using http://pastebin.com/raw.php?i=UiUTz3ZH
- Trello uses an icon font and so can you! - Fog Creek Blog
- PharkMillups/beautiful-docs · GitHub A Beginner's Guide To HTML and CSS
- Home | Testing made easier in Internet Explorer | modern.IE
- Apple’s design problems aren’t skeuomorphic « counternotions
- VirtualHostX - Mac OS X Apache Virtual Hosting Host and share multiple websites from your Mac easily—create and manage Apache virtual hosts with just a few clicks.
- mincss "Clears the junk out of your CSS" - Peterbe.com
- Toogles | Awesome goggles for YouTube Minimalist YouTube
- Open Source Rails
- InK - Interface Kit HTML/CSS/JS UI Toolkit.
- Yes, learn basic programming | Derek Sivers
- Daring Fireball: The Trend Against Skeuomorphic Textures and Effects in User Interface Design
Crazy big link drop because the world gets crushingly demanding of one's time around the holidays, and it takes time to recoup.
- Build Your Own Adobe Creative Suite with Free and Cheap Software
- How Tom Cruise Ruined Interaction Design
- Form Follows Function FFF is a collection of interactive experiences created by Jongmin Kim in HTML5.
- One div - The single element HTML/CSS icon database Pure CSS icons.
- jKit - jQuery based UI Toolkit - Index
- Ice T on "Fuck It!" - YouTube
- Eva Lotta Lamm's Sketching & Sketchnotes References
- Theme Mac OS X with an Ultra-Minimalist & Clean Silver Appearance
- The Flat Sink | SachaGreif.com The most interesting article on the flat design issue that I've read. I've read many good articles on the topic, but just as many posts throw up straw man arguments appearing to have a discussion about skeumorphism vs. visual effects-free design. The point to take away for me is this—if design elements do not provide affordance and feedback, regardless of whether they are aesthetically flat or otherwise, they can be harder to use. This is one case where embracing a visual design aesthetic to be different without carefully considering and testing the usability can be risky.
- Max Themes Blog - ✎ If you see a UI walkthrough, they blew it Don't be thrown by the title. This is an article is more about the lack of visual affordance in touch apps rather than about either walkthroughs or flat and minimal interface visual design.
- Polyvore Engineering Blog: Web Developer Admits: Objective-C > HTML5
- UX Archive User flows for mobile apps screencaptured.
- Sticky Captions Concept | Codrops Keep image captions in the viewport.
- Photoshop Layers tricks and shortcuts | Veerle's blog 3.0
- Jenni Sparks Illustration: Hand Drawn Map of New York
- Making Responsive Web Design Optional - Toolbox Digital Blog Make responsive sites that allow the user to toggle the original layout back on if they choose.
- 2D Game Art for Programmers: Apache Helicopter If you've ever wanted to see how a complex graphic gets built up from basic geometric shapes, then this is for you. Great deconstruction/reconstruction in this tutorial.
- The Big Badass List of Twitter Bootstrap Resources
- Chrome Web Store - Awesome Screenshot: Capture & Annotate Awesome Screenshot got 100% better with Save to Google Drive.
- PRODUCT + UI + UX + CEREAL | Design Build Review
- letter.ly: simple subscription newsletters
This is a good bit of advice for kids and adults alike from Jake the Dog. Adventure Time is my son's favorite show, and one of mine as well. I made the print for his birthday, and will put it on of our walls. I like having the reminder every time I feel discouraged when starting something new.
What I'm doing
I'm doing a review of customer support sites, looking mostly for software (desktop and web) and services-related sites that provide a customer support site for getting answers to questions, and viewing documentation and tutorials.
Why I'm doing it
Some sites have better search capabilities for questions than others. Other sites do well at presenting documentation. I'm finding that there's sometimes a difference in how companies handle giving answers to the most granular questions as opposed to presenting a unified view of a product via a manual-like experience. There's a smaller/larger need, first time/experienced user dichotomy of needs, among other different descriptions of how and why a user approaches a support site. The need may range from "How do I do X" to "How do I get started using this" and every grayer need in between. I'm currently involved on a project where this is the problem we're faced with as the company has gone through several stages of growth, and needs to evolve legacy content and systems.
Can you help?
What are you favorite support sites in terms of these kinds of needs? I'm going to screen capture and review a handful of them here and show a cross-site comparison of capabilities. As a bonus, I'm doing a giveaway of a couple sketchbooks from those who comment.
Please give me the name of the company and the URL for the support site. And thanks for helping out!
Some of my starting points
- UX Matters: Customer Support on the Web: Don’t Call Us, We’ll Call You
- IXDA Discussion: Examples of Good Customer Support Sites
- Harvest: What Makes a Good Help Section?
- TechCrunch: Facebook Redesigns Help Center To Suggest Answers, Completes Roll Out Of Support Dashboard and Facebook: Improved Tools to Support Your Facebook Experience
- ZenDesk: Examples of sites using ZD as their primary KB?
- Desk: 12 Awesomely Designed Support Centers and What Makes Them Rock
Today I took my first mountain bike ride near my new home in Marin County. Humbled, mud splattered, and soaked from not making it through several streams, I paused to reflect on how different the place that I'm in now is from where I was a year ago.
I spent a wonderful 3 months living on the side of a hill looking onto Mount Tamalpais in Marin with my family re-connecting with nature, and discovering the joy of living with only several bags of possessions and a new slate. With my new place and time in life, and after the small temporary move to search for a home, and a final move to that place, I'm finding myself looking, exploring, putting things in new places, getting rid of more possessions, and finding inspiration in unfamiliar spaces. I've been surprised by how easy it is to adjust, and by the many kind people willing to accept this odd, seemingly misplaced city boy in this slower paced town.
Over the past few years my voice seems to have gotten quieter on this site. I started blogging less, pointing less, and talking less. If you've met me in real life, you know I'm already a person of few words, so my voice now feels like a whisper. With the move away from city living, I also feel less inclined to do, in reaction to what's happening around me. I feel like I'm looking for the things that I want to focus on doing. I also feel like the first few years of this blog have been about recording and continuing to define things for myself. But it also feels like it's time to learn anew and make again—to empty my cup as I've done so many times before.
Best wishes for an amazing new year, everyone. May it be full of creative wonder, meaningful failures and satisfying successes. Here's to starting over and putting a few more miles in these legs to make it through the tough spots.
- Periodic Table of the Elements - Josh Duck
- Angelina Fabbro: Inspector Web and the Mystery of the Shadow DOM -- JSConf EU 2012 - YouTube
- ❍ IcoMoon
- Early sketches from the web's finest — LayerVault Blog
- xdissent/ievms · GitHub Microsoft provides virtual machine disk images to facilitate website testing in multiple versions of IE, regardless of the host operating system. Unfortunately, setting these virtual machines up without Microsoft's VirtualPC can be extremely difficult. The ievms scripts aim to facilitate that process using VirtualBox on Linux or OS X. With a single command, you can have IE6, IE7, IE8 and IE9 running in separate virtual machines.
- The Useless Web
- ÜberConference - Free Visual Conference Calls
- UX Stage Click through prototyping app for iPhone.
- the Interactive - Stories of everyday interaction
If you can, give to the Red Cross to provide support to Hurricane Sandy victims, and help elect a president who will keep FEMA in tact.
- All The Cheat Sheets That A Web Developer Needs | Top Design Magazine - Web Design and Digital Content
- Competing on easy by Jason Fried of 37signals "[T]he part of easy I like is when you take an existing problem, study it until it becomes clear, toss out everything that makes it blurry, and carefully polish what’s left over."
- If the government can do it…. (a love letter to Gov.uk) | disambiguity
- Ethiopian kids hack OLPCs in 5 months with zero instruction | DVICE
- Clear For Mac Coming Next Week with iCloud Sync, Updated iPhone App
- Optimal Workshop Interactive infographic by Andrew Mayfield quantifying value of UX design and making the world a better place.
- Why Design: Sam Hecht and Kim Colin "We need contrast and tension to be able to create." I love how these designers talk about these factors of their design environment and the balance that comes out of tension. I think about these ideas in terms of my workspace, and try to seek out the same sense of interior and exterior space, quiet solitude inside and energy outside, detail and larger context, closeness and vastness. It reminds of what Bruce Springsteen said about keeping 2 opposing ideas in your head at one time.
- The Four Quadrants of Time Management « Alex Czartoryski's Blog The Four Quadrants of Time is a time management matrix popularized by Stephen Covey in his book The 7 Habits of Highly Effective People. It is a way to help one understand and manage how you spend your time by assigning Urgency and Importance to the things you do.
- SVG Fallback, Vertical Rhythm, CSS Project Structure | Smashing Coding
- Soulver | Acqualia Zen spreadsheets.
- Getting Started with Responsive Web Design - A Dummies Guide
This is a rather long link drop because I've been doin stuff.
- Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.
- A Former iPhone UI Designer Defends Apple's Fake-Leather Design Philosophy | Co.Design: business + innovation + design The other side to minimalism and a reason to learn the word "Skeuomorphism."
- American Red Cross Bicycles for Volunteers With the holiday season coming soon, I'm looking for great gifts for people that don't want to receive things (I'm one of those), but who would love that the gift be given towards something that helps improve the state of the world. For a cyclist, I think a gift of a bike for a Red Cross volunteer is a fantastic idea. Maybe the pedaler in your life would agree?
- Mona Lisa with pure CSS · CodePen
- Creative Market Buy and sell handcrafted, mousemade design content.
- 16 Pixels: For Body Copy. Anything Less Is A Costly Mistake | Smashing Magazine | Smashing Magazine
- Ergonomic Adjustable Desks | Height Adjustable Work Table Commercial grade adjustable standing workstations.
- Buddha 9 To 5: The Eightfold Path to Enlightening Your Workplace and Improving Your Bottom Line: Nancy Spears: 9781598690538: Amazon.com: Books Curious to know what this is about.
- The Flat Design Era — LayerVault Blog LayerVault talks about embracing flatness and taking stand against the beveled and gradiated aesthetic of real world surfaces in design for the screen.
- Endless Icons | Free icons and creative stuff | Page 2 Min Kim's showcase of icons.
- Some advice from Jeff Bezos by Jason Fried of 37signals Jeff Bezos: [P]eople who were right a lot of the time were people who often changed their minds. What trait signified someone who was wrong a lot of the time? Someone obsessed with details that only support one point of view. If someone can’t climb out of the details, and see the bigger picture from multiple angles, they’re often wrong most of the time.
- How do our favorite tech companies make money?
- Getting sprightly with SASS | Erskine Labs Using SASS/SCSS for sprites.
- Makisu ~ CSS 3D Dropdown Concept People want to make CSS act like Flash I guess.
- CSS3 structural pseudo-class selector tester Helps you understand how the nth-child, nth-last-child, nth-of-type and nth-last-of-type CSS3 selectors work. Uses the native browser algorithm, so you're out of luck if you're on IE.
- phpconsole.com - A new way to work with PHP and JS
- Simple Grid A lightweight responsive design grid-only framework.
- Stripe: Payments for developers
- Gephi: Open source graph visualization and manipulation software "Like Photoshop for data." Gephi is an interactive visualization and exploration platform for all kinds of networks and complex systems, dynamic and hierarchical graphs. Runs on Windows, Linux and Mac OS X. Gephi is open-source and free.
- Retinafy your web sites and apps — ebook by Thomas Fuchs Thomas Fuchs' ebook on how and why to target and use high resolution graphics for retina displays.
- Easy retina-ready images using SCSS - (37signals) How to retinafy images and bundle the normal and retina rule into single stylesheet using @import image-2x with SCSS.
- adobe/source-code-pro · GitHub Fixed width font for terminal, editors, web displayed code.
- Pixelivery Pixel State Tees
- Coding Horror: Todon't "If you can't wake up every day and, using your 100% original equipment God-given organic brain, come up with the three most important things you need to do that day – then you should seriously work on fixing that. I don't mean install another app, or read more productivity blogs and books. You have to figure out what's important to you and what motivates you; ask yourself why that stuff isn't gnawing at you enough to make you get it done. Fix that."
- Irving Harper talking about paper as a versatile medium From Herman Miller's Why Design series.
- Adobe Edge Web Fonts Library Adobe teams up with Typekit to provide a free web font service served by Typekit. The free Adobe and Google Web fonts will be available on the service, including Source Sans and Source Code.
I gave a talk at Asbury Agile 2012 and have published my presentation deck and speaking notes as a zine-like mini book in a new section of this site. My friends on Instagram have seen me teasing out this talk for a few months now, and I'm happy to get the ideas out because this is something I've been thinking about ever since I started this site.
This is the perspective of someone who is starting over and taking the beginners path. Check it out.
The IA Issue of ASIS&T Journal is out, edited by Thomas Haller. Here's a listing of articles in this issue.
- Information Architecture in the Age of Complexity, by Andrea Resmini
- The Architecture of Information, by Martyn Dade-Robertson
- Optimizing Websites in the Post Panda World, by Marianne Sweeny
- A Metaphor for Content Strategy, by Carrie Hane Dennison
- How to Start Sketchnoting, by Veronica Erb
- A Conversation with Eric Reiss, Author of Usable Usability: Simple Steps for Making Stuff Better, by Thom Haller
Have been busy getting settled on the West coast, so starting back up again and a very short list of links.
- Starter League Want to be the Unicorn? Do it the now. Learn how to code, design, & ship web apps from the pros.
- Experience Maps: Understanding Cross-Channel Experiences For Gamers / nForm / Blog Gene Smith's Experience Maps example.
- Anatomy of an Experience Map From Chris Risdon's article on Adaptive Path, that I missed.
- daneden/Baseline.js Baseline.js is a simple jQuery plugin for restoring baselines thrown off by odd image sizes.
- Learnable Programming Bret Victor on designing a programming system for understanding programs.