SlideShare a Scribd company logo
2012.06.07	
  
                                                                                                                                             UX	
  Lab
                                                                                                                                     LEE	
  NAMMIN




MM	
  '10	
  Proceedings	
  of	
  the	
  interna4onal	
  conference	
  on	
  Mul4media

MindFinder:	
  
interac-ve	
  sketch-­‐based	
  image	
  search	
  on	
  millions	
  of	
  images
                                     Yang	
  Cao,	
  Hai	
  Wang,	
  Changhu	
  Wang,	
  Zhiwei	
  Li,	
  Liquing	
  Zhang,	
  Lei	
  Zhang
                                                                                                             @MicrosoI	
  Research	
       	
  


                                                                              Keywords:	
  
                                                                               Query	
  formula4on          Search	
  process      User	
  interface

                                                                               Informa4on	
  search         Interac4ve	
  search

                                                                               User	
  centered	
  design
MOTIVATION

| Is text-based query sufficient?




   “어우. 이거 뭐라고 써야되지?”

    a text query is usually too ambiguous to properly convey user’s search
                                                               intentions.
MOTIVATION

| 기존의 검색 방식들

  •text-based : 많이 사용되고 있지만 심상 이미지를 텍스트 형태로 만들기란 어려움.
  •content-based : 이미지 소스가 없으면 사용할 수 없음.



To overcome existing problems,
a natural solution is to enable users to flexibly express what they want.



| 어떻게?
  •심상 이미지의 형태를 스케치하도록 해서,
  •기존의 text-based 검색에서처럼 태그도 이용할 수 있게 해서,
  •몇가지 지배적인 색을 지정할 수 있도록 해서,
INTRODUCTION
| Sketch-based
 터치 디바이스 보편화 -> 스케치를 기반으로 한 기능이 동작하기에 충분한 환경이 마련됨.

 among  various  query  modalities,  sketch  is  probably  the  most  challenging  one.
 1990년부터 연구되어왔지만, 다음 세 가지 문제요소 때문에 뚜렷한 성과가 없었음.


 | the 1st barrier
    There  is  an  unavoidable  gap  between  the  binary  map  sketched  by  the  user  and  
    full  color  natural  images  in  the  database.

 | the 2nd barrier
    the  difficulty  in  meeting  the  requirement  for  both  efficiency  and  accuracy  when  
    matching  a  query  sketch  with  curves  in  a  natural  image.

 | the 3rd barrier
    Most  existing  sketch-based  search  engines  have  no  indexing  mechanism.
INTRODUCTION
| revisit these problems, and have achieved very promising results.

 | the 1st barrier : representation
    To  bridge  the  gap,  we  represent  a  natural  image  by  its  salient  curves,  which  
    has  potential  to  be  closer  to  the  sketch  queries  from  users.

 | the 2nd barrier : matching
    a  raw  curve-based  algorithm  is  used  to  efficiently  and  precisely  calculate  the  
    similarity  between  the  salient  curve  representation  of  natural  images  and  a  user’s  
    sketch  query.

 | the 3rd barrier : indexing
    design  an  indexing  strategy  to  speed  up  the  matching  process  and  make  the  
    system  scalable  to  millions  of  images.  
    :  the  first  large-scale  indexing  framework
INTRODUCTION
| MindFinder

It is a real-time sketch-based image search engine.




the  task  suddenly  becomes  much  easier.
by  simply  drawing  the  appearance  of  the  pendant.



gives  us  the  ability  to  better  express  our  search  intentions  using  a  
simple  sketch.
INTRODUCTION
| Mechanism

It enables users to flexibly express search intention by interactively
sketching, tagging and coloring.




                                                          over 2 million
                                                          web images
SYSTEM	
  OVERVIEW
| Interface
SYSTEM	
  OVERVIEW

| Sketch Querying
  기본적으로 스케치로 찾는 기능이 메인.
  스케치 패널에 심상 이미지의 윤곽선을 그리면 동적으로 결과패널이 업데이트 됨.

  The  sketch-based  search  in  our  system  is  precise  and  structure-sensitive,  which  
  guarantees  that  the  curves  in  natural  images  are  highly  matched  with  the  strokes  
  drawn  by  users.
SYSTEM	
  OVERVIEW

| Sketch + Tag Querying
  스케치 패널에서 텍스트 모드로 변경하고 타이핑하거나,
  링바에 나타나있는 일반적으로 많이 사용하는 태그들을 스케치 패널에 드래그 앤 드랍

  By  only  using  the  keyword-based  search,  top  images  were  diverse  and  far  from  the  
  user’s  intention.  After  adding  a  sketch  query  to  confine  the  main  structures,  all  top  
  results  met  the  user’s  requirement.
