KR101699512B1

KR101699512B1 - 이미지 패닝 및 주밍 효과

Info

Publication number: KR101699512B1
Application number: KR1020157015417A
Authority: KR
Inventors: 마이클 메이터스
Original assignee: 페이스북, 인크.
Priority date: 2012-11-14
Filing date: 2013-10-30
Publication date: 2017-01-24
Also published as: JP5976949B2; CA2934124A1; US20140132638A1; IL238699A0; AU2013345254B2; US20160054878A1; JP6243487B2; US10459621B2; KR20150084966A; JP2018060552A; US9245312B2; CA2934124C; KR102121991B1; AU2016200817B2; KR20170007539A; WO2014078077A1; JP2016500188A; JP2017010567A; AU2013345254A1; AU2016200817A1

Abstract

일실시예로, 이미지가 전자 장치에 디스플레이될 때, 이미지는 이미지 또는 이미지의 열람자와 관련된 정보를 기초로 한 부분에서 다른 부분으로 패닝될 수 있다.

Description

이미지 패닝 및 주밍 효과{IMAGE PANNING AND ZOOMING EFFECT}

본 명세서는 일반적으로 사용자 인터페이스에 관한 것이다.

사람-기계 상호작용의 산업 디자인 분야에서 사용자 인터페이스(UI)는 사람과 기계 사이의 상호작용이 발생하는 공간이다. 사용자 인터페이스에서 흔히 "사용자"라고 하는 사람과 기계 사이의 상호작용의 목적은 (예컨대, 사용자 입력을 통한) 사용자의 기계 제어와 그 동작 및 (예컨대, 프로그램 출력을 통한) 기계 피드백이다. 그래픽 사용자 인터페이스(GUI)는 사용자가 오직 텍스트만의 명령보다는 멀티미디어 객체(예컨대, 이미지, 비디오, 오디오 등)를 통해 전자 장치나 컴퓨팅 장치에서 실행하는 소프트웨어 애플리케이션과 상호작용할 수 있게 하는 사용자 인터페이스의 타입이다.

특정 실시예로, 사용자에게 컨텐츠를 제시하기 위한 사용자 인터페이스는 계층적 구조를 가질 수 있다. 사용자 인터페이스는 임의의 수의 컨텐츠 섹션을 가질 수 있고, 각각의 컨텐츠 섹션은 임의의 수의 컨텐츠 아이템을 가질 수 있다. 컨텐츠 아이템은 임의의 타입 또는 포맷일 수 있다. 사용자는 컨텐츠 아이템의 일부를 소모하거나 이와 상호작용할 수 있다. 특정 실시예로, 각각의 컨텐츠 아이템은 사용자 인터페이스 요소에 해당할 수 있다.

특정 실시예로, 이미지(예컨대, 디지털 사진)가 전자 장치의 스크린에 디스플레이될 때, 이미지의 패닝(panning) 또는 주밍(zooming)이 이미지 또는 이미지의 열람자의 소셜 컨텍스트와 관련된 정보를 기초로 결정될 수 있다. 일부의 구현으로, 이미지의 패닝 또는 주밍은 관심의 대상에 대해 천천히 주밍하거나 이미지 내 한 대상에서 다른 대상으로 패닝함으로써 스틸 이미지(still image)에 움직임이 제공되는 켄 번즈(Ken Burns) 시각 효과를 시뮬레이션할 수 있다.

본 발명의 내용 중에 포함되어 있다.

도 1은 소셜 네트워킹 시스템과 관련된 예시적인 네트워크 환경을 도시한다.
도 2a 및 2b는 2개의 예시적인 모바일 전자 장치를 도시한다.
도 3은 예시적인 소셜 그래프를 도시한다.
도 4는 예시적인 객체 계층을 도시한다.
도 5a-5f는 이미지를 패닝하는 예를 도시한다.
도 6a-6c는 이미지를 주밍하는 예를 도시한다.
도 7은 임의의 사람들을 포함하지 않는 예시적인 이미지를 도시한다.
도 8은 예시적인 컴퓨터 시스템을 도시한다.

사용자 인터페이스(UI)는 사용자가 애플리케이션과 상호작용하고 애플리케이션을 제어할 수 있도록, 예컨대 데스크톱 애플리케이션, 모바일 애플리케이션 또는 웹-기반 애플리케이션을 포함하는 임의의 타입의 소프트웨어 애플리케이션으로 통합될 수 있다. 그래픽 사용자 인터페이스(GUI)는 예컨대 아이콘, 버튼, 메뉴, 이미지, 비디오 또는 오디오를 포함하는 멀티미디어 객체를 통해 소프트웨어 애플리케이션과 사용자가 상호작용할 수 있게 하는 사용자 인터페이스의 일종이다.

특정 실시예로, 소프트웨어 애플리케이션은 소셜 네트워킹 시스템과 관련이 있을 수 있다. 도 1은 소셜 네트워킹 시스템과 관련된 예시적인 네트워크 환경(100)을 도시한다. 네트워크 환경(100)은 네트워크(110)를 통해 서로 연결되는 사용자(101), 클라이언트 시스템(130), 소셜 네트워킹 시스템(160) 및 제3자 시스템(170)을 포함한다. 도 1은 사용자(101), 클라이언트 시스템(130), 소셜 네트워킹 시스템(160), 제3자 시스템(170) 및 네트워크(110)의 특정한 구성을 도시하지만, 본 명세서는 사용자(101), 클라이언트 시스템(130), 소셜 네트워킹 시스템(160), 제3자 시스템(170) 및 네트워크(110)의 임의의 적절한 구성을 고려한다. 예로서 제한 없이, 2 이상의 클라이언트 시스템(130), 소셜 네트워킹 시스템(160) 및 제3자 시스템(170)은 네트워크(110)를 우회하여 서로 직접적으로 연결될 수 있다. 또 다른 예로서, 2 이상의 클라이언트 시스템(130), 소셜 네트워킹 시스템(160) 및 제3자 시스템(170)은 전체적으로 또는 부분적으로 서로 물리적으로 또는 논리적으로 같은 장소에 배치될 수 있다. 게다가, 도 1은 특정한 수의 사용자(101), 클라이언트 시스템(130), 소셜 네트워킹 시스템(160), 제3자 시스템(170) 및 네트워크(110)를 도시하지만, 본 명세서는 임의의 적절한 수의 사용자(101), 클라이언트 시스템(130), 소셜 네트워킹 시스템(160), 제3자 시스템(170) 및 네트워크(110)를 고려한다. 예로서 제한 없이, 네트워크 환경(100)은 다수의 사용자(101), 클라이언트 시스템(130), 소셜 네트워킹 시스템(160), 제3자 시스템(170) 및 네트워크(110)를 포함할 수 있다.

특정 실시예로, 사용자(101)는 소셜 네트워크 시스템(160)에서 상호작용하거나 통신하는 개인(사람 사용자), 엔티티(예컨대, 기업, 사업체 또는 제3자 애플리케이션) 또는 (예컨대, 개인들 또는 엔티티의) 그룹일 수 있다. 특정 실시예로, 소셜 네트워킹 시스템(160)은 온라인 소셜 네트워크를 호스팅하는 네트워크-주소화 컴퓨팅 시스템일 수 있다. 소셜 네트워킹 시스템(160)은 예컨대 사용자 프로필 데이터, 컨셉 프로필 데이터, 소셜 그래프 정보 또는 온라인 소셜 네트워크에 관한 다른 적절한 데이터와 같은 소셜 네트워킹 데이터를 생성, 저장, 수신 및 전송할 수 있다. 소셜 네트워킹 시스템(160)은 직접 또는 네트워크(110)를 통해 네트워크 환경(100)의 다른 구성요소들에 의해 접근될 수 있다. 특정 실시예로, 소셜 네트워킹 시스템(160)은 소셜 네트워킹 시스템(160)에 의해 로그되거나, 예컨대 적절한 개인정보 설정을 설정하여 다른 시스템(예컨대, 제3자 시스템(170))과 공유되는 행위를 하는 사용자(101)가 참여할 수 있거나 참여하지 못하게 해주는 인가 서버(authorization server)를 포함할 수 있다. 특정 실시예로, 제3자 시스템(170)은 다양한 제3자 소프트웨어 애플리케이션(예컨대, 웹-기반 애플리케이션)를 호스팅할 수 있는 네트워크-주소화 컴퓨팅 시스템일 수 있다. 제3자 시스템(170)은 예컨대 텍스트, 이미지, 비디오 또는 오디오와 같은 다양한 타입의 데이터를 생성, 저장, 수신 및 전송할 수 있다. 제3자 시스템(170)은 직접 또는 네트워크(110)를 통해 네트워크 환경(100)의 다른 구성요소들에 의해 접근될 수 있다. 특정 실시예로, 하나 이상의 사용자(101)는 하나 이상의 클라이언트 시스템(130)을 사용하여 소셜 네트워킹 시스템(160) 또는 제3자 시스템(170)으로부터의 데이터에 접근하고, 그 데이터를 송신하며, 그 데이터를 수신할 수 있다. 클라이언트 시스템(130)은 직접, 네트워크(110)를 통해 또는 제3자 시스템을 통해 소셜 네트워킹 시스템(160) 또는 제3자 시스템(170)에 접근할 수 있다. 예로서 제한 없이, 클라이언트 시스템(130)은 소셜 네트워킹 시스템(160)을 통해 제3자 시스템(170)에 접근할 수 있다. 클라이언트 시스템(130)은 가령 개인용 컴퓨터, 랩톱 컴퓨터, 셀룰러 전화, 스마트폰 또는 태블릿 컴퓨터와 같은 임의의 적절한 컴퓨팅 장치일 수 있다.

본 명세서는 임의의 적절한 네트워크(110)를 고려한다. 예로서 제한 없이, 네트워크(110)의 하나 이상의 부분은 애드 혹 네트워크(ad hoc network), 인트라넷, 엑스트라넷, 가상 사설 네트워크(VPN), 근거리 네트워크(LAN), 무선 LAN(WLAN), 광역 네트워크(WAN), 무선 WAN(WWAN), 대도시 네트워크(MAN), 인터넷의 일부, 공중 전화망(PSTN)의 일부, 셀룰러 전화 네트워크, 또는 2 이상의 이들의 조합을 포함할 수 있다. 네트워크(110)는 하나 이상의 네트워크(110)를 포함할 수 있다.

링크(150)는 통신 네트워크(110)에 클라이언트 시스템(130), 소셜 네트워킹 시스템(160) 및 제3자 시스템(170)을 연결하거나 서로 연결할 수 있다. 본 명세서는 임의의 적절한 링크(150)를 고려한다. 특정 실시예에서, 하나 이상의 링크(150)는 하나 이상의 유선(가령, DSL(Digital Subscriber Line) 또는 DOCSIS(Data Over Cable Service Interface Specification)), 무선(가령, Wi-Fi 또는 WiMax(Worldwide Interoperability for Microwave Access)), 광학(가령, SONET(Synchronous Optical Network) 또는 SDH(Synchronous Digital Hierarchy)) 링크를 포함한다. 특정 실시예에서, 하나 이상의 링크(150) 각각은 애드혹 네트워크, 인트라넷, 익스트라넷, VPN, LAN, WLAN, WAN, WWAN, MAN, 인터넷의 부분, PSTN의 부분, 셀룰러 기술-기반 네트워크, 위성 통신 기술-기반 네트워크, 다른 링크(150) 또는 이런 링크(150)의 2 이상의 조합을 포함한다. 링크(150)는 네트워크 환경(100) 전체에 걸쳐 반드시 동일할 필요는 없다. 하나 이상의 제1 링크(150)는 하나 이상의 면에서, 하나 이상의 제2 링크(150)와 다를 수 있다.

