🏞 (image)

β€œUI design starts with words.” (via How Do You Design Interaction? | Smashing Magazine )

🏞 (image)

(via Why It’s Important to Sketch Before You Wireframe – UX Movement ) Where by β€œCode” you should really read β€œPrototype”.

examples of a sketch, wireframe and mockup, side by side

UI/UX design artefacts

Compare and contrast different design artefacts (sketch, wireframe, mockup, and prototype) in terms of their fidelity, speed, cost and use cases.

🏞 (image)

At Realmac we went this route with Ember, but we built in a slight twist. We try and guide the customer so they can get help or make a feature request rather than leaving a review on the App Store that we can’t respond to. If they are unhappy or confused we want to know about it and help them, if they are happy they can let us know and perhaps more importantly leave a review....

πŸ”— Origins of Common UI Symbols

Origins of Common UI Symbols They are road signs for your daily rituals β€” the instantly recognized symbols and icons you press, click and ogle countless times a day when you interact with your computer. But how much do you know about their origins? Power Command Bluetooth USB Play Pause Sleep At FireWire SBBOD (spinning beach ball of death) Ethernet See also The Secret Histories of Those @#$%ing Computer Symbols | Wired....

πŸ”— The Highlight — Best of 2013: UI Animations — Beautiful Pixels

The Highlight β€” Best of 2013: UI Animations β€” Beautiful Pixels This year too, we’ve selected some fantastic apps in our list of The Highlight β€” UI Animations . See also for 2012 .

πŸ“Ί The User is Drunk

The User is Drunk (by squareweave ) Blurry vision Attention-poor (Guide them) Say it twice Emotional (Do over the shoulder testing) Drunk, not dumb ( Source: https://www.youtube.com/ )

🏞 (image)

This tool was born from the daily toil of finding sample avatars for UI mockups (via User Inter Faces )


CAPPTIVATE.co Capptivate.co captures fleeting transitions between app screens and delightful animated UI elements that we’ll otherwise lose forever as apps and operating systems continue to evolve. Categories: Basic Motion Fade Grow or Shrink Motion Path Move or Slide Point At Spin or Rotate Camera Focus or Blur Frame Parallax Rotate Around or Sweep Zoom Simulations Align to Motion Attract or Repel Bounce Collide Ease Drift Gravity Orbit Around Spring Vortex

🏞 (image)

Why hollow icons are more work for your users and ultimately create cognitive fatigue. (via Hollow Icons β€” Design/UX β€” Medium )

πŸ”— Progressive Reduction

layervault: I’m very excited to talk about a technique that we’ve started using at LayerVault. We call it Progressive Reduction. (…) How does one guide a new user from on-boarding, to low proficiency, to high proficiency? With progressive reduction, the UI adapts to the user’s proficiency. (…) Your proficiency in a product will decay over time without usage. As such, the proficiency reflected in the UI decays over time. Essentially, your UI regresses without usage....

🏞 (image)

A Good User Interface has high conversion rates and is easy to use . In other words, it’s nice to both the business side as well as the people using it. Here is a running list of practical ideas to try out. (via GoodUI )

πŸ”— Starters Guide to iOS Design

Starters Guide to iOS Design (…) I find that many designers struggle with the transition to UI work, or with the different processes involved in iPhone and iPad app design. In this guide I’ll describe the deliverables you’ll be expected to produce, outline the constraints of the medium and introduce fundamental iOS and UI design concepts.