SYSTEM	
  OVERVIEW

| Sketch + Tag + Color Querying
  지배적인 특정 색상에 대한 색상 쿼리를 입력하거나, 링 바에 있는 컬러 바에서 색을 선택

  by  specifying  a  certain  dominant  color,  the  user  could  easily  find  pictures  of  that  in  
  any  color  she/he  wants.  Besides,  the  composition  of  the  returned  images  still  meet  
  the  user’s  search  intention.
TECHNICAL	
  DETAILS
| back-end database
  2,114,085  Flicker  photos  with  tag  information  using  the  top  1000  hot  queries.

  downsampled  each  image  to  a  suitable  size
  adopted  a  saliency  discovering  method  to  extract  major  curves
  each  full  color  images  is  transformed  into  a  binary  map

| matching
  adopted  an  raw  curve-based  algorithm  to  achieve  precise  matching


| indexing
  further  speeded  up  by  an  index  structure.

  The  tag  and  color  features  are  indexed  by  inverted  file  structures,  which  totally  
  take  less  than  1GB  memory.  The  sketch  index  occupies  less  than  7GB  memory,  and  
  thus  MindFinder  could  be  easily  applied  on  a  normal  Intel  machine.

  all  index  structures  were  pre-built  offline,  by  our  well  designed  architecture,  a  
  typical  response  time  of    a  complex  query  is  between  1  and  2  seconds.
TECHNICAL	
  DETAILS
| collaborate multimodal search conditions
  A  simple  way,
  각 조건에 따라 따로 찾아서 나중에 하나의 리스트로 머지하는 방법.

  -> 규모가 큰 데이터베이스에서는 오버랩 되는 이미지들이 적을 것이기 때문에
  머지했을 때 결과가 별로 없을 확률이 높음.

                                           tag  :  to  cross  the  semantic  gap
   To  deal  with  this  problem,
   we  use  only  one  query  type  in  the  mixed  query  to  retrieve  an  image  set,  and  other  
   query  types  are  worked  as  reranking  conditions  on  this  set.  
RESULT
| search result
RESULT
| interactive searching
RESULT
| comparison between MindFinder & traditional search engine
the	
  sketch-­‐based	
  search	
  is	
  more	
  
accurate	
  and	
  convenient	
  than	
  the	
  
tradi-onal	
  search	
  when	
  a	
  user’s	
  
search	
  intent	
  is	
  specific	
  and	
  
complex.
CONCLUSIONS
| main contributions

  •MindFinder	
  is	
  the	
  1st	
  sketch-­‐based	
  mul-modal	
  search	
  engine	
  for	
  more	
  than	
  
  two	
  million	
  web	
  images.

  •Our	
  system	
  provides	
  a	
  convenient	
  interface	
  for	
  users	
  to	
  freely	
  express	
  their	
  
  search	
  inten-ons,	
  and	
  enables	
  real-­‐-me	
  interac-ons	
  for	
  users	
  to	
  more	
  efficiently	
  
  locate	
  their	
  desired	
  images.

  •It	
  is	
  the	
  1st	
  index-­‐based	
  query-­‐by-­‐sketch	
  solu-on	
  for	
  million	
  level	
  database.
+


일단은,
뭔가 되게 반갑다!!
+
| approach
 단순해 보이지만, 기본으로 돌아가서
 “표현하기 어려우면 표현하는 것을 도와주면 되잖아!”

| process
 왜 스케치 기반의 디자인을 생각하게 되었는지에 대해 궁금.

| mechanism
 심상(목표)이 구체적이고 복잡한 경우로 한정지었음.
 이미 상용화된거라면, 이 기능을 통해 이미지를 찾아가는 과정을 살폈다면
 내 논문이 더 간결해졌을텐데! (심상 형성 -> 타협의 과정)

| contributions
 간단한 서베이나 인터뷰 등의 UT를 통해 나온 데이터를 바탕으로 이야기했으면 좋았을 것!


 우리가 쓴다면, 아마 이 논문의 앞단계의 사용자 조사와 디자인, 그리고 평가까지..
 재밌었겠다는 상상
EOD




THANK	
  YOU

More Related Content

Viewers also liked

