어느 날 회사 동료가 아이폰으로 전화번호를 입력하는것을 보았습니다. 오타가 났음에도 불구하고 전화번호로 인식을 하는 모습을 보고 아이폰은 과연 전화번호를 어떻게 인식하는지 궁금해졌습니다. 애플 OS3에서 확인된 결과로 애플 OS4에는 어떤 결과가 나올지는 의문입니다. 또한 이 조사는 모든 케이스를 커버하고자 하는 목적이 아니라 단순히 재미로 시작한 것이니 조사가 미흡한 점 또한 이해해주셨으면 좋겠습니다. 조사 장비 / 조사일 아이팟터치 OS3 / 2010년 7월 1일 조사 방법 메모장에 임의의 숫자를 기입하여 밑줄이 쳐지면 전화번호로 인식함을 판단 범례 123456 (전화번호로 인식하지 않음) 1234567 (전화번호로 인식함) 1. 연속된 숫자 연속된 숫자를 쓸 경우에는 7자리 숫자부터 17자리 숫자까..

Intuitive design = Agile Process 에 '증명은 논리적으로 하지만 발견은 직관에 의해서'라는 앙리 푸앵카레의 말이 인용되어 있습니다. "It is by logic that we prove, but by intuition we discover." 애플은 직관에 따라 디자인하고 수많은 검증 과정(스티브 잡스의 뺀찌)을 거치는 반면에 구글은 논리적(버킷 테스트)으로 한 번에 정답을 찾으려고 하는것 같습니다. 요즘 애플과 구글을 비교하는 글들이 많은데 애플이 성공할 수 있는 이유는 스티브 잡스의 독단적인 의사 결정 보다는 논리에서 자유롭게 디자인을 할 수 있는 환경과 또 그것을 반복적으로 검증하는 시스템에 있다고 생각합니다. 저는 회사에서 난데없는 주장으로 다른 사람들과 많이 부딪히곤 하..

text by Apostolos Mitsios Louise Bourgeois' Maman (1999) on the North landscape at Tate Modern in 2007 Image Courtesy of Tate Photography Louise Bourgeois Maman, 1999 365 x 351 x 403"; 927.1 x 891.5 x 1023.6 cm. Bronze, Stainless Steel and Marble © Louise Bourgeois Louise Bourgeois는 프랑스 태생의 미국 추상표현주의 조각가입니다 현대 미술의 'the Mother of American Feminist Identity art '로서 70세가 넘은 나이에 국제적 명성을 얻었고,20세기 가장 ..

제7의 감각- 전략적 직관 Strategic Intuition : The Creative Spark In Human Achievement 콜롬비아 경영대학원 윌리엄 더건 교수 지음 요약: 인류가 만들었던 획기적인 성과들은 창의력이나 상상력에 의해 만들어진 것이 아니라, 기존의 것들을 새롭게 조합하는 '발견'에 의존한다. 즉 과거의 성과들을 잘 기억해 두고 있다가 필요할 때 적절히 조합하면 된다. "이렇게 단순한 생각으로 책 한 권을 쓸 수 있는 저자의 뻔뻔함이 놀랍다" - 라고 책을 읽는 내내 생각하다가, 최근 LG S UX Retrospective 회의를 하던 도중 이 책이 지적하는 똑같은 방식으로 '번뜩'하는 것이 생겨 결국 책을 처음부터 다시 읽게 되었다. 이 책을 읽을 때 만약 필자와 똑같이 '이..

http://developer.android.com/guide/practices/ui_guidelines/index.html 안드로이드 개발자를 위한 사이트(Android developers)에 UI guidelines 카테고리가 있습니다. Icon Design Guidelines + Android Icon Templates Pack Widget Design Guidelines Activity and task Design Guidelines Menu Design Guidelines 이상 4개의 섹션으로 구성되어 있으며 안드로이드용 어플리케이션의 아이콘을 포함한 디자인 및 태스크를 디자인하는 기본적인 구성원칙과 개념, 해상도에 따른 사이즈, 컬러 등을 상세히 알려주고 있네요. 안드로이드 어플리케이션 디자인..

http://www.savageinteractive.com.au/Sorted/ http://www.spreadsapp.com/ http://helvetinote.com/ http://globemaster.us/globeconvert.html http://ipadmixr.com/ http://www.coursenotesapp.com/ http://souschefapp.com/ http://flyosity.com/digitalpost/ http://www.granimator.com/ http://www.playjumbalaya.com/ https://squareup.com/ http://horseandtherook.com/gusto/ http://twitterrific.com/ipad http://ego-a..

