blumenberg + ux 107
What is User-Centered Design (UCD)?
4 weeks ago by blumenberg
User-centered design (UCD) is an approach to design that grounds the process in information about the people who will use the product. UCD processes focus on users through the planning, design and development of a product. […]
design
ui
ux
ucd
usability
upa
4 weeks ago by blumenberg
Font Awesome
11 weeks ago by blumenberg
… the iconic font designed for use with Twitter Bootstrap
design
font
icon
@font-face
twitter
bootstrap
commercial
usage
css
ux
ui
creativecommons
license
3.0
11 weeks ago by blumenberg
SymbolAssist
12 weeks ago by blumenberg
A Categorized Unicode Character Map
symbol
typography
unicode
dingbats
character
chart
copy&paste
helper
ui
ux
:sk
:st
:am
:ce
:nc
:mg
12 weeks ago by blumenberg
Windows Desktop UI Concept
february 2012 by blumenberg
(The Verge Forums)
ui
ux
windows
desktop
concept
design
february 2012 by blumenberg
Responsive Design Test Bookmarklet
january 2012 by blumenberg
It lets you view any webpage in multiple screen sizes, simulating the viewport of different devices.
bookmarklet
css
webdesign
viewport
screen
size
device
:ce
:am
:nc
ui
ux
:sk
:st
responsive
january 2012 by blumenberg
Android Design - Design Elements
january 2012 by blumenberg
Build visually compelling apps that look great on any device.
ui
ux
android
styleguide
mobile
developer
pattern
interface
:am
:mg
:ce
:nc
january 2012 by blumenberg
Mobile Design Pattern Gallery: Navigation
january 2012 by blumenberg
Includes patterns for Primary and Secondary Navigation
ios
interface
ux
ui
apple
mobile
ipad
iphone
android
gallery
pattern
documentation
reference
flickr
:nc
january 2012 by blumenberg
iOS Human Interface Guidelines: iOS UI Element Usage Guidelines
january 2012 by blumenberg
In iOS, the UIKit framework provides a wide range of UI elements that you can use in your application. As you design the user interface of your app, always remember that users expect the standard views and controls to behave as they do in the built-in applications. This is to your advantage, as long as you use these elements appropriately in your application.
ios
interface
guidelines
ux
ui
apple
mobile
ipad
iphone
documentation
reference
:nc
january 2012 by blumenberg
iOS Human Interface Guidelines: User Experience Guidelines
january 2012 by blumenberg
The user experience of iOS-based devices revolves around streamlined interaction with content that people care about. The guidelines in this chapter apply to apps that run on all iOS-based devices.
ios
interface
guidelines
ux
ui
apple
mobile
ipad
iphone
documentation
reference
:nc
january 2012 by blumenberg
A better way to use icon fonts
january 2012 by blumenberg
yatil. Eric Eggert about web development & design.
css
web
development
javascript
icon
aria
accessibility
@font-face
:nc
ux
:am
january 2012 by blumenberg
Gesturecons
january 2012 by blumenberg
Icons For Multi-Touch Interfaces
design
icon
ui
ux
creativecommons
wireframe
gesture
touch
january 2012 by blumenberg
○ Multiscreen Experience
november 2011 by blumenberg
Prinzipien und Muster für das Informationsmanagement in der Digitalen Gesellschaft (Beta)
design
screen
multiscreen
ui
ux
device
framework
november 2011 by blumenberg
Screenfly
october 2011 by blumenberg
Test Your Website at Different Screen Resolutions
development
test
usability
ux
webdesign
tool
screen
resolution
device
:sk
:st
:nc
:ce
:am
:mg
october 2011 by blumenberg
Google+ Styled UI Buttons, Icon Buttons & Dropdown Menu Buttons
october 2011 by blumenberg
… an easy to implement framework of Google+ styled buttons, icon buttons & dropdown menu buttons
buttons
design
google+
ui
creativecommons
download
share
ux
icon
pictogram
:nc
:st
:sk
:am
:ce
october 2011 by blumenberg
Effective Use of Color and Graphics in Applications for Children, Part I: Toddlers and Preschoolers
october 2011 by blumenberg
“The effective use of color and graphics in children’s media is one of the most important aspects of design to ensure that you deliver optimal content and a memorable user experience to young users.”
ux
design
article
uxmatters
color
graphic
children
october 2011 by blumenberg
Adaptive Images in HTML
september 2011 by blumenberg
«A drop-in solution that automatically creates, caches, and delivers device-appropriate versions of your website’s images. No mark-up changes needed. Adaptive Images is intended for use with Responsive Designs and to be combined with Fluid Image techniques. […]»
image
php
adaptive
fluid
javascript
css
:sk
:st
:nc
:am
:ce
ux
ui
responsive
september 2011 by blumenberg
Responsive HTML images
august 2011 by blumenberg
… adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.
design
image
html
automatic
css
solution
download
mobile
htaccess
php
javascript
jpeg
ui
ux
responsive
august 2011 by blumenberg
Webseiten Cross-Browsertests
august 2011 by blumenberg
Ein kleiner Überblick praktischer Tools und Tipps
html
css
ui
ux
cross-browser
test
tool
article
:nc
:sk
:st
august 2011 by blumenberg
related tags
!essential ⊕ !important ⊕ 1em ⊕ 3.0 ⊕ 10.7 ⊕ 16px ⊕ :am ⊕ :ce ⊕ :ji ⊕ :mg ⊕ :nc ⊕ :pr ⊕ :sk ⊕ :st ⊕ :tr ⊕ @font-face ⊕ a/b-test ⊕ accessibility ⊕ adaptive ⊕ adobe ⊕ aggregator ⊕ agile ⊕ analyse ⊕ android ⊕ apache ⊕ app ⊕ apple ⊕ application ⊕ architecture ⊕ aria ⊕ article ⊕ artikel ⊕ audience ⊕ authentication ⊕ automatic ⊕ background ⊕ barrierefreiheit ⊕ bookmarklet ⊕ bootstrap ⊕ browser ⊕ business ⊕ button ⊕ buttons ⊕ by:alistapart ⊕ by:boxesandarrows ⊕ by:bradfrostweb ⊕ by:elmastudio ⊕ by:freelanceswitch ⊕ by:mikerundle ⊕ by:netmagazine ⊕ by:smashing ⊕ by:smashingmagazine ⊕ by:trentwalton ⊕ by:tutsplus ⊕ by:uxbooth ⊕ by:uxformobile ⊕ by:uxmagazine ⊕ by:uxmatters ⊕ character ⊕ chart ⊕ cheatsheet ⊕ check ⊕ children ⊕ cloud ⊕ collaboration ⊕ color ⊕ commercial ⊕ comparison ⊕ complexity ⊕ concept ⊕ contrast ⊕ copy&paste ⊕ creativecommons ⊕ cross-browser ⊕ css ⊕ css3 ⊕ data ⊕ database ⊕ design ⊕ desktop ⊕ developer ⊕ development ⊕ device ⊕ dingbats ⊕ discussion ⊕ documentation ⊕ download ⊕ draft ⊕ dynamic ⊕ education ⊕ element ⊕ encyclopedia ⊕ enterprise ⊕ ergonomic ⊕ facebook ⊕ fact ⊕ feature ⊕ fiction ⊕ file ⊕ flickr ⊕ flow ⊕ fluid ⊕ font ⊕ form ⊕ framework ⊕ gallery ⊕ gesture ⊕ google ⊕ google+ ⊕ graphic ⊕ gtd ⊕ gui ⊕ guidelines ⊕ hack ⊕ hardware ⊕ helper ⊕ heuristic ⊕ howto ⊕ htaccess ⊕ html ⊕ html5 ⊕ ia ⊕ icon ⊕ image ⊕ inclusive ⊕ index ⊕ information ⊕ inspiration ⊕ interaction ⊕ interface ⊕ interview ⊕ ios ⊕ ipad ⊕ iphone ⊕ javascript ⊕ jpeg ⊕ jquery ⊕ kids ⊕ layout ⊕ license ⊕ lion ⊕ list ⊕ mac ⊕ magazine ⊕ manifest ⊕ markup ⊕ menu ⊕ metro ⊕ microsoft ⊕ mobile ⊕ multiscreen ⊕ navigation ⊕ news ⊕ online ⊕ organize ⊕ os ⊕ osx ⊕ overview ⊕ pattern ⊕ personalized ⊕ phone ⊕ php ⊕ pictogram ⊕ podcast ⊕ principle ⊕ priority ⊕ process ⊕ professional ⊕ psychology ⊕ read.on ⊕ readability ⊕ reader ⊕ realism ⊕ recruit ⊕ reference ⊕ registration ⊕ research ⊕ resolution ⊕ resource ⊕ responsive ⊕ review ⊕ safari5 ⊕ scalable ⊕ screen ⊕ share ⊕ signup ⊕ silverback ⊕ simple ⊕ simplicity ⊕ size ⊕ sketch ⊕ slideshow ⊕ smartphone ⊕ software ⊕ solution ⊕ standard ⊕ study ⊕ style ⊕ styleguide ⊕ symbol ⊕ t-model ⊕ t3n ⊕ tablet ⊕ team ⊕ teenager ⊕ template ⊕ test ⊕ testing ⊕ to-do ⊕ tool ⊕ tools ⊕ touch ⊕ tuaw ⊕ twitter ⊕ typography ⊕ ucd ⊕ ui ⊕ unicode ⊕ upa ⊕ usability ⊕ usage ⊕ user ⊕ ux ⊖ uxmatters ⊕ vector ⊕ via:popular ⊕ viewport ⊕ visible ⊕ visual ⊕ web ⊕ webdesign ⊕ website ⊕ webstandard ⊕ window ⊕ windows ⊕ wireframe ⊕ wordpress ⊕Copy this bookmark: