본문 바로가기

전체 글

[Affordance] 노주환의 유저인터페이스- 어포던스(Affordance): 2부 원문: http://blog.naver.com/ksyaloha/80007448716 [노주환의 유저인터페이스] 어포던스(Affordance): 2부 저자: 노주환 | 날짜:2004년 10월 11일 앞의 글에서 링크된 텍스트의 밑줄은 클릭을 유발시키는 일종의 어포던스라고 볼 수 있다고 했다. 이에 링크된 텍스트의 밑줄은 하이퍼링크에 대한 약속을 표현한 것이므로 밑줄 그 자체가 어포던스를 내포하지는 않는다는 의견이 제기됐다. 물론 학습되지 않은 사용자에게 밑줄은 ‘강조’의 의미지만, 이미 인터넷 환경에 학습된 대다수의 사용자에게 텍스트의 밑줄은 ‘링크’를 의미할 것이다. 그리고 이것은 보는 텍스트가 아니라 마우스로 클릭해야 하는 텍스트로 간주되며, 밑줄이 없는 텍스트보다는 밑줄이 있는 텍스트가 더 클릭하고 .. 더보기
[PMP] Creative PMP 출처: ideaholic 더보기
[PMP] Clio UI 출처: 아이디어 홀릭 더보기
[UMPC] MS 오리가미-UMPC의 모든 것 ''MS 오리가미'' UMPC의 모든것 세계일보|기사입력 2006-03-10 15:57 |최종수정2006-03-10 15:57 독일 정보기술 박람회 ''세빗(CeBIT) 2006'' 개막에 앞서 마이크로소프트(MS)의 오리가미(Origami) 프로젝트가 공식 신문인 세빗뉴스(http://www.cebitnews.com)에 공개된 뒤 관련 정보가 끊임없이 쏟아지고 있다. ◆오리가미는 ''울트라모바일 PC(UMPC)'' = 오리가미 프로젝트는 MS가 다른 하드웨어 업체들과 함께 추진하고 있는 울트라모바일 PC(Ultra-Mobile Person Computers)인 것으로 최종 확인됐다. MS는 그 동안 오리가미 프로젝트(http://www.origamiproject.com) 웹사이트를 통해 3주 동안 티저.. 더보기
UXD 블로그 Skin 용 블로그 기본 설정에 사용할만한 사진들.. 1. 마조히스트들을 위한 주전자 이 주전자는 도널드 노먼의 디자인과 인간심리의 표지를 장식하기도 하다. 그의 저서 '이모셔널 디자인'에서 밝히고 있듯이 행동적 디자인에는 미치지 못하지만 그의 반성적 디자인이라는 관점에는 심히 만족을 하고 있는 주전자이다. 결국 사용자들의 구매욕구를 충족시키기 위해서는 사용하기 편리한 것, 즉 사용성만이 전부가 아니라고 할 수 있겠다.. 2. Marlyn Univ.에서 진행했었던 프로젝트중 하나였던 것으로 기억한다. 초등학생들이 전자 도서관에대한 Drawing을 한 사례이다. 분명 초등학생들도 사용자 디자인의 참여자로써 충분한 제 몫을 해내고 있다. 1. 어린이 가정집 사진.. 초등학교 1학년 학생 방이었는데, 카트라이더 휴지 걸이.. 더보기
HCI관련 관심 서적(2008/01) 2008년 3월까지- 1. 월드와이드웹을 위한 인포메이션 아키텍쳐(IA의 교과서) http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&mallGb=KOR&barcode=9788979142273&orderClick=LAG http://www.kyobobook.co.kr/product/detailViewEng.laf?ejkGb=BNT&mallGb=ENG&barcode=6605965273496&orderClick=LAG 2. 유쾌한 이노베이션(톰켈리) http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&mallGb=KOR&barcode=9788984071032&orderClick=LAH 3.. 더보기
Affinity Diagram - Web Link nuno님의 블로그 http://link.allblog.net/5734288/http://nuno.isloco.com/entry/%EC%B5%9C%EA%B7%BC-%EA%B7%BC%ED%99%A9-Affinity-Diagram HCI Lab.블로그 http://hci.isloco.com/2304002 도비호님의 블로그 http://dobiho.com/?p=629 낯설지않은 엘렌스토리 http://blog.naver.com/cratia21/100037030747 더보기
Affinity Diagram -step Affinity Diagram 출처: http://www.skymark.com/pathmaker/captivateVideo/BrainstormTool.htm 참고 동영상: http://www.skymark.com/pathmaker/captivateVideo/BrainstormTool.htm (pathmaker - brainstorming tool) To create an affinity diagram, you sort the brainstormed list, moving ideas from the brainstorm into affinity sets, and creating groups of related ideas. As you sort ideas: Rapidly group ideas that seem.. 더보기