OO처럼 만들어주세요 개발자나 디자이너들이 요구사항으로 위와 같은 말을 들으면 굉장히 당황한다. 요구사항대로 만들 수 있으면 좋겠지만 그렇지 못하는게 현실이다. 그래도 비슷하게 흉내라도 내야 퀄리티가 좋아지지 않겠는가! 이번에 UX 공부도 할 겸 토스 앱을 분석할 일이 생겨서 토스 앱을 분석하는 김에 작성해본다. 분석과 함께 사용할 수 있는(토스를 흉내낼 수 있는) 라이브러리와 기술들을 함께 소개해볼까 한다. 토스의 UX 심리학 먼저 토스 앱을 굉장히 잘 분석해놓은 글을 발견해서 첨부한다. 내 폰의 유일한 송금앱, 토스 [코드스테이츠 PMB 10기] 토스의 UX 심리학 | 간결함의 미학,TOSS 1. 송금할 때는, 토스 밖에 없지! 나를 사로잡은 토스의 UX 디자인 토스를 사용하다보면 어떻게 이렇게 간결..
1. 선언형 UI란? 한 정의에 따르면, 프로그램이 어떤 방법으로 해야 하는지를 나타내기보다 무엇과 같은지를 설명하는 경우에 "선언형"이라고 한다. 예를 들어, 웹 페이지는 선언형인데 웹페이지는 제목, 글꼴, 본문, 그림과 같이 "무엇"이 나타나야하는지를 묘사하는 것이지 "어떤 방법으로" 컴퓨터 화면에 페이지를 나타내야 하는지를 묘사하는 것이 아니기 때문이다. 이것은 전통적인 포트란과 C, 자바와 같은 명령형 프로그래밍 언어와는 다른 접근방식인데, 명령형 프로그래밍 언어는 프로그래머가 실행될 알고리즘을 명시해주어야 하는 것이다. 간단히 말하여, 명령형 프로그램은 알고리즘을 명시하고 목표는 명시하지 않는 데 반해 선언형 프로그램은 목표를 명시하고 알고리즘을 명시하지 않는 것이다. 여기서 중요한 내용을 간단..
UI User Interface의 약자 뷰에 그려지는 모든 레이아웃의 배치를 뜻한다. UI 디자인은 어플리케이션의 컴포넌트들을 어디에 어떻게 구성하는지 디자인을 하는 것이다. UX User Experience의 약자 말 그대로 사용자의 경험을 뜻해서 어플리케이션을 사용하면서 느끼는 종합적인 만족을 의미한다. UX 디자인은 어플리케이션의 전반적인 사용 경험을 좋게 디자인 한다는 포괄적인 뜻이 담겨있다. 좋은 UI / UX 직관적인 디자인: 사용자들이 쉽게 이해하고 사용할 수 있도록 직관적인 디자인이 필요합니다. 일관성: 디자인 요소와 행동 방식에 일관성이 있어야 합니다. 이는 사용자들이 이용하는 다양한 기능들 간에 일관성을 유지해줌으로써 사용자들이 쉽게 이해하고 사용할 수 있게 도와줍니다. 가독성: 텍스트..
안드로이드 기기는 다양한 모양과 크기로 제공되므로 앱의 레이아웃이 유연해야 한다. 최대한 많은 기기에서 지원할 수 있도록 레이아웃을 설계할 때 가로 세로 크기 비율을 고정하지 않고 기기에 맞게 최대한 적절하게 반응해야 한다. 반응형 UI를 설계하기 위해서는 다음과 같은 것들이 있다. ConstraintLayout 하드 코딩 레이아웃 크기 사용하지 않기 대체 레이아웃 만들기 너비 한정자, 방향 한정자 사용 프래그먼트로 UI 구성요소 모듈화 나인패치 비트맵 사용 모든 화면 크기로 테스트 ConstraintLayout ConstraintLayout은 수평적인 계층구조의 뷰로 크고 복잡한 레이아웃들을 만들 수 있도록 해준다. 동일 계층의 뷰 또는 부모 뷰와의 관계에 따라 뷰가 배치되는 RelativeLatout..
안드로이드 개발 트렌드 프로젝트를 시작하면서 안드로이드 최신 개발 트렌드에 대해 공부를 했다. 2022년 새롭게 출시된 Android 13과 Material 3, 이번에 사용하게 될 Kotlin에 대해 정리를 했고, 2022년 안드로이드 개발 트렌드인 Jetpack Compose, Hilt, Kotlin Flow, Coroutines까지 프로젝트 개발 관점에서 알아볼 것이다. Android 13(API 33) 안드로이드의 13번째 릴리즈 버전이다. (코드명: Tiramisu) 주요 기능 테마 앱 아이콘 이 기능을 사용하기 위해서는 적응형 아이콘과 단색 앱 아이콘을 제공해야 한다. Android 13부터 테마 앱을 선택할 수 있다. 사용자가 선택한 배경화면 및 기타 테마의 색상을 상속받도록 색상이 조정된다..