ITCT 사용자 중심 디자인 특강 - spoqa 남유정 UX designer
ITCT 사용자 중심 디자인 특강 - spoqa 남유정 UX designerITCT 사용자 중심 디자인 특강 - spoqa 남유정 UX designer
ITCT 사용자 중심 디자인 특강 - spoqa 남유정 UX designer
Department of Digital Contents Convergence, Seoul National Univercity
 
Travelex touristcultures chp4_nammin
Travelex touristcultures chp4_namminTravelex touristcultures chp4_nammin
Travelex touristcultures chp4_nammin
Nammin Lee
 
[De]여행수업 소개자료 final
[De]여행수업 소개자료 final[De]여행수업 소개자료 final
[De]여행수업 소개자료 final
Mingi Pyo
 
W3C HTML5 CT Forum 2016 - Revisited
W3C HTML5 CT Forum 2016 - RevisitedW3C HTML5 CT Forum 2016 - Revisited
W3C HTML5 CT Forum 2016 - Revisited
Minjoon Kim
 
My Phone and Me: Understanding People's Receptivity to Mobile Notifications
My Phone and Me: Understanding People's Receptivity to Mobile Notifications My Phone and Me: Understanding People's Receptivity to Mobile Notifications
My Phone and Me: Understanding People's Receptivity to Mobile Notifications
Hyesoo Yoo
 
The Effect of Communication Channel and Visual Awareness Display on Coordinat...
The Effect of Communication Channel and Visual Awareness Display on Coordinat...The Effect of Communication Channel and Visual Awareness Display on Coordinat...
The Effect of Communication Channel and Visual Awareness Display on Coordinat...
Hyesoo Yoo
 
Beyond post it snuux
Beyond post it snuuxBeyond post it snuux
Beyond post it snuux
Seoul National University
 
무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall
무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall
무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall
Seoul National University
 
Data experience: Pre-emption
Data experience: Pre-emptionData experience: Pre-emption
Data experience: Pre-emption
Seoul National University
 
쏘카 경험 분석
쏘카 경험 분석쏘카 경험 분석
쏘카 경험 분석
Seoul National University
 
UX 디자인 7가지 비밀: 비밀 4
UX 디자인 7가지 비밀: 비밀 4UX 디자인 7가지 비밀: 비밀 4
UX 디자인 7가지 비밀: 비밀 4
Nammin Lee
 
해시태그 검색의 전략에 관한 연구
해시태그 검색의 전략에 관한 연구해시태그 검색의 전략에 관한 연구
해시태그 검색의 전략에 관한 연구
Nuri Na
 
The future sign and its three dimensions
The future sign and  its three dimensionsThe future sign and  its three dimensions
The future sign and its three dimensions
Nuri Na
 
2011 Travel Experience
2011 Travel Experience 2011 Travel Experience
2011 Travel Experience
Nammin Lee
 

Viewers also liked (14)

ITCT 사용자 중심 디자인 특강 - spoqa 남유정 UX designer
ITCT 사용자 중심 디자인 특강 - spoqa 남유정 UX designerITCT 사용자 중심 디자인 특강 - spoqa 남유정 UX designer
ITCT 사용자 중심 디자인 특강 - spoqa 남유정 UX designer
 
Travelex touristcultures chp4_nammin
Travelex touristcultures chp4_namminTravelex touristcultures chp4_nammin
Travelex touristcultures chp4_nammin
 
[De]여행수업 소개자료 final
[De]여행수업 소개자료 final[De]여행수업 소개자료 final
[De]여행수업 소개자료 final
 
W3C HTML5 CT Forum 2016 - Revisited
W3C HTML5 CT Forum 2016 - RevisitedW3C HTML5 CT Forum 2016 - Revisited
W3C HTML5 CT Forum 2016 - Revisited
 
My Phone and Me: Understanding People's Receptivity to Mobile Notifications
My Phone and Me: Understanding People's Receptivity to Mobile Notifications My Phone and Me: Understanding People's Receptivity to Mobile Notifications
My Phone and Me: Understanding People's Receptivity to Mobile Notifications
 
The Effect of Communication Channel and Visual Awareness Display on Coordinat...
The Effect of Communication Channel and Visual Awareness Display on Coordinat...The Effect of Communication Channel and Visual Awareness Display on Coordinat...
The Effect of Communication Channel and Visual Awareness Display on Coordinat...
 
Beyond post it snuux
Beyond post it snuuxBeyond post it snuux
Beyond post it snuux
 
무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall
무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall
무엇을 만들 것인가_창의융합프로젝트_자유전공학부_2014_fall
 
Data experience: Pre-emption
Data experience: Pre-emptionData experience: Pre-emption
Data experience: Pre-emption
 
