brunch

You can make anything
by writing

C.S.Lewis

by 김준범 Jun 05. 2020

Android VS. iOS (8)

Other patterns


21. Other Patterns


21-1 Search


Android의 Search는 두 가지 종류가 있다. persistant search와 expandable search이다. iOS의 prominent search와 minimal search와 비교될 수 있다.


Android의 persistant search와 iOS의prominent search는 주로 앱의 주요 기능이 검색일 경우 사용된다. 쇼핑앱과 같이 검색을 통해 물건을 사려고 하는 앱을 예를 들 수 있다.


Android의 expandable search와 iOS의 minimal search는 search 기능이 부수적인 기능일 경우 사용된다. Android는 icon으로 search bar를 축소시킨다. app bar의 search 아이콘을 선택하면, app bar는 search bar로 변경된다. iOS는 디자인적인 요소를 이용해서 search bar를 반투명하게 만들어 두드러지지 않게 한다.

iOS도 또한 search 아이콘을 search를 덜 중요하게 보이기 위해 사용한다. 더우기, iOS는 search bar를 navigation bar 뒤에 숨겨서 swipe down했을 때 나타나도록 하기도 한다.


20-2. Delete and Other Actions

Android 사용자는 아이템을 long press하여 삭제같은 버튼이 액션바에 있는 선택 모드로 진입할 수 있다. 또한 overflow아이콘을 눌러서 "선택" 옵션이 있는 메뉴를 불러 선택 모드로 진입할 수도 있다.


iOS사용자는 삭제와 같은 감춰진 액션을 나타나게 하기 위해 swipe 동작을 사용한다. navigation bar의 "편집"을 선택하여 아이템을 삭제하거나 재정렬할 수 있는 편집 모드로 진입할 수도 있다. 편집모드에서 이동과 보관 등의 액션이 더 필요할 경우 툴바를 이용하여 해당 액션들을 배치하기도 한다.



20-3. Select Text


Android와 iOS 모두, 사용자는 텍스트를 선택하기 위핸 long press 액션을 취한다.  Android  에서 long-press를 하면, action bar가 선택모드로 변경되며 액션 아이콘들이 나타난다. iOS에서는 선택된 텍스트 바로 위에 액션 버튼들이 나타난다. Android도 역시 현재에는 iOS처럼 선택 영역 위에 잘라내기, 복사, 붙여넣기 등의 액션이 있는 floating toolbar를 사용하고 있다.


Text가 복사되거나 잘라내기가 된 다음에는, 텍스트 필드에서 long press를 하면 붙여넣기 팝업이 나타나고 선택을 해서 붙여넣기를 할 수 있다.




20-4. Progress & Activity


일반적으로, progress bar를 적용하는 것이 spinner보다 낫다. 왜냐하면 progress bar는 사용자에게 얼마나 남았는지 상태를 알 수 있게 해주기 때문에 인내심을 가지고 기다릴 수 있게 해주기 때문이다.

Progress bar는 진행상태를 예측할 수 있는 경우에 사용된다. 진행상태를 측정할 수 없을 경우 spinner를 사용한다. 그러나 진행상태를 예측할 수 있어도 기다리는 시간이 3-4초 이하일 경우, spinner를 사용하기도 한다.

Progress bar는 다이얼로그의 텍스트와 같이 나타나거나, app bar/navigation bar의 하단 모서리에 나타난다. 스토어에서 앱을 브라우징하는 화면에서 해당 예를 찾아볼 수 있다.

Progress bar는 직선모양일 수도 있고 원형일 수도 있다. 원형이 Progress indicator는 주로 다운로드 버튼과 함께 사용된다. Download버튼을 누르면, 버튼이 원형의 progress indicator로 변경된다.

Android의 progress indicator에는 4가지 종류가 있다. 1) Determinate(완료가 정해져 있는) 2) Indeterminate(완료가 정해져있지 않은) 3) Buffer 4)Query Indeterminate and Determinate 이다.


Android linear progress and activity indicators
Android Circular indeterminate and determinate progress indicators


Refresh는 Android가 iOS의 방식을 따라갔다. 콘텐츠를  refresh하기 위해 swipe down하는 것이다. Swipe down하면 원형의 spinner가 나타나고 로딩이 완료되면 사라진다.



20-5. Icons : Share VS. Action


앱의 컨텐츠를 다른 앱과 공유하고 싶을 때, Android와 iOS는 각각의 다른 아이콘을 사용한다. iOS는 공유 아이콘을 누르면 앱 뿐만 아니라 복사, 즐겨찾기, 저장 등을 할 수 있는 modal view가 나온다.



20-6. Status Bars


Android와 iOS 모두 시계, 베터리 상태, 와이파이 상태 등을 나타내는 status bar를 사용한다. status bar를 swipe down하면 알림센터가 나타난다.



20-7. Navigation Bars VS. Home Button


Android의 navigation bar와 iOS의 navigation bar는 서로 다른 것을 지칭하니 혼동하지 말기 바란다.

Android의 navigation bar는 뒤로, 홈, 최근 앱을 실행하는 3개의 버튼으로 되어 있고 화면 상의 버튼 또는 물리 버튼으로 되어 있다.


iOS는 Home이라고 불리는 물리 버튼을 가지고 있다. 한 번 누르면 home으로 가고, 두 번 반복하여 누르면 최근 앱 리스트가 나타난다. iOS는 Android와 같이 Back 버튼이 없기 때문에, UI 화면의 navigation bar에 back 버튼이 있어야 한다.


iPhoneX가 출시된 후, Home키가 없어졌다. Bar indicator에서 swipe up하면 home으로 돌아간다.






원문 출처 : https://medium.com/@chunchuanlin/android-vs-ios-compare-20-ui-components-patterns-part-2-3edba2076b25

작가의 이전글 Android VS. iOS (7)

작품 선택

키워드 선택 0 / 3 0

댓글여부

afliean
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari