[iOS] Human Interface Guidelines - Views - Collections 정리

안녕하세요 Hani입니다.

이번에는 HIG의 Views - Collections에 대하여 다뤄볼 거예요. ☺️

 

 

 

collection은 탭, 터치, 스와이프와 같은 상호작용을 지원하고

아이템을 추가, 삭제, 재정렬할 때 애니메이션을 사용할 수 있습니다. ☺️

 

각 아이템마다 엄격하게 선형적인 형식을 강요하진 않아서 크기가 다양한 아이템을 보여줄 수도 있습니다.

 

상호작용과 애니메이션 모두 커스텀도 가능하지만

대신 고려해야 할 점이 몇 가지 있어요.

 

 

Avoid creating radical new designs when a standard row or grid layout is sufficient.

collection은 이목을 끄는 것이 아니라 UX를 상승시키는 것이 목적이기 때문에

과도하게 row나 layout을 커스텀하지 말아야합니다. 🚨

 

또한 컨텐츠가 겹치지 않도록 컨텐츠 사이에 패딩을 줘서

아이템을 쉽게 선택할 수 있도록 만들어야 해요.

 

 

Consider using a table instead of a collection for text.

스크롤가능한 리스트에 텍스트만 나타낸다면 collection보단 table을 이용하는 편이 효율적입니다.

collection은 이미지에 기반한 컨텐츠를 보여주기 적합하니까요. ☺️

 

 

Use caution when making dynamic layout changes.

collection의 레이아웃이 유저가 상호작용할 때 동적으로 바뀐다면

사용자가 해당 변화를 이해하고 쉽게 따라갈 수 있도록 만들어야 합니다.

 

---

References

https://developer.apple.com/design/human-interface-guidelines/ios/views/collections/