처음 토스를 접했을 때의 감정이 아직 생생하다. 마치 장난감처럼 가볍고 통통 튀면서 독창적이였다. 토스는 단순히 '사용하기 쉬운 앱'이 아니다. 토스의 구조를 하나씩 뜯어보면 UX심리학의 10가지 법칙을 모두 찾아볼 수 있다. 존 야블론스키가 저술한 'UX/UI의 10가지 심리학 법칙'에서 소개하는 10가지 UX법칙에 따라 토스를 파헤쳐보았다. ✔️ 제이콥의 법칙"사용자는 본인이 오래 사용하면서 축척된 경험으 토대로 새로운 프로덕트를 판단하는 경향이 있다" - 토스의 메인 화면은 여태껏 다른 금융앱과 크게 다르지 않은 디자인을 보여줍니다. 이때까지 다양한 금융앱, 마이데이터 앱을 써온 사용자가 토스를 처음 사용하게 되더라도 이질감이 느껴지지 않는 이유가 이미 우리에게 익숙한 인터페이스와 사용성을 제공하기..

UIUX 트렌드는 어떻게 변화할까요?디자인이라는 것이 큰 변화를 가져가지 않는다면 UIUX 관련 종사자로서 더 편리하겠지만, 실상은 그렇지 않답니다. 한 때 유행하다가도 얼마 못 가 사라지는 일도 부지기수죠..! 그에 따라 트렌드를 쫒기 위헤서는 항상 공부하고 래퍼런스를 보는 수 밖에 없습니다. 그럼 공부는 어떻게 해야할까요? 저는 주로 국내,해외 아티클이나 디자이너들의 인사이트를 찾아보며 알아가는 편이랍니다.그럼 이제 2023년을 이끌 UIUX 트렌드 10가지가 무엇인지 한번 알아보도록 하겠습니다😊 ✔️ 가상 현실2023년에는 가상 현실이 비디오 게임을 넘어 전자상거래 분야에서도 많이 활용될 것입니다. 이케어 플레이스 모바일 앱은 좋은 예시입니다. 이 앱의 사용자는 증강 현실 속에서 이케아의 가구를 ..

안녕하세요. 민트소프트 UIUX 디자이너 최현아입니다. 저번 포스팅에서 UI요소에 대한 주제를 다뤘는데요😉 이번에도 그 주제를 이어서 써보려고 합니다. Slide슬라이드는 동선 내 사용자 위치를 정확하게 안내 및 표시하기 위해 사용하는 요소입니다. 슬라이드 내부에는 Dot Indicator 또는 Number Indicator 가 들어갈 수 있습니다. Text filed텍스트 필드는 본문 외 정보 또는 주의, 강조형 정보로 강조가 필요시 사용합니다. 입력 폼의 개수는 가능한 최소의 갯수로 해야 합니다. 필수 입력이 아닌 경우 선택적 질문임을 명확히 표시되도록 해야하며, 사용자가 무엇을 요청받고 있는지 구분하고 이해할 수 있도록 관련 필드를 그룹화 시켜야 좋습니다. Tag태그는 부가적인 정보를 전달하거나..

안녕하세요. 민트소프트 UIUX 디자이너 최현아입니다. 민트소프트 기술블로그의 첫 번째 디자인 포스팅을 어떤 주제로 다룰지 고민이 많았는데요🙃 저는 프로젝트를 들어가기 전 가장 밑바탕이라고 생각하는 것이 바로, 모든 제품의 인터페이스가 일관성을 유지할 수 있게 도와주는 디자인 시스템입니다. 디자인 시스템은 디자이너와 개발자 간의 협업을 위한 중요한 문서 중 하나이죠. 프로덕트의 새 화면을 구축하는 것에 필요한 모든 스타일과 컴포넌트를 찾을 수 있는 핵심적인 문서라고도 할 수 있습니다. 그래서 이번에 저는 베이직 디자인 시스템을 구축해놓으면 시간적, 업무적으로 효율성이 좋고 작업 흐름도 편리하겠다고 생각하여 베이직 디자인 시스템 구축을 진행하고 있답니다! 그럼 디자인 시스템에 대해서 한번 파헤쳐 보겠습..

개요민트앱에서는 고객의 통계 데이타를 ElasticSearch에 저장하고 있습니다.물론 ElasticSearch는 빠르지만 캐쉬보다는 빠르진 않습니다.민트앱의 대쉬보드 페이지는 많은 데이타를 한꺼번에 쿼리를 해와서 보여주고 있습니다. mysql,elasticsearch,dynamodb 등에서 데이타를 가져와서 처리하고 있습니다. 개발 캐쉬 사용 여부 체크먼저 캐쉬가 가능한 데이타와 실시간데이타가 필요한 내용을 분리합니다. 실시간성으로 확인이 되어야 하는 데이타 -접속 디바이스 -신규유저  캐쉬가 되어도 무방한 데이타 -DAU,MAU -앱 접속자 통계  -버젼별 통계  위의 규칙에 따른 라라벨에서 데이타를 가져오는것을 만들어봅니다. //이번달 통계 데이타 (ElasticSearch)//캐쉬 키를 프로젝트 ..

개요플러터로 블루투스 원격 제어 앱을 제작하게 되었습니다. 블루투스에서 오는 데이타를 LCD로 출력을 하고 명령어를 전달하여 장비를 제어하는 앱입니다. 개발 1.디자인 앱의 기능을 확인한 이후 사용하기 편리하도록 UI/UX를 설계 합니다. 장비의 하드웨어 버튼과 동일하게 하기를 원하므로 디자인도 동일하게 진행하였습니다.   2.개발일단 다른 위젯은 flutter의 기본위젯으로 충분히 구현이 가능하다. 하지만 화살표의 다이얼로그는 음.. 검색해도 잘 나오지 않았다. 따라서 직접 구현을 시도 하였다. (1).먼저 그리드로 2*2의 바둑판을 만든다. ">HTML 삽입미리보기할 수 없는 소스코드는 크게 어려운거 없고 버튼을 2*2 로 하여 4개를 생성하였다. 그리고 아이콘은 rotate 하여 대각선으로 보도록 ..