2009/05/15 10:04

웹브라우저에 따라 페이지가 달라보이는군 - SBS 뉴스 페이지

UX UI 2009/05/15 10:04



왼쪽은 구글 크롬 이고 오른쪽은 MS IE8 입니다.
보시다시피, 구글 크롬에서는 기사 상단에 동영상 썸네일 BAR가 위치하고, 기사 제목 아래 바로 메인 동영상 창이 위치하고 있습니다.

오른쪽 MS IE8는, 동영상 썸네일 창이 중앙의 메인 동영상창 우측에 위치하고 있습니다.
그리고 기사제목과 메인동영상 사이에 기사본문<엥커>이 위치하고 있네요. 웹브라우저에 따라 이정도로 차이가 나는 줄 몰랐네요. 




왼쪽은 사파리 오른쪽은 파이어폭스 ㅇ비니다.
사파리는 클롬과 같은 레이아웃으로 나오는데, 동영상 섬네일의 제목들이 깨지네요. 오른쪽 파이어폭스는 IE와 동일한 레이아웃으로 나오고요. 

오-- 새로운 걸 알았습니다. 

'UX UI' 카테고리의 다른 글

다이어그램 작성방법  (1) 2009/05/29
산출물의 정의 (Deliverable) 및 산출물 종류  (7) 2009/05/28
웹브라우저에 따라 페이지가 달라보이는군 - SBS 뉴스 페이지  (0) 2009/05/15
5월 8일 - 온라인 무적자 경험  (2) 2009/05/09
터치스크린 장비가 시각장애인들에게 유용할까?  (0) 2009/04/18
디스플레이 별 실제크기 와 해상도  (0) 2009/04/16
chrome, Firefox, IE, Safari, 사파리, 웹브라우저, 인터넷익스플로러, 크롬, 파이어폭스
1 0
2009/03/10 15:10

Prezi - 프리젠테이션의 페러다임이 바뀐다

UX UI 2009/03/10 15:10

터치스크린 장비가 나오면서 기존의 '웹 디자인'의 패러다임이 크게 바뀌고 있다. 더 이상 마우스를 쓸 필요가 없기 때문이다. 그리고 마우스를 쓸 때 만큼 작은 버튼을 정확히 누를 수도 없어졌기 때문이다. 

프리젠테이션의 패러다임도 바뀔 것 같다. '파워포인트'와 '키노트'말고는 적절한 대안이 없었는데, 이제 PREZI(http://prezi.com)가 등장했기 때문이다. 기존의 '프리젠테이션 툴'의 가장 큰 단점은 "공간제약성"이었다. 한 페이지 씩 보여줘야하기 때문에 각 페이지마다 네비게이션 도구를 달아놓거나 하는 등은 '배려'가 필요했지만, PREZI는 더 이상 그럴 필요가 없다. 아주 아주 근본적이고 직관적인 방법의 프리젠테이션이 가능하기 때문이다. 

Prezi는 보는 사람이 전체를 한 눈에 볼 수 있는 '큰 시야'를 제공한다. (큰 그림은 사람의 이해력에 굉장히 큰 도움을 준다) 그리고 각각의 세부 사항으로 Zoom IN하여 들어가 Detail을 보여준다. Path(경로) 장치로 Detail간의 이동을 시각적 이미지로 끊이지 않게 보여준다. StoryTelling방식의 PT에서는 이 보다 훌륭한 도구가 없을 것 같다. 

사진, 동영상 첨부는 물론 가능하며 추출은 Flash파일로 가능하다. 물론 Web상에서도 가능하다. (단, IE는 7.0 이상을 지원하고, Firefox에서는 아주 잘 작동한다. but Safari에서는 작동을 안 한다) 현재는 Beta Tester만 받고 있으며, 나는 일 주일 전에 신청을 했는데, 오늘 아침에 보니 Accept되어 있었다. (근무시간 도둑 포스팅이랑 마음이 급하다 ㅋㅋ) 

아, 아직 한글을 지원하지 않는다. 흑;;;; 
(꽁수 - 파워포인트로 한글을 입력한 뒤 이미지로 추출해서, 이미지 파일로 올리는 방법이 있긴 하겠다)





직접 만든 샘플보기>> http://prezi.com/13685/    (10분 만에 만들었음 ㅎㅎㅎ )
잘 만들어진 샘플보기>> http://prezi.com/10054/view/#778




아,,, 이거 우리회사에 있는 42인치 터치스크린 컴퓨터로 실행해봤는데 끝내주더라.... 으흐 



'UX UI' 카테고리의 다른 글

User Interface란,,, 그리고 좋은 Interface란,,,  (2) 2009/03/14
User Interface란, UI의 기본으로 돌아가서,,,  (0) 2009/03/14
Prezi - 프리젠테이션의 페러다임이 바뀐다  (16) 2009/03/10
[UI]아이폰엔 있고 햅틱폰엔 없는 것  (0) 2009/02/24
만약 자동차가 지금까지 컴퓨터처럼 발전하였다면....  (4) 2009/02/20
UI] 유저인터페이스 디자인은 개발의 첫 단계에서 ...  (0) 2009/02/09
fifrefox, flash, IE, Keynote, powerpoint, ppt, presentation tool, prezi, Safari, Zoom, 얼리아답터, 키노트, 터치스크린, 파워포인트, 프리젠테이션, 프리젠테이션 비결, 프리젠테이션 잘하는법, 혁신적인 프리젠테이션
1 16
2009/02/26 17:30