쏘카 경험 분석
쏘카 경험 분석쏘카 경험 분석
쏘카 경험 분석
 
UX 디자인 7가지 비밀: 비밀 4
UX 디자인 7가지 비밀: 비밀 4UX 디자인 7가지 비밀: 비밀 4
UX 디자인 7가지 비밀: 비밀 4
 
해시태그 검색의 전략에 관한 연구
해시태그 검색의 전략에 관한 연구해시태그 검색의 전략에 관한 연구
해시태그 검색의 전략에 관한 연구
 
The future sign and its three dimensions
The future sign and  its three dimensionsThe future sign and  its three dimensions
The future sign and its three dimensions
 
2011 Travel Experience
2011 Travel Experience 2011 Travel Experience
2011 Travel Experience
 

Similar to Mind finder: interactive sketch-based image search on millions of images

18
1818
18
1818
M phil-computer-science-pattern-recognition-projects
M phil-computer-science-pattern-recognition-projectsM phil-computer-science-pattern-recognition-projects
M phil-computer-science-pattern-recognition-projects
Vijay Karan
 
IRJET- Image Seeker:Finding Similar Images
IRJET- Image Seeker:Finding Similar ImagesIRJET- Image Seeker:Finding Similar Images
IRJET- Image Seeker:Finding Similar Images
IRJET Journal
 
HABIB FIGA GUYE {BULE HORA UNIVERSITY}(habibifiga@gmail.com
HABIB FIGA GUYE {BULE HORA UNIVERSITY}(habibifiga@gmail.comHABIB FIGA GUYE {BULE HORA UNIVERSITY}(habibifiga@gmail.com
HABIB FIGA GUYE {BULE HORA UNIVERSITY}(habibifiga@gmail.com
HABIB FIGA GUYE
 
A NOVEL WEB IMAGE RE-RANKING APPROACH BASED ON QUERY SPECIFIC SEMANTIC SIGNAT...
A NOVEL WEB IMAGE RE-RANKING APPROACH BASED ON QUERY SPECIFIC SEMANTIC SIGNAT...A NOVEL WEB IMAGE RE-RANKING APPROACH BASED ON QUERY SPECIFIC SEMANTIC SIGNAT...
A NOVEL WEB IMAGE RE-RANKING APPROACH BASED ON QUERY SPECIFIC SEMANTIC SIGNAT...
Journal For Research
 
Image based search engine
Image based search engineImage based search engine
Image based search engine
IRJET Journal
 
Precision face image retrieval by extracting the face features and comparing ...
Precision face image retrieval by extracting the face features and comparing ...Precision face image retrieval by extracting the face features and comparing ...
Precision face image retrieval by extracting the face features and comparing ...
prjpublications
 
Web crawler with email extractor and image extractor
Web crawler with email extractor and image extractorWeb crawler with email extractor and image extractor
Web crawler with email extractor and image extractor
Abhinav Gupta
 
Makine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine Learning
Makine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine LearningMakine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine Learning
Makine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine Learning
Ali Alkan
 
Beyond TensorBoard: AutoML을 위한 interactive visual analytics 서비스 개발 경험 공유
Beyond TensorBoard: AutoML을 위한 interactive visual analytics 서비스 개발 경험 공유Beyond TensorBoard: AutoML을 위한 interactive visual analytics 서비스 개발 경험 공유
Beyond TensorBoard: AutoML을 위한 interactive visual analytics 서비스 개발 경험 공유
NAVER Engineering
 
Ko3419161921
Ko3419161921Ko3419161921
Ko3419161921
IJERA Editor
 
CONTENT BASED IMAGE RETRIEVAL SYSTEM
CONTENT BASED IMAGE RETRIEVAL SYSTEMCONTENT BASED IMAGE RETRIEVAL SYSTEM
CONTENT BASED IMAGE RETRIEVAL SYSTEM
Vamsi IV
 
Content Based Image and Video Retrieval Algorithm
Content Based Image and Video Retrieval AlgorithmContent Based Image and Video Retrieval Algorithm
Content Based Image and Video Retrieval Algorithm
Akshit Bum
 
A Review on User Personalized Tag Based Image Search by Tag Relevance
A Review on User Personalized Tag Based Image Search by Tag RelevanceA Review on User Personalized Tag Based Image Search by Tag Relevance
A Review on User Personalized Tag Based Image Search by Tag Relevance
IRJET Journal
 
IRJET-A Review on User Personalized Tag Based Image Search by Tag Relevance
IRJET-A Review on User Personalized Tag Based Image Search by Tag RelevanceIRJET-A Review on User Personalized Tag Based Image Search by Tag Relevance
IRJET-A Review on User Personalized Tag Based Image Search by Tag Relevance
IRJET Journal
 
Research Inventy : International Journal of Engineering and Science is publis...
Research Inventy : International Journal of Engineering and Science is publis...Research Inventy : International Journal of Engineering and Science is publis...
Research Inventy : International Journal of Engineering and Science is publis...
researchinventy
 
Research Inventy: International Journal of Engineering and Science
Research Inventy: International Journal of Engineering and ScienceResearch Inventy: International Journal of Engineering and Science
Research Inventy: International Journal of Engineering and Science
researchinventy
 
10
1010
10
1010

Similar to Mind finder: interactive sketch-based image search on millions of images (20)

18
1818
18
 
18
1818
18
 
M phil-computer-science-pattern-recognition-projects
M phil-computer-science-pattern-recognition-projectsM phil-computer-science-pattern-recognition-projects
M phil-computer-science-pattern-recognition-projects
 
IRJET- Image Seeker:Finding Similar Images
IRJET- Image Seeker:Finding Similar ImagesIRJET- Image Seeker:Finding Similar Images
IRJET- Image Seeker:Finding Similar Images
 
HABIB FIGA GUYE {BULE HORA UNIVERSITY}(habibifiga@gmail.com
HABIB FIGA GUYE {BULE HORA UNIVERSITY}(habibifiga@gmail.comHABIB FIGA GUYE {BULE HORA UNIVERSITY}(habibifiga@gmail.com
HABIB FIGA GUYE {BULE HORA UNIVERSITY}(habibifiga@gmail.com
 
A NOVEL WEB IMAGE RE-RANKING APPROACH BASED ON QUERY SPECIFIC SEMANTIC SIGNAT...
A NOVEL WEB IMAGE RE-RANKING APPROACH BASED ON QUERY SPECIFIC SEMANTIC SIGNAT...A NOVEL WEB IMAGE RE-RANKING APPROACH BASED ON QUERY SPECIFIC SEMANTIC SIGNAT...
A NOVEL WEB IMAGE RE-RANKING APPROACH BASED ON QUERY SPECIFIC SEMANTIC SIGNAT...
 
Image based search engine
Image based search engineImage based search engine
Image based search engine
 
Precision face image retrieval by extracting the face features and comparing ...
Precision face image retrieval by extracting the face features and comparing ...Precision face image retrieval by extracting the face features and comparing ...
Precision face image retrieval by extracting the face features and comparing ...
 
Web crawler with email extractor and image extractor
Web crawler with email extractor and image extractorWeb crawler with email extractor and image extractor
Web crawler with email extractor and image extractor
 
Makine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine Learning
Makine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine LearningMakine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine Learning
Makine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine Learning
 
Beyond TensorBoard: AutoML을 위한 interactive visual analytics 서비스 개발 경험 공유
Beyond TensorBoard: AutoML을 위한 interactive visual analytics 서비스 개발 경험 공유Beyond TensorBoard: AutoML을 위한 interactive visual analytics 서비스 개발 경험 공유
Beyond TensorBoard: AutoML을 위한 interactive visual analytics 서비스 개발 경험 공유
 
Ko3419161921
Ko3419161921Ko3419161921
Ko3419161921
 
CONTENT BASED IMAGE RETRIEVAL SYSTEM
CONTENT BASED IMAGE RETRIEVAL SYSTEMCONTENT BASED IMAGE RETRIEVAL SYSTEM
CONTENT BASED IMAGE RETRIEVAL SYSTEM
 
Content Based Image and Video Retrieval Algorithm
Content Based Image and Video Retrieval AlgorithmContent Based Image and Video Retrieval Algorithm
Content Based Image and Video Retrieval Algorithm
 
A Review on User Personalized Tag Based Image Search by Tag Relevance
A Review on User Personalized Tag Based Image Search by Tag RelevanceA Review on User Personalized Tag Based Image Search by Tag Relevance
A Review on User Personalized Tag Based Image Search by Tag Relevance
 
IRJET-A Review on User Personalized Tag Based Image Search by Tag Relevance
IRJET-A Review on User Personalized Tag Based Image Search by Tag RelevanceIRJET-A Review on User Personalized Tag Based Image Search by Tag Relevance
IRJET-A Review on User Personalized Tag Based Image Search by Tag Relevance
 
Research Inventy : International Journal of Engineering and Science is publis...
Research Inventy : International Journal of Engineering and Science is publis...Research Inventy : International Journal of Engineering and Science is publis...
Research Inventy : International Journal of Engineering and Science is publis...
 
Research Inventy: International Journal of Engineering and Science
Research Inventy: International Journal of Engineering and ScienceResearch Inventy: International Journal of Engineering and Science
Research Inventy: International Journal of Engineering and Science
 
10
1010
10
 
10
1010
10
 

More from Nammin Lee

Understanding the everyday use of images on the web
Understanding the everyday use of images on the webUnderstanding the everyday use of images on the web
Understanding the everyday use of images on the webNammin Lee
 
The effects of customer participation in co-created service recovery
The effects of customer participation in co-created service recoveryThe effects of customer participation in co-created service recovery
The effects of customer participation in co-created service recoveryNammin Lee
 
Interactive sound design final pt
Interactive sound design final ptInteractive sound design final pt
Interactive sound design final ptNammin Lee
 
Expressive processing - Making Models
Expressive processing - Making ModelsExpressive processing - Making Models
Expressive processing - Making Models
Nammin Lee
 
HIB - 경험의해체
HIB - 경험의해체HIB - 경험의해체
HIB - 경험의해체Nammin Lee
 
HIB - 기록이 아닌 기록
HIB - 기록이 아닌 기록HIB - 기록이 아닌 기록
HIB - 기록이 아닌 기록
Nammin Lee
 
HCI task anaysis : ASIMO
HCI task anaysis : ASIMOHCI task anaysis : ASIMO
HCI task anaysis : ASIMO
Nammin Lee
 
Hci 4 - 실행차, 평가차 사례
Hci 4 - 실행차, 평가차 사례Hci 4 - 실행차, 평가차 사례
Hci 4 - 실행차, 평가차 사례Nammin Lee
 
reading_인지심리학
reading_인지심리학reading_인지심리학
reading_인지심리학
Nammin Lee
 

More from Nammin Lee (11)

Understanding the everyday use of images on the web
Understanding the everyday use of images on the webUnderstanding the everyday use of images on the web
Understanding the everyday use of images on the web
 
The effects of customer participation in co-created service recovery
The effects of customer participation in co-created service recoveryThe effects of customer participation in co-created service recovery
The effects of customer participation in co-created service recovery
 
LBS marketing
LBS marketingLBS marketing
LBS marketing
 
Interactive sound design final pt
Interactive sound design final ptInteractive sound design final pt
Interactive sound design final pt
 
Expressive processing - Making Models
Expressive processing - Making ModelsExpressive processing - Making Models
Expressive processing - Making Models
 
HIB - isp
HIB - ispHIB - isp
HIB - isp
 
HIB - 경험의해체
HIB - 경험의해체HIB - 경험의해체
HIB - 경험의해체
 
HIB - 기록이 아닌 기록
HIB - 기록이 아닌 기록HIB - 기록이 아닌 기록
HIB - 기록이 아닌 기록
 
HCI task anaysis : ASIMO
HCI task anaysis : ASIMOHCI task anaysis : ASIMO
HCI task anaysis : ASIMO
 
Hci 4 - 실행차, 평가차 사례
Hci 4 - 실행차, 평가차 사례Hci 4 - 실행차, 평가차 사례
Hci 4 - 실행차, 평가차 사례
 
reading_인지심리학
reading_인지심리학reading_인지심리학
reading_인지심리학
 

Recently uploaded

一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
k4krdgxx
 
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdfADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
GregMichaelTapawan
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
k4krdgxx
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 
Rethinking Kållered │ From Big Box to a Reuse Hub: A Transformation Journey ...
Rethinking Kållered │  From Big Box to a Reuse Hub: A Transformation Journey ...Rethinking Kållered │  From Big Box to a Reuse Hub: A Transformation Journey ...
Rethinking Kållered │ From Big Box to a Reuse Hub: A Transformation Journey ...
SirmaDuztepeliler
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
340qn0m1
 
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
qbydc
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
t34zod9l
 
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
bel9p89b
 
Intel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelinesIntel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelines
EricHo305923
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
jafiradnan336
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
k4krdgxx
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
aprhf21y
 
Dilatometer for measurement of materials
Dilatometer for measurement of materialsDilatometer for measurement of materials
Dilatometer for measurement of materials
ankitsinglaisro
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
pavankumarpayexelsol
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
9lq7ultg
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
02tygie
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
kmzsy4kn
 

Recently uploaded (20)

一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
 
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdfADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 
Rethinking Kållered │ From Big Box to a Reuse Hub: A Transformation Journey ...
Rethinking Kållered │  From Big Box to a Reuse Hub: A Transformation Journey ...Rethinking Kållered │  From Big Box to a Reuse Hub: A Transformation Journey ...
Rethinking Kållered │ From Big Box to a Reuse Hub: A Transformation Journey ...
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
 
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
一比一原版(ucb毕业证书)英国伯明翰大学学院毕业证如何办理
 
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
一比一原版(UWS毕业证)澳洲西悉尼大学毕业证如何办理
 
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
一比一原版(UofT毕业证)加拿大多伦多大学毕业证如何办理
 
Intel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelinesIntel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelines
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
欧洲杯买球-欧洲杯买球买球网好的网站-欧洲杯买球哪里有正规的买球网站|【​网址​🎉ac123.net🎉​】
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
一比一原版(brunel毕业证书)布鲁内尔大学毕业证如何办理
 
Dilatometer for measurement of materials
Dilatometer for measurement of materialsDilatometer for measurement of materials
Dilatometer for measurement of materials
 
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build  Your Online Presence 2024.pptxBest Digital Marketing Strategy Build  Your Online Presence 2024.pptx
Best Digital Marketing Strategy Build Your Online Presence 2024.pptx
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
 

Mind finder: interactive sketch-based image search on millions of images

  • 1. 2012.06.07   UX  Lab LEE  NAMMIN MM  '10  Proceedings  of  the  interna4onal  conference  on  Mul4media MindFinder:   interac-ve  sketch-­‐based  image  search  on  millions  of  images Yang  Cao,  Hai  Wang,  Changhu  Wang,  Zhiwei  Li,  Liquing  Zhang,  Lei  Zhang @MicrosoI  Research     Keywords:   Query  formula4on Search  process User  interface Informa4on  search Interac4ve  search User  centered  design
  • 2. MOTIVATION | Is text-based query sufficient? “어우. 이거 뭐라고 써야되지?” a text query is usually too ambiguous to properly convey user’s search intentions.
  • 3. MOTIVATION | 기존의 검색 방식들 •text-based : 많이 사용되고 있지만 심상 이미지를 텍스트 형태로 만들기란 어려움. •content-based : 이미지 소스가 없으면 사용할 수 없음. To overcome existing problems, a natural solution is to enable users to flexibly express what they want. | 어떻게? •심상 이미지의 형태를 스케치하도록 해서, •기존의 text-based 검색에서처럼 태그도 이용할 수 있게 해서, •몇가지 지배적인 색을 지정할 수 있도록 해서,
  • 4. INTRODUCTION | Sketch-based 터치 디바이스 보편화 -> 스케치를 기반으로 한 기능이 동작하기에 충분한 환경이 마련됨. among  various  query  modalities,  sketch  is  probably  the  most  challenging  one. 1990년부터 연구되어왔지만, 다음 세 가지 문제요소 때문에 뚜렷한 성과가 없었음. | the 1st barrier There  is  an  unavoidable  gap  between  the  binary  map  sketched  by  the  user  and   full  color  natural  images  in  the  database. | the 2nd barrier the  difficulty  in  meeting  the  requirement  for  both  efficiency  and  accuracy  when   matching  a  query  sketch  with  curves  in  a  natural  image. | the 3rd barrier Most  existing  sketch-based  search  engines  have  no  indexing  mechanism.
  • 5. INTRODUCTION | revisit these problems, and have achieved very promising results. | the 1st barrier : representation To  bridge  the  gap,  we  represent  a  natural  image  by  its  salient  curves,  which   has  potential  to  be  closer  to  the  sketch  queries  from  users. | the 2nd barrier : matching a  raw  curve-based  algorithm  is  used  to  efficiently  and  precisely  calculate  the   similarity  between  the  salient  curve  representation  of  natural  images  and  a  user’s   sketch  query. | the 3rd barrier : indexing design  an  indexing  strategy  to  speed  up  the  matching  process  and  make  the   system  scalable  to  millions  of  images.   :  the  first  large-scale  indexing  framework
  • 6. INTRODUCTION | MindFinder It is a real-time sketch-based image search engine. the  task  suddenly  becomes  much  easier. by  simply  drawing  the  appearance  of  the  pendant. gives  us  the  ability  to  better  express  our  search  intentions  using  a   simple  sketch.
  • 7. INTRODUCTION | Mechanism It enables users to flexibly express search intention by interactively sketching, tagging and coloring. over 2 million web images
  • 9. SYSTEM  OVERVIEW | Sketch Querying 기본적으로 스케치로 찾는 기능이 메인. 스케치 패널에 심상 이미지의 윤곽선을 그리면 동적으로 결과패널이 업데이트 됨. The  sketch-based  search  in  our  system  is  precise  and  structure-sensitive,  which   guarantees  that  the  curves  in  natural  images  are  highly  matched  with  the  strokes   drawn  by  users.
  • 10. SYSTEM  OVERVIEW | Sketch + Tag Querying 스케치 패널에서 텍스트 모드로 변경하고 타이핑하거나, 링바에 나타나있는 일반적으로 많이 사용하는 태그들을 스케치 패널에 드래그 앤 드랍 By  only  using  the  keyword-based  search,  top  images  were  diverse  and  far  from  the   user’s  intention.  After  adding  a  sketch  query  to  confine  the  main  structures,  all  top   results  met  the  user’s  requirement.
  • 11. SYSTEM  OVERVIEW | Sketch + Tag + Color Querying 지배적인 특정 색상에 대한 색상 쿼리를 입력하거나, 링 바에 있는 컬러 바에서 색을 선택 by  specifying  a  certain  dominant  color,  the  user  could  easily  find  pictures  of  that  in   any  color  she/he  wants.  Besides,  the  composition  of  the  returned  images  still  meet   the  user’s  search  intention.
  • 12. TECHNICAL  DETAILS | back-end database 2,114,085  Flicker  photos  with  tag  information  using  the  top  1000  hot  queries. downsampled  each  image  to  a  suitable  size adopted  a  saliency  discovering  method  to  extract  major  curves each  full  color  images  is  transformed  into  a  binary  map | matching adopted  an  raw  curve-based  algorithm  to  achieve  precise  matching | indexing further  speeded  up  by  an  index  structure. The  tag  and  color  features  are  indexed  by  inverted  file  structures,  which  totally   take  less  than  1GB  memory.  The  sketch  index  occupies  less  than  7GB  memory,  and   thus  MindFinder  could  be  easily  applied  on  a  normal  Intel  machine. all  index  structures  were  pre-built  offline,  by  our  well  designed  architecture,  a   typical  response  time  of    a  complex  query  is  between  1  and  2  seconds.
  • 13. TECHNICAL  DETAILS | collaborate multimodal search conditions A  simple  way, 각 조건에 따라 따로 찾아서 나중에 하나의 리스트로 머지하는 방법. -> 규모가 큰 데이터베이스에서는 오버랩 되는 이미지들이 적을 것이기 때문에 머지했을 때 결과가 별로 없을 확률이 높음. tag  :  to  cross  the  semantic  gap To  deal  with  this  problem, we  use  only  one  query  type  in  the  mixed  query  to  retrieve  an  image  set,  and  other   query  types  are  worked  as  reranking  conditions  on  this  set.  
  • 16. RESULT | comparison between MindFinder & traditional search engine the  sketch-­‐based  search  is  more   accurate  and  convenient  than  the   tradi-onal  search  when  a  user’s   search  intent  is  specific  and   complex.
  • 17. CONCLUSIONS | main contributions •MindFinder  is  the  1st  sketch-­‐based  mul-modal  search  engine  for  more  than   two  million  web  images. •Our  system  provides  a  convenient  interface  for  users  to  freely  express  their   search  inten-ons,  and  enables  real-­‐-me  interac-ons  for  users  to  more  efficiently   locate  their  desired  images. •It  is  the  1st  index-­‐based  query-­‐by-­‐sketch  solu-on  for  million  level  database.
  • 19. + | approach 단순해 보이지만, 기본으로 돌아가서 “표현하기 어려우면 표현하는 것을 도와주면 되잖아!” | process 왜 스케치 기반의 디자인을 생각하게 되었는지에 대해 궁금. | mechanism 심상(목표)이 구체적이고 복잡한 경우로 한정지었음. 이미 상용화된거라면, 이 기능을 통해 이미지를 찾아가는 과정을 살폈다면 내 논문이 더 간결해졌을텐데! (심상 형성 -> 타협의 과정) | contributions 간단한 서베이나 인터뷰 등의 UT를 통해 나온 데이터를 바탕으로 이야기했으면 좋았을 것! 우리가 쓴다면, 아마 이 논문의 앞단계의 사용자 조사와 디자인, 그리고 평가까지.. 재밌었겠다는 상상