From Design pattern
Jump to: navigation, search

Bounce back은 화면을 상하좌우로 이동하면서 다음 컨텐츠를 보는경우, 화면의 마지막 페이지에 도달하였을 때 벽면에 부딛히는 듯한 효과를 보여주는 스크린 인터랙션 패턴이다. Bounce back 이라는 명칭은 공을 튕길 때 공이 바닥에서 튀어오르는 것과 같이 화면의 끝에 도달했을 때 페이지가 튕겨나자겨 나가는 것에서 유래되어 Bounce back이라고 불린다.

With this pattern, we can solve...

  • End of page lighting 도 마지막 페이지를 보여주는 같은 기능을 갖고있지만, End of page lighting의 경우 화면의 끝 부분에 화면과 다른 색상으로 표시하는 효과를 가지고 있다.
  • 화면의 마지막 페이지에 대한 안내가 없을 경우, 페이지가 더 이어지는지 혹은 그냥 빈 화면인지 사용자가 헷갈릴 수 있기 때문에 화면이 튕기는 듯한 효과를 통해 사용자에게 마지막 페이지임을 인식시키기 위해 사용된다.

Example: iOS_Learnist


iOS_Duolingo

  • 더이상 다음페이지가 없음을 Flick을 통해 보여준다.

iOS_Thunderspace2

  • 스크롤의 맨 끝에서 swipe하면 움직이는 대신 화면이 길게 늘어나 끝임을 알려준다.

Android_LG home

iOS_Gogobot