아이폰의 사파리에서는 웹 필드에 텍스트를 입력하면 필드가 강제로 가운데로 이동합니다.(iOS3 이하에서. 폼 입력시 전후 맥락을 함께 살펴보려는 의도였던 것 같습니다) 검색엔진에서 suggestion을 입력창 아래 목록으로 보여주는 방식을 사용하면 이런 이유로 2,3개정도 밖에 보여주지 못합니다. Device-Specific Design 아이폰이 이상한걸 우리가 뭘 어쩌라는거야 식의 다른 검색포탈에 비해 야후는 사용자를 배려하여 디바이스의 제약에서도 최선의 결과를 만들기 위한 노력이 보입니다. 아이폰의 이런 입력폼 특성을 반영하여 검색제안어를 입력창의 위아래에 2컬럼으로 보여주는 인터페이스를 제공합니다. 일반적인 방식보다 훨씬 많은 제안어를 보여주긴 하지만 눈이 스캔하는 영역이 4군데로 나뉘어서 좀 어색..

웹사이트 풋터들의 다양한 아이디어가 재미있다. 습관적으로 디자인 할 수도 있을 풋터의 공간을 다시 한 번 생각하게 해준다. Superior Contracting Services ↓ Midnighters Club ↓ Fusebox Creations ↓ Rubbik ↓ Demotive ↓ BEC Media ↓ Please Invite Me To Dribbble ↓ Twitter Designs ↓ Grzegorz Kozak ↓ Soh Tanaka ↓ Run Addicts ↓ Foxtie ↓ Morphix ↓ Enpresiv ↓ White House ↓ Andi Gladwin ↓ Irrational Games ↓ Roaaar! ↓ Primo Motif ↓ Vartro ↓ Ronihind ↓ Flourish ↓ ..

윈도우폰7의 앱 디자이너(및 디자인도 하는 개발자)를 위한 UI 디자인 & 인터랙션 가이드도 있습니다. 오브젝트의 크기는 최소 26px 이상, 터치 영역은 34px 이상, 둘 이상의 오브젝트 사이 간격은 8px 이상이 좋다는 군요. 터치 영역은 실제 보여지는 크기가 26px 이더라도 8px 더 넓게 잡아서 34px 이상으로 만드는 것이 포인트. UI의 테마는 현재 4가지 색상의 컬러만 해당된다는 군요. 폰트나 사이즈는 해당사항 없음. 페이지 형식을 띈 앱의 기본적인 페이지 레이아웃. 하드웨어 버튼은 총 7개. 사진 찍을 때 오른 손 검지손가락 위치의 카메라(4)나, 오른손 검지의 파워(1), 왼손 엄지의 볼륨(2) 등으로 배치되어 있습니다. 왼손잡이는 다소 불편할지도 모르겠군요. 윈폰7의 타일은 위와 같..

스마트폰 시장이 커지면서 이제 스마트폰용 웹사이트를 함께 제작하는 업체들도 많아지고 있다. 자유로운 웹스타일의 화면들이 작은 디바이스 공간으로 들어오고 있다. 이를통해 이제 모바일 공간에서도 다양하고 재미있는 접근들을 할 수 있게 되는 것 같다. Nclud http://www.nclud.com Mail Chimp http://m.mailchimp.com iA http://informationarchitects.jp Viget Labs http://i.viget.com Tabo Bell http://m.tacobell.com Element Fusion http://elementfusion.com Snook http://m.snook.ca Coosh http://coosh.com/iphone/ M1K3 ht..

레이아웃과 관련된 리서치를 하다가 알게된 곳. 재밌기도 하고 영감적이라서 소개하려한다. web site: http://madebyfudge.com/ Favicon의 모양의 디테일이나 Guidline이나 Transparency grid, Text-area의 Cursor를 살려낸 점이 재밌다. 즉물적인 느낌이 유치하게 보이는 면이 있지만 각가의 구성요소(Background,Cursor 등)를 web의 형태와 어울러지게 구성한 점이 마음에 든다. 휠을 조작하면 Guidline안에서 화면이 움직이는데 그리드를 이용한 모듈적인 접근이 인상적이다

도시바에서 제스처로 움직이는 TV를 개발하여 시연하는 동영상을 본적이 있습니다. 영화속에서 봤던 장면들이 제품으로 나오게 되니 신기하게 느껴졌지만 더 불편하지 않을까 생각이 들었습니다. 거의 대부분 TV 앞에 누워 리모콘으로 손가락만 움직이고 싶어하지 않을까요? 밑에 영상은 아이언맨2에서 나오는 미래의 모습입니다. 이미 2002년 마이너리티리포트에서 보여진 모습들이지만 그때 보다 휠신 현실적으로 다가오는거 같습니다. 그만큼 기술의 발전을 봐와서 그러겠지만 그보다 로버트 다우니 주니어의 연기가 정말 뛰어난거 같네요..ㅎㅎ