특정 실시예로, 데이터(예컨대, 다양한 타입의 정보 또는 컨텐츠를 나타내는 데이터)는 소셜 네트워킹 시스템(160)과 관련된 서버와 개별적인 클라이언트 시스템(130) 사이에서 네트워크(110)를 통해 송신될 수 있다. 2개의 전자 장치(예컨대, 서버 및 클라이언트)가 네트워크(예컨대, 네트워크(110)와 같은 컴퓨터 또는 통신 네트워크)로 연결되는 경우, 데이터는 하나 이상의 적절한 네트워크 프로토콜을 사용하는 네트워크를 통해 2개의 장치 사이에서 전송될 수 있다. 네트워크는 임의의 수의 서브-네트워크를 포함할 수 있다. 2개의 장치 사이에서 데이터를 전송함으로써, 2개의 장치는 서로 통신할 수 있다.

네트워크 통신에서, 하나의 장치에서 다른 장치로 통신(즉, 데이터)을 송신하는 2가지 방법인 푸시(push) 및 풀(pull)이 있다. 푸시 기술로, 통신 처리에 대한 요청이 송신 장치에 의해 개시된다. 즉, 송신 장치는 소위 수신 장치로 통신을 "푸시"한다. 이 경우, 통신 처리에서 송신 장치는 능동적 당사자(active party)로 간주될 수 있고 수신 장치는 수동적 당사자(passive party)로 간주될 수 있다. 반대로, 풀 기술로, 통신 처리에 대한 요청이 수신 장치에 의해 개시된다. 즉, 수신 장치는 소위 송신 장치로부터 통신을 "풀"한다. 이 경우, 통신 처리에서 송신 장치는 수동적 당사자로 간주될 수 있고, 수신 장치는 능동적 당사자로 간주될 수 있다. 특정 실시예로, 소셜 네트워킹 시스템(160)과 관련된 서버는 데이터를 클라이언트 시스템(130)으로 푸시할 수 있다. 서버에서 클라이언트로 푸시된 통신은 "푸시 알림"이라고 일컬어질 수 있다. 마찬가지로, 클라이언트 시스템(130)은 소셜 네트워킹 시스템(160)과 관련된 서버로 데이터를 푸시할 수 있다.

특정 실시예로, 클라이언트 시스템(130)은 모바일 전자식 또는 컴퓨팅 장치일 수 있다. 가령 스마트폰, 태플릿 컴퓨터 또는 랩톱 컴퓨터와 같은 모바일 전자 장치는 GPS 수신기, 컴파스(compass) 또는 자이로스코프(gyroscope)와 같이 그것의 위치, 방향 또는 지향을 결정하기 위한 기능을 포함할 수 있다. 이런 모바일 장치는 또한 BLUETOOTH 통신, NFC(near-field communication)나 IR(적외선) 통신, 또는 WLAN(wireless local area network) 또는 셀룰러 전화 네트워크를 구비한 통신과 같은 무선 통신 기능을 포함할 수 있다. 이런 모바일 장치는 또한 하나 이상의 카메라, 스캐너, 터치스크린, 마이크로폰 또는 스피커를 포함할 수 있다. 모바일 전자 장치는 또한 게임, 웹 브라우저 또는 소셜 네트워킹 애플리케이션과 같은 소프트웨어 애플리케이션을 실행할 수 있다. 소셜 네트워킹 애플리케이션을 구비하여, 사용자는 그들의 소셜 네트워크 내의 다른 사용자들과 정보를 연결, 통신 및 공유할 수 있다.

특정 실시예로, 모바일 전자 장치(예컨대, 스마트폰 또는 태블릿 컴퓨터)는 터치 입력을 수신할 수 있는 터치스크린을 포함할 수 있다. 도 2a는 터치스크린(215)을 가진 예시적인 모바일 전자 장치(210)(예컨대, 스마트폰)를 도시한다. 터치스크린(215)은 (예컨대, 사용자의 손가락으로부터) 터치의 존재와 위치 또는 객체(예컨대, 스타일러스)의 근접성을 감지하기 위한 하나 이상의 터치 센서 및 터치 센서 컨트롤러를 포함할 수 있다. 특정 실시예로, 터치스크린(215)을 통해 감지된 특정 터치는 터치 입력 이벤트로 이어질 수 있다.

각기 다른 모바일 전자 장치들은 각기 다른 디자인을 가질 수 있다. 그 결과, 각기 다른 모바일 장치의 터치스크린의 크기, 모양 또는 종횡비(aspect ration)가 상이할 수 있다. 도 2b는 터치스크린(225)을 가진 또 다른 예시적인 모바일 전자 장치(220)(예컨대, 태블릿 컴퓨터)를 도시한다. 마찬가지로, 터치스크린(225)은 (예컨대, 사용자의 손가락으로부터) 터치의 존재와 위치 또는 객체(예컨대, 스타일러스)의 근접성을 감지하기 위한 하나 이상의 터치 센서 및 터치 센서 컨트롤러를 포함할 수 있다. 터치스크린(225)을 통해 감지된 특정 터치는 터치 입력 이벤트로 이어질 수 있다. 그러나, 모바일 전자 장치들(210 및 220)은 2개의 다른 타입의 장치이기 때문에, 그들의 각각의 터치스크린(215 및 225)은 상이한 크기 및 종횡비를 가진다.

다양한 타입의 터치 입력 이벤트에 해당하는, 가령 한 번의 탭(tap), 2번의 탭, 짧은 누름(press), 긴 누름, 슬라이드(slide), 스윕, 플립(flip), 핀치 오픈(pinch open) 또는 핀치 클로즈(pinch close)와 같은 다양한 타입의 터치 또는 동작이 있을 수 있다. 각기 다른 터치 입력 이벤트는 각기 다른 응답으로 이어질 수 있고, 본 명세서는 임의의 적용가능한 동작을 고려한다.

소셜 네트워킹 시스템(160)은 예컨대 사용자 데이터, 애플리케이션 데이터 또는 소셜 데이터를 포함하는 다양한 타입의 데이터를 저장할 수 있다. 특정 실시예로, 이런 데이터는 임의의 수의 노드와 에지를 가진 그래프에 저장될 수 있는데, 각각의 에지는 2개의 노드를 연결한다. 그래프는 그 중에서도 소셜 정보를 포함하기 때문에 흔히 "소셜 그래프" 또는 "오픈 그래프"라고 일컬어진다.

도 3은 예시적인 소셜 그래프(300)를 도시한다. 특정 실시예로, 소셜 네트워킹 시스템(160)은 하나 이상의 데이터 스토어에 하나 이상의 소셜 그래프(300)를 저장할 수 있다. 특정 실시예로, 소셜 그래프(300)는 복수의 사용자 노드(302) 또는 복수의 컨셉 노드(304)를 포함할 수 있는 복수의 노드를 포함할 수 있고, 노드를 연결하는 복수의 에지(306)를 포함할 수 있다. 도 3에 도시된 예시적인 소셜 그래프(300)는 훈시적 목적상 2차원 시각적 지도 표현으로 도시된다. 특정 실시예로, 소셜 네트워킹 시스템(160), 클라이언트 시스템(130) 또는 제3자 시스템(170)은 소셜 그래프(300) 및 적절한 애플리케이션에 대한 관련 소셜-그래프 정보에 접근할 수 있다. 소셜 그래프(300)의 노드 및 에지는 예컨대 데이터 스토어(가령 소셜-그래프 데이터베이스)에 데이터 객체로서 저장될 수 있다. 이런 데이터 스토어는 소셜 그래프(300)의 노드나 에지의 하나 이상의 검색가능하거나 질의가능한 인덱스를 포함할 수 있다.

특정 실시예로, 사용자 노드(302)는 소셜 네트워킹 시스템(160)의 사용자에 해당할 수 있다. 예로서 제한 없이, 사용자는 개인(사람인 사용자), 엔티티(예컨대, 기업, 사업체 또는 제3자 애플리케이션) 또는 소셜 네트워킹 시스템(160)과 상호작용하거나 소셜 네트워킹 시스템에서 통신하는 (예컨대, 개인 또는 엔티티의) 그룹일 수 있다. 특정 실시예로, 사용자가 소셜 네트워킹 시스템(160)에서 계정을 등록하면, 소셜 네트워킹 시스템(160)은 사용자에 해당하는 사용자 노드(302)를 생성할 수 있고, 하나 이상의 데이터 스토어에 사용자 노드(302)를 저장할 수 있다. 적절한 경우, 본 명세서에 기술되는 사용자들 및 사용자 노드들(302)은 등록 사용자들 및 사용자와 관련된 사용자 노드들(302)을 말한다. 추가로 또는 대안으로, 본 명세서에 기술되는 사용자들 및 사용자 노드들(302)은 소셜 네트워킹 시스템(160)에 등록되지 않은 사용자들을 말할 수 있다. 특정 실시예로, 사용자 노드(302)는 사용자가 제공한 정보 및 소셜 네트워킹 시스템(160)을 포함하는 다양한 시스템이 수집한 정보와 관련될 수 있다. 예로서 제한 없이, 사용자는 그들의 이름, 프로필 사진, 연락처, 생일, 성별, 혼인 여부, 가족 관계, 직장, 학력, 기호, 관심사 또는 다른 신상 정보를 제공할 수 있다. 특정 실시예로, 사용자 노드(302)는 사용자와 관련된 정보에 해당하는 하나 이상의 데이터 객체와 관련될 수 있다. 특정 실시예로, 사용자 노드(302)는 하나 이상의 웹페이지에 해당할 수 있다.

특정 실시예로, 컨셉 노드(304)는 컨셉에 해당할 수 있다. 예로서 제한 없이, 컨셉은 장소(가령, 예컨대, 영화관, 레스토랑, 명소 또는 도시); 웹사이트(가령, 예컨대, 소셜 네트워크 시스템(160)과 관련된 웹사이트 또는 웹-애플리케이션 서버와 관련된 제3자 웹사이트); 엔티티(가령, 예컨대, 사람, 사업체, 그룹, 스포츠 팀 또는 유명인사); 소셜 네트워킹 시스템(160) 또는 가령 웹-애플리케이션 서버와 같은 외부 서버에 위치할 수 있는 자원(가령, 예컨대, 오디오 파일, 비디오 파일, 디지털 사진, 텍스트 파일, 구조화된 문서 또는 애플리케이션); 물적 재산권 또는 지적 재산권(가령, 예컨대, 조각품, 미술품, 영화, 게임, 노래, 아이디어, 사진 또는 저서); 게임; 활동; 아이디어나 이론; 또 다른 적절한 컨셉; 또는 2 이상의 이런 컨셉들에 해당할 수 있다. 컨셉 노드(304)는 사용자에 의해 제공된 컨셉의 정보 또는 소셜 네트워킹 시스템(160)을 포함하는 다양한 시스템에 의해 수집된 정보와 관련될 수 있다. 예로서 제한 없이, 컨셉의 정보는 이름이나 제목; 하나 이상의 이미지(예컨대, 책의 커버 페이지의 이미지); 위치(예컨대, 주소 또는 지리적 위치); (URL과 관련될 수 있는) 웹사이트; 연락 정보(예컨대, 전화번호 또는 이메일 주소); 다른 적절한 컨셉 정보; 또는 이런 정보의 임의의 적절한 조합을 포함할 수 있다. 특정 실시예로, 각각의 컨셉 노드(304)는 컨셉 노드(304)와 관련된 정보에 해당하는 하나 이상의 데이터 객체와 관련될 수 있다. 특정 실시예로, 컨셉 노드(304)는 하나 이상의 웹페이지에 해당할 수 있다.

