제품 소개 얼마 전에 AwairNet이라는 새 제품을 런칭했습니다. AwairNet은 Omni라는 센서에 애드온하여 사용할 수 있는데요, 센서가 갖고 있는 연결 방식의 문제를 극복하기위해 개발되었습니다. 지금까지 어웨어의 센서는 크게 3가지 방식으로 연결할 수 있습니다. 와이파이에 연결하는 방법 이더넷(랜선)에 연결하는 방법 BACNet 빌딩시스템에 연결하는 방법 이 중 무선 연결은 WiFi만이 가능합니다. WiFi는 유선 연결에 비해 설치가 용이하지만, 네트워크가 동작하는 거리가 짧고 연결이 안정적이지 못합니다. 그에 비해 AwairNet은 매우 안정적이면서 동시에 거리 제약이 거의 없는 통신방식입니다. AwairNet의 제품 하나하나가 무선랜처럼 네트워크를 확장하기 때문에 사용하는 제품만 많다면 무한..

티클은 현재 종료된 서비스입니다. 티클에 입사했을 당시 가장 먼저 기획했던 프로젝트는 티클 퍼센트입니다. 티클이라는 서비스가 생소하실 분들을 위해 소개해드리자면, 티클은 잔돈 저축을 도와주는 서비스입니다. 미국의 Acorns를 벤치마킹하여 출시한 서비스였죠. 가령 3,500원짜리 커피를 마신다면, 4,000원을 결제하고 500원을 저축하는 게 주된 기능입니다. 하지만 이체수수료 때문에 사용자가 결제할 때마다 곧장 저축이 이뤄질 순 없었고, 대신 이 잔돈들을 모아서 매주 월요일에 한 번에 이체했습니다. 하지만, 잔돈 저축은 내 수입이나 지출의 규모를 반영하지 못 한다는 단점이 있었습니다. 100만 원을 결제하나, 1천 원을 결제하나 비슷한 금액을 저축한다는 점이 문제였던 것이죠. 이것이 왜 중요한 문제라고..

이 글은 UX Planet에 게시된 Edward Chechique의 Figma Slot Components: why and how to use them를 번역한 글입니다. 링크: https://uxplanet.org/figma-slot-components-why-and-how-to-use-them-c06edd529ca Figma에서 슬롯 구성 요소를 사용하는 것은 많은 디자이너가 채택하기 시작한 기술입니다. 다음은 작동 방식과 Figma에서 UI KIT를 빌드할 때 사용할 가치가 있는 이유입니다. Figma UI 키트를 구축하면서 일부 구성 요소에는 다른 구성 요소보다 더 많은 유연성이 필요하다는 것을 알게 될 것입니다. Figma는 훌륭한 디자인 도구이며 오늘날 변형 및 구성 요소 인스턴스를 사용할 수..

사람은 정말 많은 경험을 하고 많이 배워야하는 것 같습니다. 미래에 결국 이를 써먹게 되거든요. 사실 제가 속한 어웨어라는 곳은 2018년 미국에서 마지막 학기에 알게 됐던 회사입니다. 미세먼지와 관련된 프로젝트를 하던 중, 리서치에서 발견했던 회사거든요. 마찬가지로 대학교에 막 입학했던 2008년에 들었던 세미나가 하나 있습니다. 당시 신시네티 대학교에서 학과장이셨던 최수신 교수님이 하셨던 인클루시브 디자인에 대한 내용이었죠. 예쁜 디자인, 기발한 아이디어는 없었지만, 정말 재밌게 봤던 기억이 아직도 떠오릅니다. 한국에도 한동안 유니버셜 디자인이라는 이름으로 유행하게 됐는데, 주로 장애인을 위한 디자인으로 바뀌어서 유행했던 것 같습니다. 인클루시브(Inclusive) 디자인이란, 단어의 뜻대로 사용자를..

"https://www.nngroup.com/articles/modal-nonmodal-dialog/"를 번역한 글입니다 요약 모달 대화 상자는 사용자를 방해하고 액션을 요구합니다. 중요한 정보에 집중해야 할 때 적절합니다. 모달과 논모달 차이점을 더 잘 이해하기 위해 "대화 상자(dialog)"와 "모달(modal)"이라는 용어의 의미를 살펴보겠습니다. 대화 상자(dialog)는 두 사람 간의 대화를 말합니다. UI에서 대화 상자는 시스템과 사용자 간의 "대화"이며, 종종 사용자에게 정보나 작업을 요청합니다. 모드는 동일한 시스템에 약간 다른 사용자 인터페이스가 있는 특수한 상태입니다. 각 모드에는 다른 명령이 있을 수 있으며 동일한 명령(또는 작업)이 시스템 모드에 따라 다른 결과를 생성할 수 있습니..

"https://uxdesign.cc/understanding-loading-animation-types-and-its-application-e41ba914b847" 를 번역한 글입니다. Gmail, LinkedIn 또는 기타 웹사이트를 열 때 편안함과 평온함을 느끼시나요? 기다리는 시간을 즐겁게 해줄 무언가가 있나요? 그것이 기다리는 이유를 알려주고, 얼마나 기다려야하는지 신호를 준다고 생각하세요? 예, 이 마법이 바로 로딩 애니메이션입니다. 로딩 애니메이션이란? 사용자는 모든 데이터와 페이지를 로드하기 위해 잠시 기다려야 합니다. 그런 순간에 시스템은 사용자의 주의를 끌고 모든 콘텐츠가 로드될 때까지 인내할 수 있는 무언가가 필요합니다. 로딩 애니메이션은 웹사이트 로딩, 양식 제출, 업데이트 저장과 ..