본문 바로가기

전체 글120

햄버거 메뉴와 소세지 링크의 장단점 왜 하필 모바일에서 사용하는 메뉴 UI 타입의 이름이 햄버거와 소세지가 되었는지는 잘 모르겠다. 아무튼 두 가지 메뉴 타입의 장단점을 얘기한 글을 하나 소개한다. 원문 링크: https://uglyduck.ca/hamburger-menu-alternative/ 햄버거 메뉴의 장점 시각적 공간의 최소화 상당수의 사용자들이 기능을 이해하고 있음 디자이너가 모바일에서 모든 항목을 쑤셔넣기 편함 햄버거 메뉴의 단점 스크린 리더와 키보드만 쓰는 사용자에게도 잘 작동하는지 확인하기 위한 추가 업무 필요 하위 메뉴, 도움말 등이 있을 때 복잡도 상승 표시를 위해 추가적인 자바스크립트 작업이 필요할 수 있음 사용자의 추가적인 반응 필요(클릭해서 펼친 사용 가능한 항목을 살펴봐야 함) 위 글의 저자는 햄버거 메뉴도 그렇.. 2019.10.24
웹소설에서 발견되는 단점 세 가지 몇 달 전부터 웹소설을 즐겨 읽는다. 그 와중에 오래 전에 나온 판타지 소설도 몇 권을 읽었다. 국내 1세대 판타지 소설 작가라 할 수 있는 윤현승 작가의 "하얀 늑대들" 같은. 초기 판타지 소설을 좀 더 읽어볼까 하고 전민희 작가의 "세월의 돌"도 읽기 시작했는데, 4권에서 포기했다. 10권짜리 책이니 40%에 도달한 셈인데, 읽는 느낌으로는 이야기의 10% 수준에 머물러 있는 것 같아서. 서론이 엄청나게 긴 이야기를 읽는 기분이라 버틸 수가 없었다. 초기 판타지 소설은 지금 나오는 웹소설에 비해 전개가 느리다는 말들이 있었는데, 나도 거기에 동의.웹소설을 읽어보니 내가 예전에 읽던 '제도권 소설'과 확연히 구별되는 세 가지 단점이 있다. (제도권 소설이라고 칭하는 게 이상하다만, 신춘문예 같은 전통적.. 2018.09.23
디자인 트렌드를 따라야 할까? 디자인 트렌드를 따라야 할까? 읽고 생각해볼만한 기사. 웹디자인이 변화해 온 것은 물론 긍정적인 측면(가령 구글의 머터리얼 디자인처럼)도 있고, 사용자 경험을 향상시키는 방향으로 변하는 것도 있다. 하지만 아무런 의미 없이 그저 '지겨워졌다'는 것만으로 변해온 측면도 있다. 지겨워하는 주체가 디자이너 자신이기도 하다는 말은 디자이너들의 옆구리를 콕 찌를만 하다. 더 좋은 사용성을 위한 거라고? 그냥 니가 계속 같은 디자인을 하기 싫어서 아냐? 이런 거지. 인상적인 문장 하나. "Not to mention, a market economy is built upon companies continuing to present new products and new designs, regardless of how g.. 2018.02.27
날짜 선택기(Date Picker) UI에 대해 Date Picker의 세계는 넓고 깊구나. 글이 길어서 중간쯤까지 보다가... 아우, 다음에 보자 하고 그냥 패스; 중간까지 본 소감은, 이렇게까지 집요하게 한 가지 기능의 UI를 파들어가는 건 정말 대단하다는 거. "거 뭐 대충 연도/월/일 찍고 시간 찍으면 되는거 아녀?" 할 수도 있는데, 이런 게 모여서 고객 만족도가 높아지겠지. 나중에 읽겠다고 했지만, 안 읽을 가능성이 크다; 혹은 읽고 시간 나면 간략히 번역을 할지도. https://www.smashingmagazine.com/2017/07/designing-perfect-date-time-picker/ 2017.07.07
모바일: 메뉴 버튼을 아래로 내리자 휴대폰에서 엄지손가락이 닿는 범위에 대한 얘기는 오래 전부터, 그러니까 아이폰이 나온 뒤부터 거론되기 시작했다. 그러니 아예 메뉴 버튼을 아래로 내리자는 주장. 일리가 없지 않은데, 가장 큰 문제는 안드로이드 기기의 소프트키가 메뉴 바로 아래에 있게 된다는 것. 필자는 실수로 인한 터치를 언급하고 그 대안을 제시하는데, 아마도 현실에선 이게 문제가 아닐걸? "보기에 이상하잖아요!" 아마 이 UI를 얘기하면 디자이너한테 이 말을 가장 먼저 듣게 될 거다. http://uxmovement.com/mobile/why-mobile-menus-belong-at-the-bottom-of-the-screen/ 2017.07.06
새로운 앱개발 플랫폼 React Native 하이브리드 앱의 단점을 없애고, 네이티브 방식으로 작동한다는 하이브리드 앱 개발 플랫폼 React Native. OS 간의 코드를 최대한 공유하면서도 각각 다른 OS UI를 반영할 수 있도록 해준다는데, 이거 설명만 보면 이 글에서도 나온 '은 총알'이잖아. (물론 글에서도 나오듯, 모든 일을 해결하는 은 총알은 없다만) 국내에도 적용한 사례가 있는지 궁금하다. https://www.smashingmagazine.com/2017/06/transition-hybrid-apps-react-native/ 2017.06.15