드러나는 Apple의 전략 - Safari 4.0 beta

AppStore&Mac 2009/02/26 17:30
<Chrome의 시작페이지에 비쥬얼 효과를 가미한 Safari 4.0의 "Top Site">



구글이 Chrome으로 Web Browser 시장에 뛰어든 후, Apple도 더 이상 보고만 있을 순 없었나보다. 일단, 역시 뽀대다. 사용자가 Safari를 이용해 자주 가는 사이트를 자동으로 나열해 보여준다. 시작페이지로 특정 사이트를 지정할 수도 있고, Top Site를 설정할 수 도 있다.

이런 Top-Site는 Naver의 적이다.
Internet Explorer의 시작페이지를 NAVER로 설정해 놓은 사람이 얼마나 많은가- 
(나도 얼마전 까지 그랬다)
Top-Site는 Naver의 방문자를 감소시킬 것이다.


Top-Site도 매력있지만,,, Apple의 야욕은,,,, 여기에 있다.

<Bookmark - iTunes의 Cover Flow기능을 그대로 옮겨왔다>

아ㅡ 무서운 놈들,,, (일단 비쥬얼이 끝내준다)
Safari가 무서운 이유는 ...

하나. 개인적으로 웹기반 프로그램 UI에 대한 조사를 하는 중에, 가장 합리적이고 로지컬한 구조가 무엇일까 하는 문제에 부딪혔었다. 내가 생각할 때 "정답에 가까운" 것은 바로 iTunes였다. 왜냐면, 좌측엔 폴더+트리형태로 디렉토리를 찾을 수 있도록 하되, 레벨을 각기 다르게 하여 분류를 설정할 수 있다. 중앙부분은 과거 텍스트(파일이름)중심이었던 시절부터 이미지(미리보기)까지 모두 커버할 수 있도록 "검색"공간을 마련하고 있다. (그리고 재생공간이기도 하다 - 동영상 재생, 음원재생시는 비쥬얼효과)

둘. iTunes가 커버하고 있는 파일형태는 음악파일, 동영상파일이다. (응용프로그램 - app store에서 다운 받은 것들-은 icon으로 보여주고 있기 때문에 반쪽짜리다). 그리고 Mac OS X-Leopard의 Finder 는 온갖 종류의 문서들 (pdf,ppt,doc,exl...) 이제는 Safari를 가지고 웹사이트들의 미리보기를 지원하고 있다. 오늘 내가 들어갔던 웹페이지가 어디였는지 기억이 안나서 수 백번 클릭했던 사람들은 이것이 얼마나 유용하고 시간낭비를 줄여주는 지 잘 알것 같다. 커버플로 띄워놓고 마우스 휠만 돌리면 휘리릭~휘리릭~ 웹페이지들이 지나간다.



이제, 터치스크린 기반의 디바이스 (향후 PC모니터도 터치스크린화 될테니)가 보편화 되고 나면, Mac의 Browsing 방식에 익숙한 사람들은 다른 방식으로 전환하기 힘들어질 것 같다.


iPhone을 개량한 7인치 크기의 포켓북을 제조할 것이라는 루머가 나오던데, 정말 그렇게 된다면, Mac이 세상을 지배하는 날이 다시 오게될지도 모르겠다.




** CPU를 Intel Chip으로 바꾸더니, Bootcamp로 Mac에서 Window가 돌아가게 했다.
*** iPhone/iPod Touch를 단순한 핸드폰OS, MP3 player 펌웨어로 만든 것이 아니라, Mac OS X를 iPhone/iPod Touch에 쑤셔넣었다.







'AppStore&Mac' 카테고리의 다른 글

애플케어가 왔어요~ ㅎㅎㅎ  (2) 2009/03/16
iPod Touch/iPhone으로 스크린캡쳐하기 - 이거 정말 최고예요!  (2) 2009/03/08
드러나는 Apple의 전략 - Safari 4.0 beta  (4) 2009/02/26
국내 iPhone/iPod Touch Application 제작업체  (0) 2009/02/23
지구 최대의 온라인컨텐츠 시장이 위험에 빠졌다. iTune Store이야기  (0) 2009/01/30
Mac용 취침 프로그램 - iWannasleep  (1) 2009/01/19
apple, chrome, coverflow, Google, Internet Explorer, MAC, Safari, safari 4.0, UI, User Interface, webBrowser, 맥, 사파리
3 4
1