특정 실시예로, 소셜 그래프(300)에서 노드는 ("프로필 페이지"라고 할 수 있는) 웹페이지를 표현하거나, 그 웹페이지로 표현될 수 있다. 프로필 페이지는 소셜 네트워킹 시스템(160)에 의해 호스트될 수 있거나, 접근될 수 있다. 또한, 프로필 페이지는 제3자 서버(170)와 관련된 제3자 웹사이트에 호스트될 수 있다. 예로서 제한 없이, 특정한 외부 웹페이지에 해당하는 프로필 페이지는 특정한 외부 웹페이지일 수 있고, 이런 프로필 페이지는 특정 컨셉 노드(304)에 해당할 수 있다. 프로필 페이지는 모든 또는 선택된 서브세트의 다른 사용자들에 의해 열람될 수 있다. 예로서 제한 없이, 사용자 노드(302)는 해당 사용자가 컨텐츠를 추가할 수 있고, 선언을 할 수 있으며, 그렇지 않으면 그들 자신을 표현할 수 있는 해당 사용자 프로필-페이지를 가질 수 있다. 또 다른 예로서 제한 없이, 컨셉 노드(304)는 특히 컨셉 노드(304)에 해당하는 컨셉과 관련하여 하나 이상의 사용자들이 컨텐츠를 추가할 수 있거나, 선언을 할 수 있거나, 그들 자신을 표현할 수 있는 해당 컨셉-프로필 페이지를 가질 수 있다.

특정 실시예로, 컨셉 노드(304)는 제3자 시스템(170)에 의해 호스팅된 제3자 웹페이지 또는 자원을 표현할 수 있다. 제3자 웹페이지 또는 자원은 다른 요소들 중에서 행위 또는 활동을 표현하는 (예컨대, JavaScript, AJAX 또는 PHP 코드로 구현될 수 있는) 컨텐츠, 선택가능하거나 다른 아이콘 또는 상호작용가능한 객체를 포함할 수 있다. 예로서 제한 없이, 제3자 웹페이지는 가령 "좋아요", "체크인", "식사하기(eat)", "추천하기" 또는 다른 적절한 행위나 활동과 같은 선택가능한 아이콘을 포함할 수 있다. 제3자 웹페이지를 열람하는 사용자는 아이콘들 중 하나(예컨대, "식사하기")를 선택하여 행위를 수행할 수 있고, 클라이언트 시스템(130)이 사용자의 행위를 표시하는 메시지를 소셜 네트워킹 시스템(160)으로 전송하게 할 수 있다. 그 메시지에 응답하여, 소셜 네트워킹 시스템(160)은 사용자에 해당하는 사용자 노드(302)와 제3자 웹페이지 또는 자원에 해당하는 컨셉 노드(304) 사이의 에지(예컨대, "식사하기" 에지)를 생성할 수 있고, 하나 이상의 데이터 스토어에 에지(306)를 저장할 수 있다.

특정 실시예로, 소셜 그래프(300)에서 노드 쌍은 하나 이상의 에지(306)에 의해 서로 연결될 수 있다. 노드 쌍을 연결하는 에지(306)는 노드 쌍 사이의 관계를 표현할 수 있다. 특정 실시예로, 에지(306)는 노드 쌍 사이의 관계에 해당하는 하나 이상의 데이터 객체나 속성을 포함하거나 표현할 수 있다. 예로서 제한 없이, 제1 사용자는 제2 사용자가 제1 사용자의 "친구"라고 표시할 수 있다. 이런 표시에 응답하여, 소셜 네트워킹 시스템(160)은 "친구 요청"을 제2 사용자에게 전송할 수 있다. 제2 사용자가 "친구 요청"을 확인하면, 소셜 네트워킹 시스템(160)은 소셜 그래프(300)에서 제1 사용자의 사용자 노드(302)와 제2 사용자의 사용자 노드(302)를 연결하는 에지(306)를 생성할 수 있고, 하나 이상의 데이터 스토어(예컨대, 소셜 네트워킹 시스템(160)과 관련된 데이터 스토어)에 소셜-그래프 정보로서 에지(306)를 저장할 수 있다. 도 3의 예에서, 소셜 그래프(300)는 사용자 "A"와 사용자 "B"의 사용자 노드(302)들 사이의 친구 관계를 표시하는 에지(306)를 그리고 사용자 "C"와 사용자 "B"의 사용자 노드(302) 사이의 친구 관계를 표시하는 에지를 포함한다. 본 명세서가 특정 사용자 노드(302)를 연결하는 특정 속성을 가진 특정 에지(306)를 기술하거나 도시하지만, 본 명세서는 사용자 노드(302)를 연결하는 임의의 적절한 속성을 가진 임의의 적절한 에지(306)를 고려한다. 예로서 제한 없이, 에지(306)는 친구관계, 가족관계, 사업이나 고용 관계, 팬 관계, 팔로어 관계, 방문자 관계, 구독자 관계, 상위/하위 관계, 호혜 관계, 비-상호 관계, 또 다른 적절한 타입의 관계 또는 2 이상의 이런 관계들을 표현할 수 있다. 게다가, 본 명세서는 일반적으로 노드들이 연결되는 것을 기술하지만, 본 명세서는 또한 사용자 또는 컨셉이 연결되는 것을 기술한다. 본 명세서에서, 사용자 또는 컨셉이 연결되는 것에 대한 언급은 적절한 경우 이들 사용자 또는 컨셉에 해당하는 노드가 하나 이상의 에지(306)에 의해 소셜 그래프(300)에서 연결되는 것을 말할 수 있다.

특정 실시예로, 사용자 노드(302)와 컨셉 노드(304) 사이의 에지(306)는 컨셉 노드(304)와 관련된 컨셉에 대해 사용자 노드(302)와 관련된 사용자가 수행한 특정 행위 또는 활동을 표현할 수 있다. 예로서 제한 없이, 도 3에 도시된 바와 같이, 사용자는 컨셉을 "좋아요(like)", "참여했음(attended)", "실행했음(played)", "청취했음(listened)", "요리했음(cooked)", "근무했음(worked at)", 또는 "시청했음(watched)"을 할 수 있고, 이들 각각은 에지 타입이나 서브타입에 해당할 수 있다. 컨셉 노드(304)에 해당하는 컨셉-프로필 페이지는 예컨대 선택가능한 "체크인" 아이콘(가령, 예컨대, 클릭가능한 "체크인" 아이콘) 또는 선택가능한 "즐겨찾기에 추가(add to favorites)" 아이콘을 포함할 수 있다. 마찬가지로, 사용자가 이런 아이콘을 클릭한 후, 소셜 네트워킹 시스템(160)은 각각의 행위에 해당하는 사용자의 행위에 응답하여 "즐겨찾기" 에지 또는 "체크인" 에지를 생성할 수 있다. 또 다른 예로서 제한 없이, 사용자(사용자 "C")는 특정 애플리케이션(온라인 음악 애플리케이션인 SPOTIFY)을 사용하여 특정 노래("Ramble On")를 들을 수 있다. 이 경우, 소셜 네트워킹 시스템(160)은 사용자에 해당하는 사용자 노드(302)와 노래 및 애플리케이션에 해당하는 컨셉 노드(304) 사이에 "청취했음(listened)" 에지(306) 및 "사용했음(used)" 에지(도 3에 도시)를 생성하여, 사용자가 그 노래를 들었고 그 애플리케이션을 사용했음을 표시할 수 있다. 게다가, 소셜 네트워킹 시스템(160)은 노래와 애플리케이션에 해당하는 컨셉 노드(304) 사이에서 "실행했음(played)" 에지(306)(도 3에 도시)를 생성하여 특정 노래가 특정 애플리케이션에 의해 실행되었음을 표시할 수 있다. 이 경우, "실행했음(played)" 에지(306)는 외부 오디오 파일(노래 "Imagine")에 대해 외부 애플리케이션(SPOTIFY)이 수행한 행위에 해당한다. 본 명세서는 사용자 노드(302)와 컨셉 노드(304)를 연결하는 특정 속성을 가진 에지(306)를 기술하지만, 본 명세서는 사용자 노드(302)와 컨셉 노드(304)를 연결하는 임의의 적절한 속성을 가진 임의의 적절한 에지(306)를 고려한다. 게다가, 본 명세서는 단일의 관계를 표현하는 사용자 노드(302)와 컨셉 노드(304) 사이의 에지를 기술하지만, 본 명세서는 하나 이상의 관계를 표현하는 사용자 노드(302)와 컨셉 노드(304) 사이의 에지를 고려한다. 예로서 제한 없이, 에지(306)는 사용자가 특정 컨셉에서 좋아요 하고 사용했음을 모두 표현할 수 있다. 대안으로, 또 다른 에지(306)는 사용자 노드(302)와 컨셉 노드(304) 사이(도 3에 도시된 바와 같이, 사용자 "E"에 대한 사용자 노드(302)와 "SPOTIFY"에 대한 컨셉 노드(304) 사이)의 각 타입의 관계(또는 다수의 단일 관계)를 표현할 수 있다.

특정 실시예로, 소셜 네트워킹 시스템(160)은 소셜 그래프(300)에서 사용자 노드(302)와 컨셉 노드(304) 사이의 에지(306)를 생성할 수 있다. 예로서 제한 없이, (가령, 예컨대, 사용자의 클라이언트 시스템(130)에 의해 호스팅되는 웹 브라우저 또는 특수목적 애플리케이션을 사용하여) 사용자가 컨셉-프로필 페이지를 열람하는 것은 사용자가 "좋아요" 아이콘을 클릭하거나 선택하여 컨셉 노드(304)가 표현한 컨셉을 좋아함을 나타낼 수 있는데, "좋아요" 아이콘은 사용자의 클라이언트 시스템(130)이 컨셉-프로필 페이지와 관련된 컨셉을 사용자가 좋아요 했다고 표시한 메시지를 소셜 네트워킹 시스템(160)으로 전송하게 할 수 있다. 그 메시지에 응답하여, 소셜 네트워킹 시스템(160)은 사용자와 컨셉 노드(304) 사이의 "좋아요" 에지(306)로 도시된 바와 같이 사용자와 관련된 사용자 노드(302)와 컨셉 노드(304) 사이의 에지(306)를 생성할 수 있다. 특정 실시예로, 소셜 네트워킹 시스템(160)은 하나 이상의 데이터 스토어에 에지(306)를 저장할 수 있다. 특정 실시예로, 에지(306)는 특정 사용자 행위에 응답하여 소셜 네트워킹 시스템(160)에 의해 자동 형성될 수 있다. 예로서 제한 없이, 제1 사용자가 사진을 업로드하거나, 영화를 시청하거나, 노래를 듣는다면, 에지(306)는 제1 사용자에 해당하는 사용자 노드(302)와 이런 컨셉에 해당하는 컨셉 노드(304) 사이에 형성될 수 있다. 본 명세서는 특정 방식으로 특정 에지(306)를 형성하는 것을 기술하지만, 본 명세서는 임의의 적절한 방식으로 임의의 적절한 에지(306)를 형성하는 것을 고려한다.

특정 실시예로, 한 세트의 객체는 예컨대 각각의 객체가 서로 어떻게 관련되는지를 기초로 계층으로 구조화될 수 있다. 객체 계층은 임의의 수의 레벨을 가질 수 있고, 각 레벨에는 임의의 수의 객체가 있을 수 있다. 부모-자식(parent-child) 또는 형제(sibling) 관계가 계층에서 특정 객체들 사이에 존재할 수 있다. 객체 계층 내에서, 부모 객체는 그 자식 객체의 레벨보다 한 레벨 위에 있다. 2개의 형제 객체는 동일한 레벨에 있고 동일한 부모 객체를 공유한다. 또한, 계층의 임의의 일부도 또한 계층 그 자체로 간주될 수 있다.

