남자의 옷장 어플리케이션 개발기 #8

2013-12-03 15.31.07

안드로이드 버전 아이템 세부 보기 화면을 개발중이다.

처음 생각한 안은 세 가지였다.

1 – 사진을 2 ~ 3개 정도 보여 주고, 더보기 버튼을 두어 이미지 리스트 보기로 이동

2 – 설명을 위로, 아래에는 모든 이미지들을 스크롤뷰 내부에 배치

3 – 한 화면에 구역을 이미지 섹션과 내용 섹션 둘로 나누어 두 섹션 모두 스크롤뷰로 구현

4. – 설명을 레이어팝업 형태로 노출

 

1번은 추가적인 페이지 이동으로 인해 복잡도가 증가하고, 가로모드 전환 시 공간 배치가 어색해지기 때문에 제외

2번은 스크롤뷰로 다수의 이미지를 보여 주는 것은 부드러운 스크롤이 불가능할 것 같고, 가로-세로 모드 전환 시 이미지 위치를 수동으로 잡아 줘야 하므로 제외

3번은 화면이 작을 경우에는 답답할 수 있고, 한 화면에 두 개의 스크롤뷰가 있을 경우 조잡해 보일 수 있으므로 제외.

그나마 나은 방법이 4번인 것 같다. 하지만 이 방법도 화면에 진입할 때마다 레이어 팝업이 노출되면 이것을 닫는 것도 귀찮은 작업이 될 수도 있기 때문에 사용자가 노출 조건을 설정하게 해줘야 할 것 같다. 이럴 경우 사용자가 자신이 지정한 설정 때문에 설명이 노출되지 ㅎ는 것을 인지하지 못할 수도 있으므로, 단순히 ‘다시 보지 않기’ 등의 옵션으로는 부족하다. 더 많은 고민이 필요하다.

2013-12-05 02.39.05

하단의 버튼 크기와 기타 디테일들은 손을 좀 봐야 할 것 같지만 큰 틀은 이 정도에서 벗어나지 않을 것 같다.

 

이제 남은 작업은 전체화면에서 개별 이미지를 보는 부분.

iOS에서도 꽤 애를 먹었던 부분인데, 안드로이드 역시 순조롭지는 않을 것 같다. 특히 가로-세로 모드가 변화되었을 경우에 대한 처리가 까다로울 것 같다. iOS와는 조금 다르지만, 안드로이드 기본 사진앱과 같은 형태로 구현하는 게 가장 좋은 방법이겠지?

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s