Art, Copy & Code. GCO Studios Web Design Solutions » Web Design, SEO, Web Hosting, Wordpress and OpenCart Design. UI Patterns. KIPFA 블로그. ■■ UX Column 장애인과 UX 문태경 이언인사이트 수석연구원 moontk@aeoninsight.co.kr “단언컨대, 본다는 것은 가장 큰 축복입니다.” – 헬렌켈러 자서전 중에서 - 헬렌 켈러(Helen Adams Keller)의 자서전 <사흘만 볼 수 있다면>의 내용을 바탕으로 제작된 국내 스마트폰의 광고 문구 중 일부다.
우리는 국내 장애인 현황을 들여다 볼 필요가 있다. 2012년 장애인 통계에 따르면 국내 장애인 인구는 2011년 말 기준 약 250만명으로 2000년 대비 163% 증가율을 보이고 있으며, 국내 장애 인구 비율은 뇌병변 장애(뇌성마비)를 포함한 지체 장애인이 가장 높고, 청각, 시각 장애인 순으로 높은 분포를 보이고 있다. 하지만 2011 장애인 정보격차 실태조사에 따르면 아직도 장애인의 모바일 정보화 수준은 27.8%로 일반 국민의 정보화 수준인 82.2% 대비 낮은 것으로 나타났다. 최근 이언인사이트가 시각/지체 장애인과 함께 진행한 스마트 디바이스의 접근성 관련 프로젝트를 통해 장애인의 스마트폰 사용 행태와 쉬운 접근을 위한 고려사항을 살펴봤다. 이들은 몸 움직임이 어렵거나 팔과 손 움직임이 부자연스러운 것이 주요 특성으로 스마트폰 사용에 있어 누르기 힘든 하드키(Hard-key)가 가장 큰 어려움으로 파악됐다. 아이폰에서 제공하는 Assistive touch 화면 또한, 지체장애인은 신체 움직임에 어려움과 제약을 갖고 있기 때문에 조작 동선의 최소화와 같은 장애특성에 적합한 사용환경을 제공하는 것이 중요하다. 따라서 지체 장애인을 위한 사용자 경험 설계에 있어 사용자 리서치를 통한 사용자 관찰과 이해가 필수적이며, 이를 통해 장애 유형에 적합한 고려사항을 도출하고 우선순위를 파악해 사용자 스스로 세밀한 설정이 가능하도록 하는 것이 중요하다.
지체 장애인의 ‘어시스티브 터치(Assistive touch)’ 사용 장면 전맹 사용자(좌)와 저시력 사용자(우)의 스마트폰 사용 자세. WordPress.com - Get a Free Blog Here. 통계로 보는 뉴스 - 데이터뉴스. 인포그래픽 - 중앙일보. How to Use jQuery to Make Slick Page Transitions. Adding the final touches to a site can be the difference between a polished and beautiful site that looks “refined,” and a mediocre site that leaves no impression on visitors. jQuery, the versatile JavaScript library, can be leveraged to create all these fine tuned elements.
Today we’re going to look at how to use it to create elegant page transitions. Let’s get to it! If you would like to quickly take a peek at a very simple implementation of this technique, below is the demo for viewing and download. Getting Started With HTML/CSS To begin, let’s dive straight into the CSS. Other Resources. jQuery and WordPress Image Gallery. Artbeats - Royalty Free HD Stock Footage. Smashing Magazine — For Professional Web Designers and Developers. Web Design - Website Design Tutorials, Articles and Free Stuff. User Experience quotes and articles to inspire and connect the UX community.
Images libres. ♨mONSTER dESIGN bLOG - 몬스터디자인 블로그. 0) 구글에서 제공하는 안드로이드 공식 디자인 사이트 : 안드로이드 UI에 대한 모든게 다 있다고 보면 된다. 1) 모바일 디자인 패턴 갤러리 : 동명의 책과 연계된 사이트, 책과 관련된 다양한 슬라이드와 각종 스텐실도 공유하고 있다. 2) 안드로이드 인터랙션 디자인 패턴스 : 무엇보다 자세한 설명이 굿~ 3) Inspired UI : 패턴 스크린샷이 가장 많다. 4) Mobile - Patterns : UI 패턴별 iOS 어플리케이션 스크린샷 모음 5) Mobile Patterns : 4번과 이름이 동일한 패턴 스크린샷 모음 사이트 6) pttrns : 돋보기 기능으로 다른 패턴 사이트들과 차별화에 성공했다. 7) 안드로이드 pttrns : 6번 pttrns 사이트와 동일한 구조로 안드로이드 UI패턴을 제공한다. 8) 코코아 콘트롤스 : 다양한 커스텀 UI 콘트롤을 공유하고 판매한다. 9) Patterns of Design : iPad UI 패턴도 볼 수 있다. 10) iOS Developer Library > Human Interface Guidelines : 애플 공식 iOS 디자인 가이드라인 --> 한글 번역 사이트 : 11) 러블리 UI : 분류가 좀 더 세분화되어있다. 12) UI Parade : 패턴도 다양하지만, 유용한 라이브툴도 제공한다. 13) 4ourth mobile patterns wiki : 일반 UI 패턴뿐만 아니라 하드키, 벨소리, 제스쳐, 햅틱 피드백, LED등 까지 무척 자세하게 설명하고 있다. 14) 노키아 모바일 디자인 패턴스 wiki : 현재 98개 패턴 아티클 제공중... 15) UX Archive : 기능별, 카테고리별로 정리된 다양한 아이폰 앱 화면들을 볼 수 있다. ★ 2014-02-19 추가 16) Android Niceties : 각종 안드로이드앱의 화면을 원하는 크기로 바꿔가며 볼 수 있다.
Art. Online Portfolios on Behance. Daily Inspiration - Delivering you your daily dose of inspiration. Dribbble - Popular. Responsive Web Design Resources. News about Typekit. Infographics & Data Visualization.
Stock Photos, Royalty-Free Images and Vectors - Shutterstock. 한국에서 만든 글로벌 이미지정액제. Icon sets & stock icons. 디자인정글.