UI Patterns For Mobile Apps: Search, Sort And Filter | Smashing UX Design
7 weeks ago by sunpig
But after taking a look at Craigslist mobile, it became obvious we could all benefit from some best practices around mobile search, sort and filter UI design. This article explores a dozen different ways to surface and refine the data your customers want.
theresaneil
smashingmag
development
design
pattern
search
filter
refine
save
ux
hci
sort
mobile
screen
7 weeks ago by sunpig
Keynote Kung-Fu: Wireframe Toolkit for Keynote
7 weeks ago by sunpig
Use Keynote to create wireframes and clickable prototypes for the web and mobile devices.
keynote
wireframe
prototype
diagram
draw
presentation
tool
library
shape
image
design
ux
7 weeks ago by sunpig
LukeW | Designing with Keynote
7 weeks ago by sunpig
Recently, an increasing number of designers (myself included) are turning to Apple's presentation making software, Keynote, to design and prototype software applications. Here's a few reasons why and some tips learned along the way.
design
keynote
interaction
wireframe
ux
prototype
presentation
animation
transition
software
tool
7 weeks ago by sunpig
Cost Effective Approaches to Iteration in Agile UX
10 weeks ago by sunpig
"One of the things I enjoy doing when I'm talking to a group of Agile practitioners is to ask, 'How many of you get to iterate a particular piece of functionality through three sprints until you get it right?' No one raises their hands. 'Two sprints?' No one raises their hands. 'One sprint?' Now I get some hands. The idea that you're going to go back and re-work functionality is hard—organizationally hard, emotionally hard, and practically hard—because then your schedule slips. So yeah, we like the idea of iteration. The actuality of iteration, not so much."
agile
ux
design
ui
process
sprint
iteration
hughbeyer
uie
jaredspool
10 weeks ago by sunpig
What’s the waiter doing with the computer screen? : Jävla skitsystem!
february 2012 by sunpig
RT @newsycombinator: Whats the waiter doing with the computer screen?
computer
screen
whiteboard
design
ux
ui
hci
usability
override
drawing
realworld
actual
february 2012 by sunpig
Mobile users don’t do that | Stephanie Rieger
february 2012 by sunpig
"Mobile users don't do that" by @stephanierieger is a must-read for anyone considering a "mobile" project.
stephanierieger
mobile
yiibu
ahbit
usage
ux
design
ui
hci
psychology
february 2012 by sunpig
Designing for touch | Feature | .net magazine
february 2012 by sunpig
RT @brad_frost: Designing for Touch: by @globalmoxie, the touchiest of touch-masters.
joshclark
mobile
touch
ui
ux
design
tap
target
screen
layout
top
bottom
android
ios
from twitter
february 2012 by sunpig
Designing for the Next Step « « Bokardo Bokardo
january 2012 by sunpig
RT @UIE: A nice post from @bokardo explaining why you can't kiss before asking for the date (metaphorically that is) -
design
signup
interest
introduction
marketing
funnel
email
business
web
step
bokardo
uie
ux
hci
psychology
january 2012 by sunpig
Clutter » UIE Brain Sparks
november 2011 by sunpig
"Clutter is what happens when we fill a page with things the user doesn’t care about." @uie
uie
jaredspool
clutter
ux
interface
design
user
text
links
density
information
november 2011 by sunpig
MediaPost Publications Study: Almost 40% Unhappy With Branded Apps 11/11/2010
april 2011 by sunpig
RT @khoi: I predict the app bubble starts bursting here. RT @uxfeeds: Study: Almost 40% Unhappy With Branded Apps: #ux
ux
from twitter
april 2011 by sunpig
MediaPost Publications Study: Almost 40% Unhappy With Branded Apps 11/11/2010
april 2011 by sunpig
RT @khoi: I predict the app bubble starts bursting here. RT @uxfeeds: Study: Almost 40% Unhappy With Branded Apps: #ux
ux
from twitter
april 2011 by sunpig
Toffee-nosed. — Unstoppable Robot Ninja
march 2011 by sunpig
RT @stephenhay: Giddy with agreement on this post by @beep:
ethanmarcotte
robot
ninja
css
design
responsive
adaptive
logic
argument
fallacy
audience
users
ux
march 2011 by sunpig
Unqualified Reservations: Wolfram Alpha and hubristic user interfaces
july 2009 by sunpig
"For serious UI geeks, one way to see an intelligent control interface is as a false affordance - like a knob that cannot be turned, or a chair that cannot be sat in. The worst kind of false affordance is an unreliable affordance - a knob that can be turned except when it can't, a chair that's a cozy place to sit except when it rams a hidden metal spike deep into your tender parts."
web
design
os
ui
ux
interface
moldbug
wolfram
alpha
affordance
hci
intelligence
tool
control
system
hubris
july 2009 by sunpig
related tags
ab ⊕ abtest ⊕ abtesting ⊕ acceleration ⊕ accessibility ⊕ accuracy ⊕ activity ⊕ actual ⊕ adaptive ⊕ adaptivepath ⊕ advertising ⊕ advice ⊕ affordance ⊕ agile ⊕ ahbit ⊕ ajax ⊕ ala ⊕ alertbox ⊕ algorithm ⊕ alistapart ⊕ alpha ⊕ analysis ⊕ analytics ⊕ android ⊕ andyrutledge ⊕ animation ⊕ app ⊕ apple ⊕ application ⊕ arabic ⊕ architecture ⊕ argument ⊕ arm ⊕ attendance ⊕ audience ⊕ audio ⊕ autosuggest ⊕ azaraskin ⊕ back ⊕ background ⊕ bagcheck ⊕ baidu ⊕ balsamiq ⊕ banking ⊕ batter ⊕ behaviour ⊕ benjaminpollack ⊕ bestpractice ⊕ bias ⊕ big ⊕ billscott ⊕ bing ⊕ bio ⊕ blog ⊕ blogging ⊕ bokardo ⊕ book ⊕ bookmarks ⊕ bottom ⊕ boxesandarrows ⊕ brand ⊕ browse ⊕ browser ⊕ business ⊕ busting ⊕ button ⊕ calendar ⊕ camera ⊕ capabilities ⊕ card ⊕ carolynsnyder ⊕ change ⊕ cheatsheet ⊕ checkbox ⊕ checking ⊕ children ⊕ choose ⊕ christianheilmann ⊕ chuichuitan ⊕ chuisquared ⊕ class ⊕ claytonlewis ⊕ clearleft ⊕ clicktale ⊕ client ⊕ clone ⊕ cloud ⊕ clutter ⊕ cms ⊕ coach ⊕ coates ⊕ code ⊕ codinghorror ⊕ cognition ⊕ collapse ⊕ collection ⊕ colour ⊕ commerce ⊕ comparison ⊕ completeness ⊕ complexity ⊕ component ⊕ computer ⊕ computerzen ⊕ computing ⊕ connect ⊕ content ⊕ context ⊕ control ⊕ convention ⊕ copyandpaste ⊕ core77 ⊕ credit ⊕ creditcard ⊕ cromulent ⊕ css ⊕ culture ⊕ cursor ⊕ customerservice ⊕ cut ⊕ dakotareesebrown ⊕ danietkennett ⊕ dannysullivan ⊕ dansaffer ⊕ dark ⊕ darkpattern ⊕ data ⊕ datatable ⊕ date ⊕ daveshea ⊕ davidpogue ⊕ decision ⊕ delight ⊕ deliverables ⊕ density ⊕ design ⊕ desirability ⊕ desktop ⊕ detail ⊕ details ⊕ detect ⊕ deterioration ⊕ develeopment ⊕ development ⊕ device ⊕ diagram ⊕ dialog ⊕ die ⊕ digg ⊕ digitalweb ⊕ dionalmaer ⊕ disclosure ⊕ discover ⊕ disk ⊕ done ⊕ donnorman ⊕ door ⊕ dopplr ⊕ dougbowman ⊕ draw ⊕ drawing ⊕ dropdown ⊕ edit ⊕ element ⊕ em ⊕ email ⊕ embiggen ⊕ emotion ⊕ ending ⊕ engine ⊕ ethanmarcotte ⊕ examples ⊕ expectation ⊕ expectations ⊕ experience ⊕ experiencestrategy ⊕ experiment ⊕ explaura ⊕ explicit ⊕ expore ⊕ eye ⊕ eyetracking ⊕ facebook ⊕ facebooklogin ⊕ facet ⊕ fail ⊕ fairy ⊕ fallacy ⊕ feature ⊕ featuritis ⊕ feedback ⊕ feel ⊕ field ⊕ film ⊕ filter ⊕ find ⊕ findability ⊕ finger ⊕ fire ⊕ fitts ⊕ flickr ⊕ flip ⊕ floppy ⊕ fold ⊕ font ⊕ form ⊕ format ⊕ forms ⊕ frame ⊕ framework ⊕ framing ⊕ frankspillers ⊕ freetext ⊕ fronteers ⊕ frontend ⊕ fun ⊕ funnel ⊕ funny ⊕ garrettdimon ⊕ geeknotes ⊕ general ⊕ gesture ⊕ gilescolborne ⊕ google ⊕ gradient ⊕ greyscale ⊕ grid ⊕ group ⊕ guerilla ⊕ guide ⊕ guidelines ⊕ haganrivers ⊕ hand ⊕ haptics ⊕ hardware ⊕ harrybrignull ⊕ hcd ⊕ hci ⊕ heatmap ⊕ hebrew ⊕ hiding ⊕ history ⊕ hollywood ⊕ horror ⊕ html ⊕ html5 ⊕ hubris ⊕ hughbeyer ⊕ hyperlinks ⊕ ia ⊕ icon ⊕ icons ⊕ ideas ⊕ identity ⊕ iframe ⊕ image ⊕ imagination ⊕ incremental ⊕ information ⊕ informationarchitecture ⊕ informationdesign ⊕ innovation ⊕ input ⊕ inspiration ⊕ instruction ⊕ intelligence ⊕ interaction ⊕ interactiondesign ⊕ interest ⊕ interface ⊕ interview ⊕ introduction ⊕ intuitive ⊕ intuitiveness ⊕ invention ⊕ ios ⊕ ipad ⊕ iphone ⊕ iscroll ⊕ iteration ⊕ itunes ⊕ ixd ⊕ ixda ⊕ jakob ⊕ jakobnielsen ⊕ jaredspool ⊕ javascript ⊕ jeffatwood ⊕ jeffveen ⊕ jinabolton ⊕ job ⊕ joeclark ⊕ johnrieman ⊕ jonathansnook ⊕ jonwhipple ⊕ joshclark ⊕ js ⊕ kathysierra ⊕ keyboard ⊕ keynote ⊕ khoivinh ⊕ kindle ⊕ kodak ⊕ label ⊕ landing ⊕ language ⊕ larryconstantine ⊕ latency ⊕ layer ⊕ layout ⊕ leaflet ⊕ lean ⊕ learning ⊕ lecture ⊕ left ⊕ library ⊕ liner ⊕ link ⊕ links ⊕ lion ⊕ list ⊕ loewy ⊕ logic ⊕ login ⊕ loginfail ⊕ logout ⊕ look ⊕ lookup ⊕ lp ⊕ ltr ⊕ luggage ⊕ lukasmathis ⊕ lukew ⊕ lukewroblewski ⊕ lunh ⊕ lyrics ⊕ mac ⊕ macintosh ⊕ magazine ⊕ mail ⊕ malkovich ⊕ maps ⊕ mark ⊕ market ⊕ marketing ⊕ martijnvanwelie ⊕ matteopenzo ⊕ mattjones ⊕ maturity ⊕ maya ⊕ meetup ⊕ mega ⊕ menu ⊕ message ⊕ mezzoblue ⊕ microsoft ⊕ mikepadilla ⊕ mindreading ⊕ minimal ⊕ mobile ⊕ mock ⊕ mockups ⊕ modal ⊕ mode ⊕ model ⊕ moldbug ⊕ month ⊕ morae ⊕ mouse ⊕ mouseflow ⊕ movies ⊕ ms ⊕ msoffice ⊕ multitouch ⊕ multivariate ⊕ music ⊕ myth ⊕ name ⊕ native ⊕ navigation ⊕ needs ⊕ nevenmrgan ⊕ news ⊕ next ⊕ nielsen ⊕ ninja ⊕ norman ⊕ notes ⊕ notification ⊕ number ⊕ nvda ⊕ nytimes ⊕ obligation ⊕ observation ⊕ observe ⊕ observers ⊕ odopod ⊕ office ⊕ office2007 ⊕ old ⊕ olpc ⊕ omnigraffle ⊕ openid ⊕ option ⊕ os ⊕ osx ⊕ overlay ⊕ override ⊕ p3 ⊕ page ⊕ palm ⊕ paper ⊕ paperprototyping ⊕ password ⊕ pattern ⊕ patterns ⊕ payment ⊕ pc ⊕ pdf ⊕ perception ⊕ performance ⊕ persona ⊕ personal ⊕ personalization ⊕ personas ⊕ petermerholz ⊕ petermorville ⊕ philcrissman ⊕ phone ⊕ phonegap ⊕ photography ⊕ picker ⊕ pixel ⊕ placeholder ⊕ placement ⊕ planning ⊕ platform ⊕ play ⊕ playful ⊕ playfulness ⊕ plugin ⊕ podcast ⊕ policy ⊕ presentation ⊕ principle ⊕ privacy ⊕ process ⊕ product ⊕ profile ⊕ programming ⊕ progressive ⊕ progressivedisclosure ⊕ project ⊕ projector ⊕ protocol ⊕ prototype ⊕ prototyping ⊕ psychology ⊕ quality ⊕ quasimode ⊕ questions ⊕ rating ⊕ readability ⊕ realworld ⊕ recommendation ⊕ record ⊕ redesign ⊕ redux ⊕ reeder ⊕ reference ⊕ refine ⊕ registration ⊕ remember ⊕ remove ⊕ replacement ⊕ research ⊕ resize ⊕ resource ⊕ resources ⊕ responsive ⊕ ress ⊕ results ⊕ revenue ⊕ reverse ⊕ review ⊕ revolution ⊕ ria ⊕ ribbon ⊕ right ⊕ robertnyman ⊕ robot ⊕ roi ⊕ rss ⊕ rtl ⊕ satisfaction ⊕ save ⊕ scenario ⊕ scent ⊕ scotthanselman ⊕ scout ⊕ scratch ⊕ screen ⊕ screenreader ⊕ screens ⊕ script ⊕ scroll ⊕ search ⊕ searchengineland ⊕ security ⊕ seek ⊕ select ⊕ selection ⊕ sensor ⊕ seo ⊕ separation ⊕ server ⊕ service ⊕ shape ⊕ shareware ⊕ sharing ⊕ shortcut ⊕ show ⊕ signup ⊕ silverback ⊕ simlicity ⊕ simplicity ⊕ simpsons ⊕ site ⊕ size ⊕ sketch ⊕ skinput ⊕ skip ⊕ skiplinks ⊕ sleeve ⊕ slides ⊕ small ⊕ smashingmag ⊕ smile ⊕ social ⊕ software ⊕ sort ⊕ spacetime ⊕ speed ⊕ sprint ⊕ sso ⊕ stackoverflow ⊕ staged ⊕ statistics ⊕ stats ⊕ stencil ⊕ step ⊕ stephanierieger ⊕ stevekrug ⊕ story ⊕ strategy ⊕ study ⊕ style ⊕ styleguide ⊕ submit ⊕ subtitles ⊕ sugar ⊕ suggest ⊕ suitcase ⊕ sun ⊕ surface ⊕ swpie ⊕ system ⊕ tab ⊕ table ⊕ tablet ⊕ tags ⊕ tamaraadlin ⊕ tantekcelik ⊕ tap ⊕ target ⊕ task ⊕ teaching ⊕ team ⊕ tech ⊕ technology ⊕ template ⊕ tesla ⊕ test ⊕ testing ⊕ text ⊕ thedialog ⊕ theory ⊕ theresaneil ⊕ theresaneill ⊕ thescreen ⊕ thirdparty ⊕ thomasprior ⊕ thumb ⊕ time ⊕ timeline ⊕ times ⊕ tips ⊕ toddler ⊕ tool ⊕ toolbar ⊕ tools ⊕ tooltime ⊕ top ⊕ touch ⊕ touchscreen ⊕ tracking ⊕ transcript ⊕ transition ⊕ travel ⊕ tutorial ⊕ tv ⊕ twitter ⊕ ucd ⊕ ui ⊕ uidesign ⊕ uie ⊕ uipatterns ⊕ uiwebview ⊕ urls ⊕ usability ⊕ usabilitytesting ⊕ usage ⊕ user ⊕ userexperience ⊕ userfly ⊕ users ⊕ usertesting ⊕ usertracking ⊕ utility ⊕ utilitytheory ⊕ ux ⊖ uxd ⊕ video ⊕ view ⊕ visibility ⊕ visio ⊕ vision ⊕ visual ⊕ visualization ⊕ visualizer ⊕ web ⊕ web20 ⊕ webapp ⊕ webdesign ⊕ webdev ⊕ webstandards ⊕ whiteboard ⊕ widget ⊕ windows ⊕ winphone7 ⊕ wireframe ⊕ wizard ⊕ wolfram ⊕ wp7 ⊕ wysiwig ⊕ yahoo ⊕ year ⊕ yiibu ⊕ yui ⊕ zoom ⊕Copy this bookmark: