본문 바로가기

전체 글128

인터랙션을 막을까, 아님 알럿을 띄울까? 인터랙션은 사용자와 서비스 간의 상호작용을 말한다. 사용자가 링크를 클릭하면 타겟 페이지로 이동하는 것도 인터랙션이다. 사용자가 화면 위의 오브젝트를 끌어다 움직이는 것도 인터랙션이다. 만약, 특정한 상황에서 사용자가 어떤 행동을 했는데, 의도한 대로 결과가 나올 수 없는 상황이라면, 애초에 이 행동을 못하도록 막아야 할까? 아니면 행동을 했을 때 원하는 결과가 진행될 수 없음을 알려줘야 할까? 이렇게 말하면 대체 뭔 소린지 이해가 안될테니, 예시를 들어보자. 쇼핑몰이 있다. 여기서 아주 끝내주고 멋지고 아름다운 볼펜을 판다고 치자. 근데 이 볼펜은 판매처가 희귀해서 한국인은 이 쇼핑몰에서만 이 볼펜을 살 수 있다. 그런데 오늘. 마지막 남은 재고를 누군가 사버렸다. 이제 재입고 전까지 이 볼펜의 재고는.. 2019. 12. 4.
아름다움 먼저? 접근성 먼저? 웹 또는 앱을 디자인할 때 미학 측면과 접근성 측면, 어느 것이 더 중요할까? 바보 같은 질문이다. 둘 다 중요하다. 이건 이상적인 답변. 현실에서는? 미학 측면이 더 중요하다. 왜냐고? 당신이 만든 디자인을 컨펌하는 사람은 시각 장애인이 아닐 가능성이 높다. 아 물론 색약 또는 색맹일 가능성 정도는 있지만, 누가 더 다수인가의 관점에서 보면 굳이 따져볼 필요도 없거든. 하지만 굳이 우리가 세금을 받고 일하는 사람이 아니라 하더라도, 우리가 UX-UI 디자이너인 이상 최소한의 접근성은 보장해야할 직업적 의무가 있다. 아무리 민간 기업이 운영하는 서비스라 하더라도. 민간 소유의 건물이라도 휠체어 경사로를 만들고 점자블록을 배치한다. 그러나 종종 극단적으로 접근성을 높이려고 하다보면 미학적인 측면을 훼손하는.. 2019. 11. 26.
웹사이트 디자인 개편 체크리스트 7 웹사이트의 디자인 개편 여부를 판단하는 기준은 무엇일까? 정답은 없는 질문이다. 아무튼 여러 회사와 단체는 웹사이트를 꾸준히 개편한다. 그러니 나 같은 사람이 있는 거지. 드물기는 하지만 정말 90년대 후반에 만든 후에 손을 안댔나 싶은 웹사이트가 간혹 있기는 하다. 내가 놀라워하는 점은 디자인 개편을 안했다는 점이 아니라, 그런 사이트를 계속 유지하고 있다는 점이지만. 웹사이트 디자인 개편 체크리스트에 대한 글이 있어 소개한다. 원문링크: https://www.webfx.com/blog/web-design/website-redesign-checklist/ Website Redesign Checklist + 7 Handy Website Redesign Tips There are a few sure-fir.. 2019. 11. 25.
프로젝트 수행 관련 툴 20선 프로젝트 수행을 위해 다양한 툴과 서비스가 끊이지 않고 나오고 있는데, 이를 바로 바로 받아서 실제로 쓰기는 쉽지 않다. 특히 웹에이전시나 SI의 경우라면 더욱 그렇고. 설령 자체적으로 도입을 결정할 수 있다 하더라도 언어 장벽도 그렇고, 해외에서 개발한 툴을 써보기로 결정하는 게 쉬운 일은 아니다. 그러나 그렇다 하더라도, 아무튼 이렇게 누군가 정리해준 내역이 있으면 그냥 모아놓고 나중에 시간이 날 때 한 번씩 방문만 해봐도 도움은 된다. 아예 모르고 있는 것보다는 낫지. 원문링크: https://www.noupe.com/business-online/tools-for-project-management-and-collaboration.html Want to Make Every New Project a S.. 2019. 11. 23.
절대 어기면 안될 웹디자인 원칙 4 제목 참 거창하다. 내용은 제목만큼은 거창하지 않지만, 분명 기억해두면 좋다. 이런 내용은 기획 초기에 포스트잇 같은 데 간단히 적어서 붙여놓고 자주 흘낏 보며 되새길만 하다. 원문링크: https://webdesignledger.com/4-web-design-principles-you-should-never-ever-violate/ 4 Web Design Principles You Should Never, Ever Violate If you want to design effective websites that convert, you should never violate any of these four principles. webdesignledger.com 원칙 1: 핏츠의 법칙(Fitts' Law) .. 2019. 11. 20.
접근성의 미신: 색깔에 대한 오해 원글은 아래와 같다. 원문 링크: The myths of color contrast accessibility 웹 접근성은 꽤나 중요한 이슈이자, 보다 많은 대중을 대상으로 원활한 사용성을 보장하기 위한 기본 전제 중 하나다. 특히나 정부 기관이나 공공 기관이라면 시각 장애인이나 색을 구별하지 못하는 사람(Color blind, 색맹)에게도 원활한 접근성을 보장할 의무가 있다. 국내에서도 장애인차별금지법이 시행되면서 특히 웹 접근성 테스트에 대한 관심이 높아졌다. 조금 아쉬운 점은 여전히 테스트 결과 나오는 점수를 받아서 접근성 인증 마크를 표시하는 데에만 관심이 더 많다. 한국 기업의 장애인 고용 비율은 처참할 정도로 낮고, 더구나 장애인이 기업에서 의사결정을 하는 직급까지 이른 경우가 극히 드물다는 데.. 2019. 11. 18.
드롭다운의 문제점 드롭다운. Dropdown. 당장 이 블로그의 글쓰기 화면 상단에도 드롭다운이 있다. 글이 등록될 카테고리를 선택하는 역할. 웹페이지가 생긴 이후 아주 오랜 시간 동안 많은 인풋 UI에서 기본형으로 사용하고 있는데, 무슨 문제가 있다는 것일까? 원문링크: https://designsmarts.co/the-problem-with-dropdowns/ The problem with dropdown fields (and what you should use instead) The dropdown is often used in a way that makes user input more difficult. Learn about the advantages and disadvantages of using them. de.. 2019. 11. 15.
토글 토큰이 체크박스보다 나은 이유 체크박스. 뭔가를 선택하는 항목을 나열할 때 사용하는 가장 기본적인 UI 형태이다. 동시에 직관적이기도 한데, 이건 이 UI 요소가 아주 오래되었기 때문. 종이 형태로 된 서류에도 "해당하는 항목에 체크하시오" 같은 지시문과 함께 체크박스를 사용해왔다. 웹 폼이 등장하면서도 체크박스는 다중 선택 UI의 상징처럼 사용됐다. 그러다 모바일 시대가 시작되면서 '이게 최선인가?' 하는 의문과 함께 다른 UI에 대한 고민이 시작. 체크박스의 대안을 얘기하는 글이 있어 소개한다. 원문링크; https://uxmovement.com/forms/why-toggle-tokens-are-a-better-alternative-to-checkboxes/ Why Toggle Tokens Are a Better Alternati.. 2019. 11. 13.
폼(form) 디자인을 잘 하려면? 사용자와 웹서비스 제공자가 가장 적극적으로 만나는 지점 중 가장 대표적인 것이 뭔가를 입력하는 폼(form)이다. 동시에 사용자가 가장 싫어하는 화면이기도 하다. 뭘 신청하려면, 뭘 사려면 반드시 거쳐야만 하는 화면. 동시에 이탈율을 끌어올리는 주범. 폼 디자인 시 주의할 점 46가지를 소개한다. 원문링크: https://www.jotform.com/form-design/ 46 Form Design Best Practices | Form Design Examples Best web form design practices that will drive engagement, increase conversions and help you collect meaningful data. www.jotform.com 1.. 2019. 11. 11.