도 4는 다수의 객체(410)를 포함하는 예시적인 객체 계층(400)의 일부를 도시한다. 도 4는 실제로 객체 계층의 시각적 표현이다. 각 노드는 계층에서 특정 객체를 표현하며, 2개의 노드를 연결하는 각 에지는 2개의 해당 객체 사이의 부모-자식 관계를 표현한다.

특정 실시예로, 계층에서 객체는 부모를 가질 수 있거나 가지지 않을 수 있다. 객체가 부모를 가지지 않는다면, 그 객체를 "루트(root)" 객체(예컨대, 객체(410A))라고 할 수 있다. 일반적으로, 루트 객체는 계층의 제1 레벨 또는 최상위 레벨에 위치한다. 특정 실시예로, 계층에서 객체는 임의의 자식을 가질 수 있거나 가지지 않을 수 있다. 객체가 임의의 자식을 가지지 않는다면, 그 객체를 "리프(leaf)" 또는 "말단(terminal)" 객체(예컨대, 객체(410B))라고 할 수 있다. 한 객체가 자식을 가진다면(예컨대, 객체(410C)), 그 객체는 임의의 수의 자식을 가질 수 있다. 또한, 동일한 부모를 공유하는 객체는 서로 간에 "형제"라고 일컬어질 수 있다. 예컨대, 도 4에서, 객체(410C)는 객체(410D 및 410B)의 부모이다. 객체(410D 및 410B)는 객체(410C)의 자식이며 서로 형제이다. 따라서, 객체들의 계층(예컨대, 객체 계층(400))은 각각의 객체들(예컨대, 객체들(410)) 그 자체를 포함할 뿐 아니라 특정 객체들 사이의 관계를 표시한다. 게다가, 계층 내 특정 객체의 일부가 계층에서 다른 객체들과의 관계를 나타낼 수 있다.

객체(410)는 다양한 타입이 있을 수 있고, 본 명세서는 임의의 적용가능한 객체 타입을 고려한다. 예컨대 제한 없이, "객체"란 용어는 이미지, 비디오, 캡션(captions), 텍스트 블록이나 박스, 사용자-인터페이스 요소, 클릭가능한 링크, 뉴스피드 소식, 다른 객체에 대한 레퍼런스, 광고, 캘린더 이벤트, 그래픽적으로 렌더링될 수 있는 오픈 그래프 분석을 디스플레이하기 위한 유닛, 애플리케이션, 웹사이트, 웹 페이지, 책, 챕터(chapters)를 포함하나 이에 국한되지 않는 임의의 타입의 컨텐츠를 가리킬 수 있다. 특정 실시예로, 또 다른 더 큰 객체 계층의 일부일 수 있는 객체의 계층을 고려하여, 특정 객체 사이의 계층적 관계(예컨대, 부모-자식 또는 형제 관계, 계층 내 객체의 위치)는 이런 객체가 사용자 인터페이스의 컨텍스트에서 어떻게 행동하거나 객체가 사용자에게 어떻게 제시되는지에 대한 몇몇의 태양을 관리할 수 있다.

예로서, 컴퓨팅 장치의 데스크톱의 컨텍스트에서, 데스크톱은 부모 객체 및 때때로 계층의 루트 객체일 수 있으며, 그 자식 객체는 데스크톱에서 이용가능한 각각의 소프트웨어 애플리케이션이다. 그 자체가 데스크톱의 자식 객체 중 하나인 소프트웨어 애플리케이션은 또한 그 소프트웨어 애플리케이션의 각각의 구성요소의 부모 객체이다. 각기 다른 소프트웨어 애플리케이션들은 각기 다른 구성요소들을 포함할 수 있다. 예컨대, 디지털 책(예컨대, 북 리더 애플리케이션)을 관리하는 소프트웨어 애플리케이션에 대하여, 그 구성요소는 이용가능한 디지털 책, 각각의 책의 개별 챕터, 각 챕터의 페이지, 및 텍스트, 이미지, 비디오, 오디오 또는 각 페이지의 다른 컨텐츠나 미디어 요소를 포함할 수 있다. 또한, 이들 각각은 계층에서 객체(예컨대, 사용자-인터페이스 구성요소)에 해당한다. 더 상세하게, 계층 내에서, 디지털 책 애플리케이션은 디지털 책의 부모 객체일 수 있다. 디지털 책은 그 책의 개별 챕터의 부모 객체일 수 있다. 그 자체가 책의 자식 객체 중 하나인 한 탭터는 또한 그 챕터에서 페이지의 부모 객체이다. 페이지는 그 페이지에서 텍스트, 이미지, 비디오, 오디오 또는 다른 컨텐츠나 미디어 요소의 부모 객체이다. 텍스트 블록, 이미지, 비디오, 오디오 또는 다른 컨텐츠나 미디어 요소는 이들이 속하는 페이지의 자식 객체 중 하나이다. 마찬가지로, 뉴스 피드를 관리하는 소프트웨어 애플리케이션에 대하여, 그 구성요소는 각각의 뉴스 채널 및 각 채널 내 뉴스 소식을 포함할 수 있다. 이들 각각은 객체에 해당할 수 있다. 계층 내에서, 그 자체가 데스크톱의 자식 객체 중 하나인 뉴스 피드 애플리케이션은 또한 뉴스 채널의 부모 객체이다. 결국, 뉴스 채널은 그 채널에 포함된 뉴스 소식의 부모 객체이다.

또 다른 예로서, 인터넷 또는 월드 와이드 웹의 컨텍스트에서, 인터넷은 그 자식 객체가 각각의 웹사이트인 부모 객체일 수 있다. 그 자체가 인터넷의 자식 객체 중 하나인 웹사이트는 또한 그 웹사이트의 개별 웹 페이지의 부모 객체이다. 그 자체가 그가 속한 웹사이트의 자식 객체 중 하나인 웹 페이지는 웹 페이지에 포함된 텍스트, 이미지, 비디오, 오디오 또는 링크(예컨대, URLs(Uniform Resource Locators))의 부모 객체이다. 또한, 각각의 텍스트 블록, 이미지, 비디오, 오디오 또는 링크는 계층에서 특정 객체에 해당할 수 있다.

제3의 예로서, 가령 소셜 네트워킹 시스템(160)에 의해 구현된 소셜 네트워킹 웹사이트와 같은 웹사이트는 또한 소셜 네트워킹 웹사이트의 컨텐츠를 네비게이팅하기 위한 계층적 구조에 배열될 수 있다. 이런 컨텍스트에서, 소셜 네트워킹 웹사이트는 그 자식 객체가 웹사이트의 구성요소(예컨대, 사진 앨범, 사용자 프로필 페이지 등)인 부모 객체일 수 있다. 예컨대, 그 자체가 소셜 네트워킹 웹사이트의 자식 객체인 사진 앨범은 결국 부모 객체일 수 있고, 앨범 내 각각의 사진은 사진 앨범의 자식 객체일 수 있다. 사용자의 프로필 페이지도 물론 그런 계층적 방식으로 구조화될 수 있다. 프로필 페이지 그 자체는 부모 객체로 간주될 수 있고, 프로필 페이지의 각각의 객체는 프로필 페이지의 자식 객체일 수 있다. 특정 실시예로, 프로필 페이지는 예컨대 제한 없이 사진, 사진 앨범, 체크인, 다른 사용자로부터의 코멘트, 참여된 이벤트, 태그, 사용자가 프로필 페이지로 추가되었던 애플리케이션, 소식, 사용자가 들었던 노래, 실행목록과 같은 객체의 1차원적 타임라인으로서 (예컨대, 사용자에게 제시하기 위해) 간주되고 렌더링될 수 있다. 이런 다양한 타입의 객체는 모두 프로필 페이지의 자식들일 수 있거나, 다수의 레벨로 더 배열될 수 있다. 일부의 구현으로, 사용자의 프로필 페이지는 가령 사용자의 학력 및 고용 정보, 사용자의 공식 "담벼락" 또는 사용자의 소셜 연결관계와 같은 임의의 수의 섹션을 포함할 수 있다. 이후, 상기 다양한 타입의 객체는 특정 섹션으로 분할될 수 있다.

특정 실시예로, 객체(410)는 사용자 인터페이스의 구성요소일 수 있다. 이 경우, 객체 계층(400)은 사용자 인터페이스에 해당할 수 있고, 각 객체(410)는 사용자-인터페이스의 특정 구성요소에 해당할 수 있다. 사용자 인터페이스는 다양한 타입의 구성요소를 가질 수 있고, 본 명세서는 임의의 적용가능한 사용자-인터페이스 구성요소 타입을 고려한다. 예컨대, 사용자-인터페이스 구성요소(즉, 객체(410))는 윈도우, 섹션, 탭, 이미지, 비디오, 오디오, 텍스트 블록, 메뉴, 아이콘, 버튼, 체크박스, 웹사이트, 웹 페이지, 프레임, 클릭가능한 링크, 메시지, 게시물 또는 입력 필드일 수 있다. 특정 실시예로, 객체(410)는 사용자가 예컨대 제한 없이 객체(410)와 상호작용하거나, 객체를 열람하거나, 읽거나, 듣거나, 조종하거나, 처리할 수 있다면 사용자에 의해 소비될 수 있다. 예컨대, 몇몇의 사용자-소비가능한 객체(410)는 텍스트, 이미지, 비디오, 오디오, 피드, 실행가능한 것들(예컨대, 애플리케이션 프로그램이나 게임), 웹사이트, 웹 페이지, 디지털 책, 사진 앨범, 게시물 또는 메시지일 수 있다.

특정 실시예로, 객체 계층(400)에 해당하는 사용자 인터페이스가 (예컨대, 클라이언트 시스템(130)에서) 디스플레이될 때, 해당 객체 계층(400)의 구조는 사용자 인터페이스의 구조를 반영할 수 있다. 객체 계층(400)에 반영되는 바와 같이 사용자 인터페이스 내 각각의 구성요소 사이의 관계는 이런 구성요소가 어떻게 구조화되고 사용자에게 제시되는지에 영향을 줄 수 있다. 사용자 인터페이스는 객체 계층(400)의 개별 레벨에 각각 해당하는 임의의 수의 레이어를 가질 수 있다. 객체 계층(400)의 특정 레벨에서의 객체(410)(예컨대, 사용자-인터페이스 구성요소)는 사용자 인터페이스의 해당 레이어에 디스플레이된다. 일부의 구현으로, 사용자 인터페이스의 가장 낮은 레이어 또는 최하단 레이어는 객체 계층(400)의 제1 레벨이나 최상단 레벨에 해당한다. 따라서, 루트 객체(410A)는 사용자 인터페이스의 가장 낮은 레이어에 디스플레이된다. 게다가, 사용자 인터페이스에서, 각 객체(410)(예컨대, 사용자-인터페이스 구성요소)는 하나가 존재하면 그 부모가 디스플레이되는 레이어 바로 위의 레이어에 그리고 만약에 있다면 그 자식이 디스플레이되는 레이어 바로 아래의 레이어에 디스플레이된다. 형제 객체(410)는 동일한 레이어에 디스플레이된다. 따라서, 사용자 인터페이스에서 구성요소의 위치는 사용자 인터페이스에서 다른 구성요소들과의 그 관계(예컨대, 부모-자식 또는 형제)를 표시한다.

