it-swarm-ko.com

타임 라인 작업에 대한 예 또는 제안

선형 워크 플로를 처리해야하는 응용 프로그램을 작성하려고합니다. 간단하게하기 위해 두 가지 유형의 항목이 있습니다.

  • 이벤트 : 앞으로 이동할 수있는 트리거 조건입니다. 예상 시간이있을 수 있지만 무언가가 끝나면 통과하는 것입니다.
  • 타이머 : 작업이 시작되면 특정 시간에 종료됩니다.

작업 흐름을 만드는 편집기와 사용자에게 워크 플로를 안내하는 별도의 인터페이스를 작성하려고합니다. 시간이 지남에 따라 사용자가 과거와 미래의 중요성을 감소시키고 자합니다. 나는 다음과 같은 전통적인 타임 라인 유형보기를 고려하고 있었지만 바퀴 (위쪽 아래보기)에 놓거나 중심에서 스케일 로그를 만들었습니다. alt text

비슷한 것을 달성하거나 흥미로운 제안을하는 인터페이스를 본 사람이 있습니까?

12
Jim Rush

그것이 당신이 찾고있는 것인지 모르겠지만 며칠 전에 나는 멋지게 보이는 타임 라인을 보았습니다. iStreamer 라는 iPad 앱에서 가져 왔습니다. 내가 본 최고의 타임 라인은 ...

2
Marcos Crispino

우리는 스웨덴 건강 전문가 협회를 위해 그것에 가까운 것을 만들었습니다. 시간이 지남에 따라 활동을 시각화하고 일부 내용을 탐색하는 입구로 주로 사용됩니다. 슬프게도 그리드의 위치를 ​​잃어 버렸고 페이지의 바닥 글로 미끄러 져 내려 갔지만 확인하십시오. http://vardforbundet.se/

alt text

4
fluxd

귀하의 질문을 몇 가지 섹션으로 나누려고합니다.

Google의 금융 그래프를 살펴보십시오. alt text

특히, 전체 타임 라인 내에서 볼 수있는 섹션의 위치를 ​​볼 수있는 스크롤 막대를 확인하십시오.

트리거와 타이머의 정확한 기능을 이해하려면 약간 더 많은 정보가 필요하다고 생각하지만 작업을 언급 한 이후로 작업 한 최신 구성 요소 (프로젝트 마일스톤 및 작업을 보여주는 로드맵)를 공유 할 수 있습니다.

alt text

아이콘은 중요 시점 (트리거?) 및 작업을 표시하지만 시작 표시를 쉽게 추가 할 수 있습니다.

마지막으로-로그 스케일 또는 휠의 하향식 뷰와 관련하여-아이디어가 멋지다고 생각하지만 사용자가 그것을 얻지 못할 것이라 두려워합니다.

  • 특히 로그 스케일-이 스케일을 단순히 적용하지만 사용자에게 타임 라인이 선형으로 보이는 경우 왜곡을 실현하지 않고 중심에서 무언가를 추정 할 수 있습니다.
  • 나는 바퀴의 평면도를 좋아하지만, 소수의 사람들이 3D 지오메트리를 너무 잘 구상하지 못한다는 것을 배웠고, 중앙에 있지 않은 두 점의 차이를 추정하는 방법을 깨닫지 못할 수도 있습니다.
3
Dan Barak

어안 메뉴와 비슷한 효과를 가진 것을 사용하면 어떻게 될까요? 커서가 타임 라인 위에 있으면 주변 영역이 확장/확대됩니다.

따라서 일반보기의 경우 배율은 선형입니다. 어안 렌즈가 특정 섹션 위에 있으면 타임 라인의 스케일도 확장됩니다.

http://www.ajaxdaddy.com/demo-interface-fisheye.html

2
milesmeow

아마도 타임 라인에 대한 스마트 확대/축소 기능이 작동 할 수 있으며 바퀴와 로그 타임 라인 사이에 시각적으로 영향을 줄 수 있습니다 (종 모양의 벨 커브). 아마도 Dopplr.com의 타임 라인이 당신에게 영감을 줄 수 있습니다.

또한 Matt는 DxF2009에서 "Here & There"라는 프로젝트를 설명하는 시간에 관해 매우 흥미로운 기조 연설을했습니다. 다소 많을 지 모르지만 시간과 관련된 인터페이스 솔루션을 제시해야 할 때 정말 고무적입니다.

(링크를 게시하고 싶지만 평판이 좋지 않아서 죄송합니다 ... 죄송합니다)

0
Pieter

"timeline"태그가있는이 태그가 있습니다 : http://marcinignac.com/wp-content/uploads/2010/03/cambridge_gatwick06.png

어쩌면 이것은 영감이 될 것입니다 ...

0
Jüri

"현재 시간"에서 멀리 떨어져있는 이벤트에 대해 이벤트를 설명하는 텍스트를 작게 만들어 시간 섹션의 중요성을 표시 할 수 있습니다. 이렇게하면 타임 라인이 왜곡되지 않지만 독자의 눈은 즉시 더 큰 글꼴로 그려집니다.

0
lynxoid