Art, Design & Lifelog

Art, Philosophy, Design, Font, Music, Essay, Critique, Diary, Opinion, News

IMG/UIX 16

UX의 ZEN. 06 - 닫기 버튼이 왼쪽으로 가는 까닭은

앱 디자인이 태동하던 10여 년 전¹ 만 해도, 앱이 수행하는 기능은 웹사이트와 크게 다르지 않았어. 하지만 요즘의 앱은 웹과 비교도 안될 정도로 넓은 영역을 포괄하는 것 같아. to-do앱처럼 가벼운 앱도 여전히 많지만, 대부분의 상업적인 앱은 휴대성과 다양한 장치(카메라, NFC, 마이크 등의 장치와 GPS, 조도, 모션 감지 등의 센서 등)를 활용하여 보다 복합적인 기능을 수행하기 때문에, 앱 자체도 무거워지고 활용도도 높아졌지. 물론, 앱이 무거워지는 가장 큰 이유는 사용자를 뺏기지 않겠다는 욕심이 가장 큰 이유일 테고. ^^ 이제 앱이 복잡해지는 속도는 두 OS의 가이드 업데이트 속도를 앞서기에 이르렀어. 이제는 애플과 안드로이드의 가이드만으로는 각 서비스의 필요를 커버할 수 없게 되었지. 5년..

IMG/UIX 2021.06.06

UX의 ZEN. 05 - 디자인 루키는 못생긴 디자인을 이해해야 한다.

젊고 유능한 디자이너들이 자주 빠지는 문제라고 봐. 간지나는 멋진 디자인을 하고 싶은 욕구. 디자이너로서 당연하지만, 미적인 탐닉이 때로는 사용성을 저해하는 경우가 있다는 걸 이해 못하는 경우가 많더라구. 위 디자이너들은 양해해주길 바라. 이 글에서 '잘못된 케이스'로 예를 삼는 거지만, 그만큼 디자인이 좋다는 뜻이니까. 깨끗하고, 군더더기 없고, 감각적이고, 개성도 있고. 뭐가 문제겠어. 훌륭하지. 하지만, 보기 좋은 디자인이라고 해서 꼭 UX에 도움이 되라는 법은 없어. 자신의 능력을 뽐내는 것과 일반인의 사용성을 보장하는 것은 완전히 별개거든. 디자인을 잘하는 루키들에게 나타나는 증상을 몇가지 유형으로 정리하면 다음과 같아. 어포던스의 부족 식별하기 어려운 텍스트 색상 사용과 색면 배열 정지된 화면..

IMG/UIX 2021.06.04

FontShare를 통해 본 폰트 트렌드 2021

이제는 구글 폰트를 통해서 양질의 폰트를 - 저작권 걱정 없이 - 얻을 수 있지만, 디자이너에게는 언제나 새로운 폰트에 대한 갈증이 있게 마련이지. 아무래도 구글 폰트는 저작권 및 배포 문제를 해결해서 가져오느라 시간도 좀 걸리고, 범용성을 기준으로 선별하기 때문에 트렌드를 반영하긴 어려워. 트렌드를 반영하는 무료 폰트를 찾느라 dafont나 fontsquirrel을 찾는 것도 한 방법이겠지만, 워낙 퀄리티가 떨어지는 아이들이 많아서 모래밭에서 바늘 찾는 느낌이고, 찾더라도 저작권이 깨끗하게 해결되었는지 자세히 살펴봐야 하지. (물론 베스트는 현질 ^^) 그런데 최근에 fontshare라는 서비스가 런칭을 했어. Indian Type Foundry (ITF) 사에서 만든 서비스이고, 상업/비상업적인 모든..

IMG/UIX 2021.03.29

UX의 ZEN. 04 - Tab에 대한 단상 (4)