특정 실시예로, 사용자-인터페이스 구성요소(예컨대, 이미지, 비디오, 폴더 등)는 다양한 디스플레이 모드로 디스플레이될 수 있다. 예로서, 사용자-인터페이스 구성요소는 "풀-스크린" 모드로 디스플레이될 수 있는데, 여기서 사용자-인터페이스 구성요소는 전체 디스플레이 영역이나 거의 그 전체 디스플레이 영역(예컨대, 전자 장치의 스크린)을 점유한다. 또 다른 예로서, 사용자-인터페이스 구성요소는 "온-페이지" 모드로 디스플레이될 수 있는데, 여기서 사용자-인터페이스 구성요소는 또 다른 사용자-인터페이스 구성요소에 포함되며 그 다른 사용자-구성요소 구성요소의 일부로서 디스플레이된다(예컨대, 이미지는 웹페이지의 일부로서 디스플레이된다). 제3의 예로서, 사용자-인터페이스 구성요소는 "인덱스" 모드에 디스플레이될 수 있는데, 여기서 사용자-인터페이스 구성요소는 일련의 사용자-인터페이스 구성요소의 일부이다(예컨대, 이미지는 동일한 앨범으로부터 다른 이미지와 함께 디스플레이되거나, 책의 챕터는 동일한 책으로부터 다른 챕터와 함께 책의 컨텐츠의 표에 디스플레이된다).

특정 실시예로, 계층적 사용자 인터페이스는 사용자에게 컨텐츠를 제시하는데 사용될 수 있다. 이런 사용자 인터페이스는 "컨텐츠 피드" 또는 "뉴스 피드" 사용자 인터페이스라고 일컬어질 수 있다. 컨텐츠는 예컨대 제한 없이 텍스트, 아이콘, 이미지, 비디오, 오디오, 웹 페이지, 게시물 또는 메시지와 같이 임의의 타입과 포맷일 수 있다. 본 명세서는 임의의 적용가능한 컨텐츠 타입 및 포맷을 고려한다. 특정 실시예로, 각각의 컨텐츠 아이템(예컨대, 텍스트, 이미지, 비디오, 오디오, 웹 페이지, 게시물, 메시지, 뉴스 피스 등)은 컨텐츠 섹션이라고 하는 다양한 카테고리로 구조화될 수 있다. 예컨대, 관련 컨텐츠 아이템은 동일한 컨텐츠 섹션으로 카테고리화될 수 있다. 사용자 인터페이스는 임의의 수의 컨텐츠 섹션을 포함할 수 있고, 각 컨텐츠 섹션은 임의의 수의 컨텐츠 아이템을 포함할 수 있다. 계층적으로, 컨텐츠 섹션은 그 섹션에 속하는 컨텐츠 아이템의 부모일 수 있다. 예컨대, 휴가 여행 중에 찍은 다양한 사진은 동일한 앨범으로 구조화될 수 있고, 다양한 사진 앨범은 사용자 인터페이스의 사진 섹션으로 구조화될 수 있다.

특정 실시예로, 사용자는 특정 컨텐츠 아이템을 소비하거나 상호작용할 수 있다. 예컨대, 사용자는 사용자가 컨텐츠 아이템을 스크롤하거나, 열거나(open up), 열람하거나, 듣거나, 선택하거나, 리뷰하거나, 코멘트할 때 컨텐츠 아이템을 소비한다. 사용자는 사용자가 컨텐츠 아이템을 선택하거나, 클릭하거나, 탭핑하거나, 리뷰하거나, 코멘트할 때 컨텐츠 아이템과 상호작용한다. 본 명세서는 사용자가 컨텐츠 아이템을 소비하거나 상호작용하기 위한 임의의 적용가능한 수단을 고려한다.

특정 실시예로, 가령 디지털 사진과 같은 이미지가 전자 장치(예컨대, 클라이언트 장치(130))의 스크린에 디스플레이될 때, 이미지의 패닝 또는 주밍은 자동으로 결정될 수 있고 이미지의 열람자(예컨대, 전자 장치의 사용자)에 대해 수행될 수 있다. 본 명세서의 컨텍스트에서 이미지 패닝은 한 부분에서 다른 부분으로 이미지를 열람하는 프로세스를 말하며 한 스케일에서 다른 스케일로 이미지를 열람(즉, 주밍)하는 것을 포함함에 유의하자. 따라서, 본 명세서의 컨텍스트에서 이미지 패닝은 또한 이미지 주밍을 포함한다.

이미지를 패닝하거나 주밍하는 각기 다른 방법들이 있으며, 본 명세서는 이미지를 패닝하거나 주밍하는 임의의 적용가능한 방법을 고려한다. 특정 실시예로, 이미지의 패닝 또는 주밍은 이미지와 관련된 정보 또는 이미지의 열람자와 관련된 정보 또는 이들 모두를 기초로 결정될 수 있다. 게다가, 특정 실시예로, 이미지의 열람자는 소셜 네트워킹 시스템(160)의 사용자(예컨대, 사용자(101))일 수 있고, 이미지의 패닝 또는 주밍은 가령 소셜 그래프(300)에 저장된 정보 또는 사용자와 관련된 정보와 같이 소셜 네트워킹 시스템(160)에서 이용가능한 정보를 기초로 결정될 수 있다.

일부의 실시예로, 이미지의 패닝 또는 주밍은 (예컨대, 이미지가 전자 장치에 디스플레이된 후 임의의 사용자 입력이 필요없이) 자동으로 시작할 수 있다. 대안으로, 다른 실시예로, 이미지의 패닝 또는 주밍은 사용자 입력이 수신된 후(예컨대, 사용자가 이미지를 클릭한 후) 시작할 수 있다.

한 예로서, 사진은 한 명 이상의 사람을 포함하고 사진 속 각각의 사람은 (예컨대, 사진의 소유자에 의해) 태그되었다고 가정하자. 사진 속 각각의 사람을 태그하는 다양한 방법이 있으며, 본 명세서는 사진을 태그하는 임의의 적용가능한 수단을 고려한다. 예컨대, 소셜 네트워킹 시스템(160)은 그 사용자들이 소셜 네트워킹 시스템(160)으로 업로드된 사진들을 태그하게 할 수 있다. 그렇게 함으로써, 사용자는 태그를 위한 사진을 선택하고, 그 사람을 태그하도록 사진 속 사람을 클릭하며, 그 사람의 이름을 입력할 수 있다. 이런 프로세스는 사진 속 다수의 사람을 태그하거나 다수의 사진을 태그하도록 반복될 수 있다.

특정 실시예로, 사진의 패닝은 사진 속 가장 왼편의 태그된 사람에서 시작하여, 사진을 가로질러 왼쪽에서 오른쪽으로 점차 이동하며, 사진 속 가장 오른편의 태그된 사람에서 종료할 수 있으며, 그 역도 또한 동일하다. 도 5a는 전자 장치(예컨대, 스마트폰의 스크린)에 디스플레이되는 예시적인 사진(510)을 도시한다. 이 경우, 사진(510)은 5개의 태그된 사람들(521-525)을 포함한다. 사진(510)의 패닝은 도 5b-5e에 도시된 바와 같이 가장 왼편의 태그된 사람(521)에서 시작하여, 사진(510)을 가로질러 왼쪽에서 오른쪽으로 점차 이동하며, 가장 오른편의 태그된 사람(525)에서 종료할 수 있다. 특정 실시예로, 사진(510)의 패닝이 완료되는 경우, 전체 사진(510)이 도 5f에 도시된 바와 같이 다시 디스플레이된다.

특정 실시예로, 사진의 패닝은 사진의 열람자와 가장 높은 친밀감을 가지는 사진 속 태그된 사람에서 시작하여 사진의 열람자와 가장 낮은 친밀감을 가지는 사진 속 태그된 사람에서 종료할 수 있다. 2명의 사람 사이의 친밀감을 결정하는 다양한 방법이 있으며, 본 명세서는 2명의 사람 사이의 친밀감을 결정하는 임의의 적용가능한 수단을 고려한다. 한 예로서, 2명의 사람 사이의 친밀감은 그들의 소셜 연결들을 기초로 결정될 수 있다(예컨대, 2명의 사람 사이의 더 가까운 소셜 연결은 더 높은 레벨의 친밀감을 제안하는 한편, 더 먼 소셜 연결은 더 낮은 레벨의 친밀감을 제안한다). 소셜 네트워킹 시스템(160) 내에서 사진의 열람자는 태그된 사람(524)을 가진 친구라고 가정하자. 이는 열람자 및 태그된 사람(524)이 그 친구 연결의 존재를 기초로 더 높은 레벨의 친밀감을 가진다고 제안한다. 반면에, 사진의 열람자는 태그된 사람(521)을 가진 친구가 아니라고 가정하자. 이는 열람자 및 태그된 사람(521)이 그들 사이의 친구 연결의 부재를 기초로 더 낮은 레벨의 친밀감을 가진다고 제안한다. 또 다른 예로서, 2명의 사람 사이의 친밀감은 그들 사이의 유사성을 기초로 결정될 수 있다. 2명의 사람이 동일한 회사에서 근무하거나, 동일한 학교에 다닌다거나, 유사한 배경이나 취미를 가지는 등이라면, 이는 2명의 사람이 더 높은 레벨의 친밀감을 가진다고 제안할 수 있다. 반면에, 2명의 사람이 거의 공통점이 없다면, 이는 2명의 사람이 더 낮은 레벨의 친밀감을 가진다고 제안할 수 있다. 일부의 구현으로, 2명의 사람 사이의 친밀감은 소셜 그래프(300)로부터 이용가능한 정보를 기초로 결정될 수 있다. 사진의 열람자 및 사진 속 태그된 사람을 고려하면, 열람자와 태그된 사람을 각각 표현하는 소셜 그래프(300) 내 2개의 노드가 있어야 한다. 열람자와 태그된 사람 사이의 친밀감은 2개의 해당 노드가 소셜 그래프(300)에서 서로 얼마나 가깝거나 멀리 있는지 또는 소셜 그래프(300)에서 2개의 해당 노드를 연결하는 경로가 얼마나 많은지를 기초로 결정될 수 있다.

일부의 구현으로, 사진 속 태그된 사람은 사진의 열람자와의 각각의 레벨의 친밀감을 기초로 순위화될 수 있다. 도 5a에서 5명의 태그된 사람들(521-525)은 이와 같이 524, 523, 525, 522 및 521로 순위화된다고 가정하자. 이 경우, 사진(510)의 패닝은 태그된 사람(524)에서 시작한 후, 태그된 사람들(523, 525 및 522)로 이동하며, 태그된 사람(521)에서 종료할 수 있다.

특정 실시예로, 사진의 패닝 및 주밍은 사진의 중앙에서 시작한 후 전체 사진이 디스플레이될 때까지 점차 외향으로 주밍할 수 있다. 예컨대, 도 5a에서, 사람(523)은 사진(510)의 중앙 근처에 있다. 사진(510)의 패닝 및 주밍은 가까운 줌-인(zoomed-in)된 사람(523)의 뷰에서 시작한 후, 전체 사진(510)이 디스플레이될 때까지 점자 줌 아웃(zoom out)할 수 있다.

특정 실시예로, 사진의 패닝 및 주밍은 사진의 열람자에 의해 선택된 사진 속 사람에서 시작한 후, 전체 사진이 디스플레이될 때까지 점자 외향으로 주밍할 수 있다. 열람자는 사진 속 사람을 클릭하거나 탭핑하여 그 사람을 선택할 수 있다. 예컨대, 도 6a에서, 사진(510)이 전부 디스플레이되는 동안, 열람자는 (예컨대, 태그된 사람(524)을 클릭하거나 탭핑하여) 태그된 사람(524)을 선택할 수 있다. 도 6b에 도시된 바와 같이, 이런 사용자 선택으로 인해 사진(510)은 줌인될 수 있고, 선택된 사람(524)에게 초점을 맞출 수 있다(예컨대, 사진(510)에서 줌인한 후 스크린의 중앙 근처에 선택된 사람(524)을 배치할 수 있다). 이후, 자동으로 또는 다른 사용자 입력(예컨대, 열람자가 다시 클릭하거나 스크린을 탭핑하기)에 응답하여, 사진(510)은 전체 사진(510)이 스크린에 다시 디스플레이되는 본래 상태로 사진(510)이 반환될 때까지 도 6c에 도시된 바와 같이 점차 줌 아웃할 수 있다.

특정 실시예로, 열람자가 사진을 열람하고 있는 동안, 열람자가 사진 속 사람 중 한 명과 관련된 또 다른 컨텐츠 아이템을 또한 열람하고 있다면, 사진의 패닝 또는 주밍은 다른 컨텐츠 아이템과 관련된 사진에서 시작한 후, 사진 속 다른 사람들로 점차 이동하거나, 만일 있다면 외향으로 주밍할 수 있다. 예컨대, 열람자가 사진(510)을 열람하고 있는 동안 열람자는 또한 소셜 네트워킹 시스템(160)에서 사람(522)의 사용자 프로필을 열람하거나 사람(522)에 의해 게시된 메시지를 읽고 있다고 가정하자. 또는, 사진(510)은 이메일 메시지에서 사람(522)에 의해 열람자에게 송신된다고 가정하자. 이 경우, 사진(510)의 패닝 및 주밍은 먼저 사람(522)을 줌인한 후, 전체 사진(510)이 디스플레이될 때까지 점차 외향으로 주밍할 수 있다. 또는, 사진(510)은 사람(522)에서 시작한 후 사진(510) 속 다른 사람으로 점차 이동하도록 패닝할 수 있다.

또한, 임의의 사람을 포함하지 않는 이미지가 자동으로 패닝되거나 주밍될 수 있다. 예컨대, 도 7은 임의의 사람을 포함하지 않는 풍경 이미지(landscape image)(710)를 도시한다. 특정 실시예로, 이런 이미지는 왼쪽에서 오른쪽으로, 위에서 아래로 또는 그 역으로 자동으로 패닝될 수 있다. 예컨대, 수평 지향 이미지(예컨대, 풍경 지향)는 왼쪽에서 오른쪽으로 또는 오른쪽에서 왼쪽으로 패닝될 수 있는 한편, 수직 지향 이미지(예컨대, 인물화 지향)는 위에서 아래로 또는 아래에서 위로 패닝될 수 있다. 특정 실시예로, 이미지는 먼저 그 중앙 근처에 줌인될 수 있고 전체 이미지가 다시 디스플레이될 때까지 점차 외향으로 주밍될 수 있다. 특정 실시예로, 이미지 속 구조물(예컨대, 건물 또는 건축물)이 있다면, 이미지의 패닝 또는 주밍은 구조물에서 시작한 후 이미지의 다른 부분으로 점차 이동할 수 있다.

특정 실시예로, 이미지의 패닝 또는 주밍은 미국 다큐멘터리 작가 Ken Burns의 이름을 따서 명명한 켄 번즈(Ken Burns) 시각 효과를 시뮬레이션할 수 있는데, 여기서 관심의 대상에 대해 천천히 줌인하거나 이미지 내 한 대상에서 다른 대상으로 패닝함으로써 스틸 이미지(still image)(예컨대, 사진)에 움직임이 제공된다. 이미지의 패닝 또는 주밍 시퀀스는 비디오 시퀀스로 시각적으로 표현된다. 열람자는 전자 장치에서 한 부분에서 다른 부분으로 점자 패닝되거나 줌인이나 줌아웃되는 이미지를 시청할 수 있다.

특정 실시예로, 상술한 바와 같이 이미지의 패닝 및 주밍은 소셜 네트워킹 시스템(160)의 사용자가 사용자의 전자 장치에서 소셜 네트워킹 시스템(160)과 이용가능하고 소셜 네트워킹 시스템으로부터 다운로드되는 이미지(예컨대, 디지털 이미지)를 열람할 때 사용될 수 있다. 소셜 네트워킹 시스템(160)의 서버는 이미지가 사용자의 전자 장치에 디스플레이될 때 이미지를 패닝하거나 주밍하는 방법에 대한 정보와 함께 열람하기 위해 이미지를 사용자의 전자 장치로 송신할 수 있다. 특정 실시예로, 이미지는 계층적 사용자 인터페이스에 제시될 수 있다.

특정 실시예로, 이미지 패닝 또는 주밍의 동작은 컴퓨터 소프트웨어로 구현될 수 있고 전자 시스템이나 컴퓨터 시스템에 실행될 수 있다. 도 8은 예시적인 컴퓨터 시스템(800)을 도시한다. 특정 실시예로, 하나 이상의 컴퓨터 시스템들(800)은 본 명세서에 기술되거나 도시된 하나 이상의 방법들의 하나 이상의 단계들을 수행한다. 특정 실시예로, 하나 이상의 컴퓨터 시스템들(800)은 본 명세서에 기술되거나 도시된 기능을 제공한다. 특정 실시예로, 하나 이상의 컴퓨터 시스템들(800)을 실행하는 소프트웨어는 본 명세서에 기술되거나 도시된 하나 이상의 방법들의 하나 이상의 단계들을 수행하거나, 본 명세서에 기술되거나 도시된 기능을 제공한다. 특정 실시예는 하나 이상의 컴퓨터 시스템들(800)의 하나 이상의 부분들을 포함한다. 본 명세서에서, 적절한 경우 컴퓨터 시스템에 대한 언급은 컴퓨팅 장치를 포함할 수 있고 그 역도 또한 동일하다. 게다가, 컴퓨터 시스템에 대한 언급은 적절한 경우 하나 이상의 컴퓨터 시스템을 포함할 수 있다.

본 명세서는 임의의 적절한 수의 컴퓨터 시스템(800)을 고려한다. 본 명세서는 임의의 적절한 물리적 형태를 취하는 컴퓨터 시스템(800)을 고려한다. 예로서 제한 없이, 컴퓨터 시스템(800)은 임베디드 컴퓨터 시스템, 시스템-온-칩(SOC), 단일-보드 컴퓨터 시스템(SBC)(예컨대, 컴퓨터-온-모듈(COM) 또는 시스템-온-모듈(SOM)), 데스크톱 컴퓨터 시스템, 랩톱 또는 노트북 컴퓨터 시스템, 상호작용형 키오스크(kiosk), 메인 프레임, 컴퓨터 시스템 메쉬(mesh), 모바일 전화, 개인 정보 단말기(PDA), 서버, 태블릿 컴퓨터 시스템 또는 이들의 2 이상의 조합일 수 있다. 적절한 경우, 컴퓨터 시스템(800)은 하나 이상의 컴퓨터 시스템(800)들을 포함할 수 있거나; 일체형 또는 분산형일 수 있거나; 다수의 위치에 걸쳐 있거나, 다수의 기계에 걸쳐 있거나; 다수의 데이터 센터에 걸쳐 있거나; 하나 이상의 네트워크에 하나 이상의 클라우드 성분을 포함할 수 있는 클라우드에 상주할 수 있다. 적절한 경우, 하나 이상의 컴퓨터 시스템(800)은 본 명세서에 기술되거나 도시되는 하나 이상의 방법의 하나 이상의 단계를 실질적으로 공간적 또는 시간적 제한 없이 실행할 수 있다. 예로서 제한 없이, 하나 이상의 컴퓨터 시스템(800)은 본 명세서에 기술되거나 도시되는 하나 이상의 방법의 하나 이상의 단계를 실시간으로 또는 일괄 모드로 실행할 수 있다. 적절한 경우, 하나 이상의 컴퓨터 시스템(800)은 본 명세서에 기술되거나 도시되는 하나 이상의 방법의 하나 이상의 단계를 다른 시기에 또는 다른 위치에서 실행할 수 있다.

특정 실시예로, 컴퓨터 시스템(800)은 프로세서(802), 메모리(804), 저장소(806), 입력/출력(I/O) 인터페이스(808), 통신 인터페이스(810) 및 버스(812)를 포함한다. 본 명세서가 특정 배열로 특정한 수의 특정 구성요소를 갖는 특정 컴퓨터 시스템을 기술하고 도시하지만, 본 명세서는 임의의 적절한 배열로 임의의 적절한 수의 임의의 적절한 구성요소를 갖는 임의의 적절한 컴퓨터 시스템을 고려한다.

특정 실시예로, 프로세서(802)는 가령 컴퓨터 프로그램을 구성하는 명령어와 같은 명령어를 실행하기 위한 하드웨어를 포함한다. 예로서 제한 없이, 명령어를 실행하기 위해, 프로세서(802)는 내부 레지스터, 내부 캐시, 메모리(804) 또는 저장소(806)로부터 명령어를 검색(또는 페치(fetch))할 수 있고; 명령어를 디코딩하고 실행한 후; 하나 이상의 결과를 내부 레지스터, 내부 캐시, 메모리(804) 또는 저장소(806)에 기록할 수 있다. 특정 실시예로, 프로세서(802)는 데이터용, 명령어용 또는 주소용 하나 이상의 내부 캐시를 포함할 수 있다. 본 명세서는 적절한 경우 임의의 적절한 수의 임의의 적절한 내부 캐시들을 포함하는 프로세서(802)를 고려한다. 예로서 제한 없이, 프로세서(802)는 하나 이상의 명령어 캐시들, 하나 이상의 데이터 캐시들 및 하나 이상의 변환 색인 버퍼(translation lookaside buffers, TLBs)를 포함할 수 있다. 명령어 캐시에 저장된 명령어들은 메모리(804)나 저장소(806) 내 명령어들의 사본일 수 있고, 명령어 캐시는 프로세서(802)에 의한 이런 명령어들의 검색 속도를 높일 수 있다. 데이터 캐시 내의 데이터는 프로세서(802)에서 실행하는 다음 명령들에 의해 접근하거나 메모리(804)나 저장소(806)로 기록하기 위해 프로세서(802)에서 실행되는 이전 명령들의 결과; 또는 다른 적절한 데이터를 동작하는데 프로세서(802)에서 실행하는 명령어를 위한 메모리(804)나 저장소(806) 내의 데이터의 사본일 수 있다. 데이터 캐시는 프로세서(802)에 의한 판독 또는 기록 동작의 속도를 높일 수 있다. TLB들은 프로세서(802)에 의한 가상 주소 변환의 속도를 높일 수 있다. 특정 실시예로, 프로세서(802)는 데이터용, 명령어용 또는 주소용 하나 이상의 내부 레지스터를 포함할 수 있다. 본 명세서는 적절한 경우 임의의 적절한 수의 임의의 적절한 내부 레지스터들을 포함하는 프로세서(802)를 고려한다. 적절한 경우, 프로세서(802)는 하나 이상의 산술 논리 유닛(ALUs)을 포함할 수 있거나; 멀티-코어 프로세서일 수 있거나; 하나 이상이 프로세서들(802)을 포함할 수 있다. 본 명세서가 특정 프로세서를 기술하고 도시하지만, 본 명세서는 임의의 적절한 프로세서를 고려한다.

특정 실시예로, 메모리(804)는 프로세서(802)가 실행하는 명령어 또는 프로세서(802)가 운영하는 데이터를 저장하기 위한 메인 메모리를 포함한다. 예로서 제한 없이, 컴퓨터 시스템(800)은 저장소(806)나 또 다른 소스(가령, 예컨대 또 다른 컴퓨터 시스템(800))에서 메모리(804)로 명령어를 로딩할 수 있다. 이후, 프로세서(802)는 메모리(804)에서 내부 레지스터나 내부 캐시로 명령어를 로딩할 수 있다. 명령어를 실행하기 위해, 프로세서(802)는 내부 레지스터나 내부 캐시로부터 명령어를 검색하고 이들을 디코딩할 수 있다. 명령어의 실행 중 또는 실행 후, 프로세서(802)는 (중간 결과 또는 최종 결과일 수 있는) 하나 이상의 결과를 내부 레지스터나 내부 캐시로 기록할 수 있다. 이후, 프로세서(802)는 하나 이상의 이런 결과를 메모리(804)에 기록할 수 있다. 특정 실시예로, 프로세서(802)는 (저장소(806) 또는 다른 곳과는 대조적으로) 하나 이상의 내부 레지스터나 내부 캐시에서 또는 메모리(804)에서 단지 명령어만을 실행하며, (저장소(806) 또는 다른 곳과는 대조적으로) 하나 이상의 내부 레지스터나 내부 캐시에서 또는 메모리(804)에서 단지 데이터만을 운영한다. (주소 버스 및 데이터 버스를 각각 포함할 수 있는) 하나 이상의 메모리 버스는 프로세서(802)를 메모리(804)로 연결할 수 있다. 하기에 기술되는 바와 같이, 버스(812)는 하나 이상의 메모리 버스를 포함할 수 있다. 특정 실시예로, 하나 이상의 메모리 관리 유닛(MMUs)은 프로세서(802)와 메모리(804) 사이에 상주하며, 프로세서(802)에 의해 요청되는 메모리(804)로의 접근을 용이하게 한다. 특정 실시예로, 메모리(804)는 랜덤 액세스 메모리(RAM)를 포함한다. 적절한 경우, 이런 RAM은 휘발성 메모리일 수 있다. 적절한 경우, 이런 RAM은 동적 RAM(DRAM) 또는 정적 RAM(SRAM)일 수 있다. 게다가, 적절한 경우, 이런 RAM은 단일 포트형 또는 다중-포트형 RAM일 수 있다. 본 명세서는 임의의 적절한 RAM을 고려한다. 적절한 경우, 메모리(804)는 하나 이상의 메모리(804)를 포함할 수 있다. 본 명세서가 특정 메모리를 기술하고 도시하지만, 본 명세서는 임의의 적절한 메모리를 고려한다.

특정 실시예로, 저장소(806)는 데이터용 또는 명령어용 대용량 저장소를 포함한다. 예로서 제한 없이, 저장소(806)는 하드 디스크 드라이브(HDD), 플로피 디스크 드라이브, 플래시 메모리, 광디스크, 자기-광학 디스크, 자기 테이프, 범용 직렬 버스(USB) 드라이브 또는 이들의 2 이상의 조합을 포함할 수 있다. 적절한 경우, 저장소(806)는 착탈식 또는 비-착탈식(또는 고정) 매체를 포함할 수 있다. 적절한 경우, 저장소(806)는 컴퓨터 시스템(800)의 내부 또는 외부에 있을 수 있다. 특정 실시예로, 저장소(806)는 비휘발성, 고체-상태(solid-state) 메모리이다. 특정 실시예로, 저장소(806)는 읽기 전용 메모리(ROM)를 포함한다. 적절한 경우, 이런 ROM은 마스크-프로그램화된 ROM, 프로그램가능 ROM(PROM), 소거가능 PROM(EPROM), 전기적 소거가능 PROM(EEPROM), 전기적 변경가능 ROM(EAROM), 플래시 메모리 또는 이들의 2 이상의 조합일 수 있다. 본 명세서는 임의의 적절한 물리적 형태를 취하는 대용량 저장소(806)를 고려한다. 적절한 경우, 저장소(806)는 프로세서(802)와 저장소(806) 사이의 통신을 용이하게 하는 하나 이상의 저장소 제어 유닛을 포함할 수 있다. 적절한 경우, 저장소(806)는 하나 이상의 저장소(806)를 포함할 수 있다. 본 명세서가 특정 저장소를 기술하고 도시하지만, 본 명세서는 임의의 적절한 저장소를 고려한다.

특정 실시예로, I/O 인터페이스(808)는 컴퓨터 시스템(800)과 하나 이상의 I/O 장치 사이의 통신을 위한 하나 이상의 인터페이스를 제공하는 하드웨어, 소프트웨어 또는 이들 모두를 포함한다. 적절한 경우, 컴퓨터 시스템(800)은 하나 이상의 이들 I/O 장치를 포함할 수 있다. 하나 이상의 이들 I/O 장치는 사람과 컴퓨터 시스템(800) 사이의 통신을 가능하게 할 수 있다. 예로서 제한 없이, I/O 장치는 키보드, 키패드, 마이크로폰, 모니터, 마우스, 프린터, 스캐너, 스피커, 스틸 카메라(still camera), 스타일러스(stylus), 태블릿, 터치 스크린, 트랙볼(trackball), 비디오 카메라, 다른 적절한 I/O 장치 또는 이들의 2 이상의 조합을 포함할 수 있다. I/O 장치는 하나 이상의 센서를 포함할 수 있다. 본 명세서는 임의의 적절한 I/O 장치 및 이에 대한 적절한 I/O 인터페이스(808)를 고려한다. 적절한 경우, I/O 인터페이스(808)는 프로세서(802)가 하나 이상의 이들 I/O 장치를 구동할 수 있도록 하는 하나 이상의 장치 또는 소프트웨어 드라이버를 포함할 수 있다. 적절한 경우, I/O 인터페이스(808)는 하나 이상의 I/O 인터페이스(808)를 포함할 수 있다. 본 명세서가 특정 I/O 인터페이스를 기술하고 도시하지만, 본 명세서는 임의의 적절한 I/O 인터페이스를 고려한다.

특정 실시예로, 통신 인터페이스(810)는 컴퓨터 시스템(800)과 하나 이상의 다른 컴퓨터 시스템(800)이나 하나 이상의 네트워크 사이의 통신(가령, 예컨대 패킷-기반 통신)을 위한 하나 이상의 인터페이스를 제공하는 하드웨어, 소프트웨어 또는 이들 모두를 포함한다. 예로서 제한 없이, 통신 인터페이스(810)는 이더넷이나 다른 유선-기반 네트워크로 통신하기 위한 네트워크 인터페이스 제어장치(NIC)나 네트워크 어댑터 또는 가령 WI-FI 네트워크와 같이 무선 네트워크로 통신하기 위한 무선 NIC(WNIC)나 무선 어댑터를 포함할 수 있다. 본 명세서는 임의의 적절한 네트워크 및 이에 대한 임의의 적절한 통신 인터페이스(810)를 고려한다. 예로서 제한 없이, 컴퓨터 시스템(800)은 애드 혹 네트워크(ad hoc network), 개인 영역 네트워크(PAN), 근거리 네트워크(LAN), 광역 네트워크(WAN), 대도시 네트워크(MAN), 인터넷의 하나 이상의 부분 또는 2 이상의 이런 네트워크들의 조합으로 통신할 수 있다. 하나 이상의 이런 네트워크의 하나 이상의 부분은 유선 또는 무선일 수 있다. 예로서, 컴퓨터 시스템(800)은 무선 PAN(WPAN)(가령, 예컨대 BLUETOOTH WPAN), WI-FI 네트워크, WI-MAX 네트워크, 셀룰러 전화 네트워크(가령, 예컨대 GSM(Global System for Mobile Communication) 네트워크), 다른 적절한 무선 네트워크 또는 2 이상의 이런 네트워크들의 조합으로 통신할 수 있다. 적절한 경우, 컴퓨터 시스템(800)은 임의의 이들 네트워크에 대한 임의의 적절한 통신 인터페이스(810)를 포함할 수 있다. 적절한 경우, 통신 인터페이스(810)는 하나 이상의 통신 인터페이스(810)를 포함할 수 있다. 본 명세서가 특정 통신 인터페이스를 기술하고 도시하지만, 본 명세서는 임의의 적절한 통신 인터페이스를 고려한다.

특정 실시예로, 버스(812)는 컴퓨터 시스템(800)의 구성요소를 서로 연결하는 하드웨어, 소프트웨어 또는 이들 모두를 포함한다. 예로서 제한 없이, 버스(812)는 AGP(Accelerated Graphics Port)이나 다른 그래픽 버스, EISA(Enhanced Industry Standard Architecture) 버스, FSB(front-side bus), HT(HYPERTRANSPORT) 인터커넥트, ISA(Industry Standard Architecture) 버스, INFINIBAND 인터커넥트, LPC(low-pin-count) 버스, 메모리 버스, MCA(Micro Channel Architecture) 버스, PCI(Peripheral Component Interconnect) 버스, PCIe(PCI-Express) 버스, SATA(serial advanced technology attachment) 버스, VLB(Video Electronics Standard Association local) 버스, 다른 적절한 버스 또는 2 이상의 이런 버스의 조합을 포함할 수 있다. 적절한 경우, 버스(812)는 하나 이상의 버스(812)를 포함할 수 있다. 본 명세서가 특정 버스를 기술하고 도시하지만, 본 명세서는 임의의 적절한 버스나 인터커넥트를 고려한다.

본 명세서에서, 컴퓨터-판독가능한 비-일시적 저장매체 또는 저장매체들은 하나 이상의 반도체 기반 또는 다른 집적회로(ICs)(가령, 예컨대 FPGAs(field-programmable gate arrays) 또는 ASICs(application-specific ICs)), 하드 디스크 드라이브(HDDs), 하이브리드 하드 디스크(HHDs), 광학 디스크, 광학 디스크 드라이브(ODDs), 자기-광학 디스크, 자기-광학 드라이브, 플로피 디스크, 플로피 디스크 드라이브(FDDs), 자기 테이프, 고체-상태 드라이브(SSDs), RAM-드라이브, SECURE DIGITAL 카드나 드라이브, 임의의 다른 적절한 컴퓨터-판독가능한 비-일시적 저장매체 또는, 적절한 경우, 2 이상의 이들의 임의의 적절한 조합을 포함할 수 있다. 적절한 경우, 컴퓨터-판독가능한 비-일시적 저장매체는 휘발성, 비휘발성 또는 휘발성과 비휘발성의 조합일 수 있다.

본 명세서에서, "또는"은 명시적으로 다르게 지시하거나 문맥상 달리 지시되지 않는 한, 포괄적인 것이며 배타적인 것이 아니다. 따라서, 본 명세서에서 "A 또는 B"는 명시적으로 다르게 지시하거나 문맥상 달리 지시되지 않는 한, "A, B 또는 둘 모두"를 의미한다. 게다가, "및"은 명시적으로 다르게 지시하거나 문맥상 달리 지시되지 않는 한, 공동 및 별개 모두이다. 따라서, 본 명세서에서 "A 및 B"는 명시적으로 다르게 지시하거나 문맥상 달리 지시되지 않는 한, "A 및 B가 공동이든 별개이든 상관없이 모두"를 의미한다.

본 명세서의 범위는 당업자가 이해할 수 있는 본 명세서에 기술되거나 도시된 예시적인 실시예들에 대한 모든 변화, 치환, 변형, 대체 및 변경을 포함한다. 본 명세서의 범위는 본 명세서에 기술되거나 도시된 예시적인 실시예들로 국한되지 않는다. 게다가, 본 명세서는 특정 컴포넌트, 구성요소, 기능, 동작 또는 단계를 포함하는 것으로 본 명세서의 각각의 실시예들을 기술하고 도시하지만, 임의의 이런 실시예들은 당업자가 이해할 수 있는 본 명세서에 어디든 기술되거나 도시되는 임의의 컴포넌트, 구성요소, 기능, 동작 또는 단계의 임의의 조합이나 치환을 포함할 수 있다. 게다가, 첨부된 청구범위에서 특정 기능을 수행하도록 설계되거나, 배치되거나, 할 수 있거나, 구성되거나, 할 수 있게 하거나, 동작할 수 있거나, 동작하는 장치나 시스템 또는 장치나 시스템의 구성요소에 대한 언급은 장치, 시스템 또는 구성요소가 그렇게 설계되거나, 배치되거나, 할 수 있거나, 구성되거나, 가능하거나, 동작할 수 있거나 동작하는 한, 장치, 시스템, 구성요소, 그 또는 그러한 특정 기능이 활성화되었는지, 턴온 되었는지, 잠금 해제되었는지 여부를 포함한다.

Claims

전자 장치 상에 소셜 네트워킹 시스템의 제1 사용자에게 이미지를 디스플레이하는 단계;
소셜 네트워킹 시스템의 소셜 그래프에 기반하여 이미지의 컨텐츠 및 이미지에 접근하는 제1 사용자에 대응하는 제1 노드 간의 관계를 결정하는 단계;
이미지의 컨텐츠 및 소셜 네트워킹 시스템의 제1 사용자에 대응하는 제1 노드 간의 관계에 기반하여 결정된 이미지의 움직임의 디스플레이를 기초로 이미지의 제2 부분 전에 이미지의 적어도 제1 부분을 디스플레이하여 이미지에 접근하는 제1 사용자에게 이미지를 패닝(panning)하는 애니메이션을 디스플레이하는 단계;
제1 사용자가 하나 이상의 제2 사용자와 연관된 하나 이상의 컨텐츠 아이템을 열람하며 이미지에 접근할 때, 임의의 제2 사용자가 이미지의 하나 이상의 사용자 중 임의의 사용자에 대응하는지 여부를 결정하는 단계; 및
적어도 하나의 제2 사용자가 이미지의 사용자 중 하나에 대응한다고 결정하는데 응답하여, 제2 사용자에 대응하는 이미지의 사용자로부터 시작하여 이미지를 패닝하는 단계를 포함하고,
이미지는 소셜 네트워킹 시스템의 소셜 그래프에서 다운로드한 컨텐츠를 포함하고, 소셜 그래프는 복수의 노드 및 노드를 연결하는 에지를 포함하고, 소셜 그래프의 적어도 하나의 노드는 제1 사용자에 대응하고, 이미지는 하나 이상의 사용자를 포함하고, 하나 이상의 사용자 각각은 소셜 그래프의 노드에 대응하고,
이미지의 제1 부분은 이미지의 제2 부분과 다른 것인 컴퓨터-구현 방법.
제 1 항에 있어서,
이미지는 이미지의 가장 왼편의 사용자에서 시작하여 왼쪽에서 오른쪽으로 이동하며 이미지의 가장 오른편의 사용자에서 종료하도록 더 패닝되는 컴퓨터-구현 방법.
제 1 항에 있어서,
이미지는 이미지의 가장 중앙의 사용자에서 시작하여 전체 이미지가 디스플레이될 때까지 외향으로 주밍(zooming)하도록 더 패닝되는 컴퓨터-구현 방법.
제 1 항에 있어서,
이미지는 이미지에 접근하는 제1 사용자에 대응하는 노드와 가장 높은 친밀감을 가지는 이미지 내 사용자에서 시작하여 이미지에 접근하는 제1 사용자에 대응하는 노드와 가장 낮은 친밀감을 가지는 이미지 내 사용자에서 종료하도록 더 패닝되는 컴퓨터-구현 방법.
제 1 항에 있어서,
이미지는 이미지에 접근하는 제1 사용자가 이미지 내 특정 사용자를 선택하는 것에 응답하여 더 패닝되고;
이미지는 이미지에 접근하는 제1 사용자에 의해 선택된 특정 사용자로부터 시작하여 더 패닝되는 컴퓨터-구현 방법.
제 1 항에 있어서,
이미지 내 특정 사용자와 관련된 컨텐츠 아이템이 전자 장치에서 이미지와 함께 디스플레이되고;
이미지는 컨텐츠 아이템과 관련된 특정 사용자로부터 시작하여 더 패닝되는 컴퓨터-구현 방법.
하나 이상의 컴퓨터-판독가능한 저장매체로서,
전자 장치 상에 소셜 네트워킹 시스템의 제1 사용자에게 이미지를 디스플레이하고;
소셜 네트워킹 시스템의 소셜 그래프에 기반하여 이미지의 컨텐츠 및 이미지에 접근하는 제1 사용자에 대응하는 제1 노드 간의 관계를 결정하고;
이미지의 컨텐츠 및 소셜 네트워킹 시스템의 제1 사용자에 대응하는 제1 노드 간의 관계에 기반하여 결정된 이미지의 움직임의 디스플레이를 기초로 이미지의 제2 부분 전에 이미지의 적어도 제1 부분을 디스플레이하여 이미지에 접근하는 제1 사용자에게 이미지를 패닝(panning)하는 애니메이션을 디스플레이하고;
제1 사용자가 하나 이상의 제2 사용자와 연관된 하나 이상의 컨텐츠 아이템을 열람하며 이미지에 접근할 때, 임의의 제2 사용자가 이미지의 하나 이상의 사용자 중 임의의 사용자에 대응하는지 여부를 결정하고; 및
적어도 하나의 제2 사용자가 이미지의 사용자 중 하나에 대응한다고 결정하는데 응답하여, 제2 사용자에 대응하는 이미지의 사용자로부터 시작하여 이미지를 패닝하도록 실행될 때 동작하는 소프트웨어를 포함하고,
이미지는 소셜 네트워킹 시스템의 소셜 그래프에서 다운로드한 컨텐츠를 포함하고, 소셜 그래프는 복수의 노드 및 노드를 연결하는 에지를 포함하고, 소셜 그래프의 적어도 하나의 노드는 제1 사용자에 대응하고, 이미지는 하나 이상의 사용자를 포함하고, 하나 이상의 사용자 각각은 소셜 그래프의 노드에 대응하고,
이미지의 제1 부분은 이미지의 제2 부분과 다른 것인 컴퓨터-판독가능한 저장매체.
제 7 항에 있어서,
이미지는 이미지의 가장 왼편의 사용자에서 시작하여 왼쪽에서 오른쪽으로 이동하며 이미지의 가장 오른편의 사용자에서 종료하도록 더 패닝되는 컴퓨터-판독가능한 저장매체.
제 7 항에 있어서,
이미지는 이미지의 가장 중앙의 사용자에서 시작하여 전체 이미지가 디스플레이될 때까지 외향으로 주밍하도록 더 패닝되는 컴퓨터-판독가능한 저장매체.
제 7 항에 있어서,
이미지는 이미지에 접근하는 제1 사용자에 대응하는 노드와 가장 높은 친밀감을 가지는 이미지 내 사용자에서 시작하여 이미지에 접근하는 제1 사용자에 대응하는 노드와 가장 낮은 친밀감을 가지는 이미지 내 사용자에서 종료하도록 더 패닝되는 컴퓨터-판독가능한 저장매체.
제 7 항에 있어서,
이미지는 이미지에 접근하는 제1 사용자가 이미지 내 특정 사용자를 선택하는 것에 응답하여 더 패닝되고;
이미지는 이미지에 접근하는 제1 사용자에 의해 선택된 특정 사용자로부터 시작하여 더 패닝되는 컴퓨터-판독가능한 저장매체.
제 7 항에 있어서,
이미지 내 특정 사용자와 관련된 컨텐츠 아이템이 전자 장치에서 이미지와 함께 디스플레이되고;
이미지는 컨텐츠 아이템과 관련된 특정 사용자로부터 시작하여 더 패닝되는 컴퓨터-판독가능한 저장매체.
하나 이상의 프로세서; 및
프로세서와 결합되고 프로세서에 의해 실행가능한 명령어를 포함하는 메모리를 포함하는 시스템으로서,
상기 프로세서는:
전자 장치 상에 소셜 네트워킹 시스템의 제1 사용자에게 이미지를 디스플레이하고;
소셜 네트워킹 시스템의 소셜 그래프에 기반하여 이미지의 컨텐츠 및 이미지에 접근하는 제1 사용자에 대응하는 제1 노드 간의 관계를 결정하고;
이미지의 컨텐츠 및 소셜 네트워킹 시스템의 제1 사용자에 대응하는 제1 노드 간의 관계에 기반하여 결정된 이미지의 움직임의 디스플레이를 기초로 이미지의 제2 부분 전에 이미지의 적어도 제1 부분을 디스플레이하여 이미지에 접근하는 제1 사용자에게 이미지를 패닝(panning)하는 애니메이션을 디스플레이하고;
제1 사용자가 하나 이상의 제2 사용자와 연관된 하나 이상의 컨텐츠 아이템을 열람하며 이미지에 접근할 때, 임의의 제2 사용자가 이미지의 하나 이상의 사용자 중 임의의 사용자에 대응하는지 여부를 결정하고; 및
적어도 하나의 제2 사용자가 이미지의 사용자 중 하나에 대응한다고 결정하는데 응답하여, 제2 사용자에 대응하는 이미지의 사용자로부터 시작하여 이미지를 패닝하는 명령어를 실행할 때 동작하고,
이미지는 소셜 네트워킹 시스템의 소셜 그래프에서 다운로드한 컨텐츠를 포함하고, 소셜 그래프는 복수의 노드 및 노드를 연결하는 에지를 포함하고, 소셜 그래프의 적어도 하나의 노드는 제1 사용자에 대응하고, 이미지는 하나 이상의 사용자를 포함하고, 하나 이상의 사용자 각각은 소셜 그래프의 노드에 대응하고,
이미지의 제1 부분은 이미지의 제2 부분과 다른 것인 시스템.
제 13 항에 있어서,
이미지는 이미지의 가장 왼편의 사용자에서 시작하여 왼쪽에서 오른쪽으로 이동하며 이미지의 가장 오른편의 사용자에서 종료하도록 더 패닝되는 시스템.
제 13 항에 있어서,
이미지는 이미지의 가장 중앙의 사용자에서 시작하여 전체 이미지가 디스플레이될 때까지 외향으로 주밍하도록 더 패닝되는 시스템.
제 13 항에 있어서,
이미지는 이미지에 접근하는 제1 사용자에 대응하는 노드와 가장 높은 친밀감을 가지는 이미지 내 사용자에서 시작하여 이미지에 접근하는 제1 사용자에 대응하는 노드와 가장 낮은 친밀감을 가지는 이미지 내 사용자에서 종료하도록 더 패닝되는 시스템.
제 13 항에 있어서,
이미지는 이미지에 접근하는 제1 사용자가 이미지 내 특정 사용자를 선택하는 것에 응답하여 더 패닝되고;
이미지는 이미지에 접근하는 제1 사용자에 의해 선택된 특정 사용자로부터 시작하여 더 패닝되는 시스템.
제 13 항에 있어서,
이미지 내 특정 사용자와 관련된 컨텐츠 아이템이 전자 장치에서 이미지와 함께 디스플레이되고;
이미지는 컨텐츠 아이템과 관련된 특정 사용자로부터 시작하여 더 패닝되는 시스템.