* UX의 ZEN이라는 이름으로 올리는 포스트는, UX의 절대적인 답이라기보다는, 그동안의 경험과 이해를 바탕으로 내가 주장하고자 하는 내용이야. 즉, 절대적인 것도 아니고 잘못되었을 수도 있지만, 나로서는 거의 확신에 가까운 내용이지. 이 시리즈를 볼 때는 이런 관점으로 이해해 주길 바라. 이전 포스팅 (링크1, 링크2, 링크3)에서 탭의 4가지 속성 중 세 가지를 두서 없이 적었어. 사실 내용이 다 섞여있고, 나름 오랫동안 찌들은 불평이다보니 주제도 안맞고 난감하기는 해. 그래도 개인 블로그니까^^ 그냥 쭉쭉 진행하려고. ① 탭 간의 연결성 ② 영역의 제한성 (지배적 성질) ③ 탭의 지시성 (앵커와 기능이 겹침) ④ 탭 간의 배타성 탭 간의 배타성에 대해서 쓰려 했는데, 마침 친정(?) 회사에서 스타..

IMG/UIX 2021.03.06

UX의 ZEN. 04 - Tab에 대한 단상 (3)

* UX의 ZEN이라는 이름으로 올리는 포스트는, UX의 절대적인 답이라기보다는, 그동안의 경험과 이해를 바탕으로 내가 주장하고자 하는 내용이야. 즉, 절대적인 것도 아니고 잘못되었을 수도 있지만, 나로서는 거의 확신에 가까운 내용이지. 이 시리즈를 볼 때는 이런 관점으로 이해해 주길 바라. 이전 포스팅 (링크1, 링크2)에서 탭의 4가지 속성 중 두 가지를 이야기했어. 하다 보니 푸념이 되긴 했지만, 뭐 어때. 개인 블로그인데. ^^ ① 탭 간의 연결성 ② 영역의 제한성 (지배적 성질) ③ 탭의 지시성 (앵커와 기능이 겹침) ④ 탭 간의 배타성 오늘은 이 중 ③ 탭의 지시성에 대해서 써 볼까 해. 오늘 설명하는 탭은 앞의 두 포스팅에서 설명하는 탭과는 다르게 '앵커 기능'을 중심으로 이야기하려 해. 앞..

IMG/UIX 2021.02.28

UX의 ZEN. 04 - Tab에 대한 단상 (2)

* UX의 ZEN이라는 이름으로 올리는 포스트는, UX의 절대적인 답이라기보다는, 그동안의 경험과 이해를 바탕으로 내가 주장하고자 하는 내용이야. 즉, 절대적인 것도 아니고 잘못되었을 수도 있지만, 나로서는 거의 확신에 가까운 내용이지. 이 시리즈를 볼 때는 이런 관점으로 이해해 주길 바라. 이전 포스팅 (링크)에서 탭의 4가지 속성을 이야기했어. ① 탭 간의 연결성 ② 영역의 제한성 (지배적 성질) ③ 탭의 지시성 (앵커와 기능이 겹침) ④ 탭 간의 배타성 이전 얘기가 애매하게 끝났지만 — 일단은 go. ^^ 영역의 제한성에 대해서 이야기할까 해. 문서 또는 책에서의 전통적 탭 개념은 애초에 분명한 경계가 있었기 때문에, 탭이 지시하는 영역이 비교적 명확했어. 다음 탭이 나오기 전까지의 카드들만 담으면..

IMG/UIX 2021.02.26

UX의 ZEN. 04 - Tab에 대한 단상 (1)

* UX의 ZEN이라는 이름으로 올리는 포스트는, UX의 절대적인 답이라기보다는, 그동안의 경험과 이해를 바탕으로 내가 주장하고자 하는 내용이야. 즉, 절대적인 것도 아니고 잘못되었을 수도 있지만, 나로서는 거의 확신에 가까운 내용이지. 이 시리즈를 볼 때는 이런 관점으로 이해해 주길 바라. 오늘 할 얘기는 탭에 대한 이야기야. Tab. Tap 말고 Tab. 옛날에 사내 뉴스레터를 제작할 때도 이 내용을 쓰기는 했지만 (링크), 다시 써야할 필요를 느꼈어. 시대가 변하면서 관점도 좀 수정됐고, UX 문화가 성숙하게 되면 자연히 탭이 지양될 것이라고 믿었는데 여전히 실무에서 탭을 '밀어내야' 하는 상황이 많아서, 수고스럽더라도 wiki에 글 쓰듯이 내 나름의 정리를 해야할 것 같았어. 탭은 캐비넷과 색인(..

IMG/UIX 2021.02.07

UX의 ZEN. 03 - 모서리가 둥근 사각형은 왜 사용하는가.

* 이걸 우리말로 뭐라고 불러야 하지? 라운디드 렉탱글? 둥글린 사각형? 콩글리시로 흔히 '라운딩 사각형'이라고 부르긴 하지만 가장 찝찝한 표현이고. 이 글에서는 '둥근 모서리'로 불러야 할 것 같아. 사실 UX의 분류상으로 보면 Rounded Rectangle 보다는 Rounded Corner(s)로 이야기를 전개하는 게 맞겠지. 하지만, 이번 이야기는 단순히 '둥근 모서리의 사각형' 이야기만 할게. 요즘 같이 일하는 주니어는 라운딩을 싫어해. 왜인지 물어보면, "굳이 필요없는 요소라고 느껴서"라던가 "디자인이 어려지기 때문"이라고 답하더라구. 이런 친구들은 Cargo 스타일의 디자인을 좋아하는 유형이지, 혹은 바우하우스를 신봉하는 편이던가. 맞는 말이긴 해. 모서리를 둥글리면 여러모로 귀찮은 일이 생..

IMG/UIX 2021.01.18 (2)

인공지능을 망령되이 일컫지 말라 - AI 이루다

최근에 이슈가 된 인공지능 '이루다' 이슈는 꽤 심각한 문화적 사건이지만, 심각성과 관계없이 내겐 여러가지 문제를 동시에 생각하게 하는 흥미로운 주제였어. 이 서비스를 써본 적은 없어서, 자세히 관찰하기 위해 이루다를 찾아 봤는데, 예상외로 여전히 서비스가 운영 중이더라구. 한두 시간 돌려봤어. 개발사 사이트, 이루다 페북, 각종 뉴스 기사를 리서치했고, 이를 토대로 이루다에 대한 감상, 생각할 거리를 적어봤어. 우선, 내 결론을 말하자면 - 이걸 '인공지능'이라고 부른다고? 1. 도대체 우리나라 사람들은 언제쯤 개인정보를 제대로 보호받을까? AI 이루다를 만든 '스캐터랩'의 1차 문제는, 캐릭터 '이루다'가 성희롱, 혐오 발언을 하는 것에 앞서서, 이루다의 어휘를 구성하는 기준 데이터를 무단 수집했다는..

IMG/UIX 2021.01.12

디자인을 잘하기 위한 사소한 습관 만들기 - UX, UI, GUI

이 글도 2018년에 기고한 글을 옮겨 적은 건데, 약간만 고쳤어. 원문은 여기에서 볼 수 있는데, 오랜만에 보니 조금 오글. 존댓말이었는데, 여기에 맞게 반말체로. 조금 더 시니컬하게 내용을 바꿨음. ^^ 버릇없이 '너'라고 말하는 게 글의 톤과 맞으니 양해를. 철저하게 '선배'의 관점으로 쓴 글이니까. “디자인을 잘하려면 어떻게 해야 하나요?” - 종종 듣는 질문이긴 하지만, “그런 방법이 있다면 내가 먼저 했지”라는 뻔한 농담만 하는 수밖에. (질문할 때는 진심이겠지만, 솔직히 하란대로 하는 사람을 못 봐서 그래. ^^) 일단, 질문 자체가 좀 어려워. 쉽게 대답할 거리가 아니지. 질문이 어려운 이유는 - 모든 디자이너에게 통용되는 일반적인 발전의 방법론이라는 것이 있을 리 만무하거니와, 디자인은 ..

IMG/UIX 2021.01.09 (2)
728x90