DESIGN CONCEPT 02

친근한 생활형

쉽고 편안한 인상

쉬운 문장과 넉넉한 선택 영역으로 설명을 읽지 않아도 예약·주문 같은 일상 행동을 시작하게 하는 방향입니다.

편안함쉬움따뜻함

잘 맞는 서비스예약·주문·생활 편의 서비스

좋은 오후예요 👋

오늘도 편안하게
준비해 볼까요?

가장 가까운 일정

9월 4일 · 오후 2:30

상담 전에 준비 사항을 확인해 주세요

준비 사항 보기

내 기록

문의하기

컨셉 구성 요소 상세

친근한 생활형 화면을 만드는 구체적인 방법

쉬운 말과 큰 선택 영역, 부드러운 표면을 사용해 처음 방문한 사람도 설명을 읽기 전에 행동할 수 있게 설계합니다.

핵심 원칙

기능을 설명하기보다 사용자가 지금 하고 싶은 일을 쉬운 선택지로 보여줍니다.

좋은 오후예요 👋

오늘은 무엇을
도와드릴까요?

가장 가까운 일정

오늘 · 오후 3:30

편안하게 만나요

TITLE30px · Extra boldBODY15px · 쉬운 문장TONE질문과 대화체

ELEMENT 01

쉽고 따뜻한 텍스트

전문 용어 대신 대화하듯 묻고, 사용자가 얻게 될 결과를 문장에 담습니다.

구성 기준

  • 제목은 28~32px의 굵고 부드러운 인상으로 구성합니다.
  • “예약 등록”보다 “편한 시간을 골라주세요”처럼 일상적인 말을 씁니다.
  • 본문은 한 문단을 2~3줄 안으로 줄이고 긍정적인 안내를 사용합니다.

이렇게 구성하는 이유

서비스의 구조를 몰라도 익숙한 말만으로 다음 행동을 예상할 수 있어 첫 사용의 부담이 줄어듭니다.

피해야 할 방식 · 행정적인 용어, 지나치게 격식 있는 문장과 긴 기능 설명을 첫 화면에 배치하지 않습니다.

가장 가까운 일정

오늘 · 오후 3:30

준비 내용까지 한 번에 확인해요

빠른 예약

가까운 시간부터

문의하기

편하게 물어보기

24PX RADIUS20PX PADDING1 CARD = 1 ACTION

ELEMENT 02

큰 선택 카드

자주 쓰는 행동을 넓고 둥근 카드로 만들고 설명과 아이콘을 같은 영역에 묶습니다.

구성 기준

  • 18~24px의 둥근 모서리와 넉넉한 20~24px 내부 여백을 사용합니다.
  • 카드 하나에는 행동 하나와 짧은 도움말만 넣습니다.
  • 그림자는 약하게 사용하고 밝은 배경색 차이로 선택 영역을 나눕니다.

이렇게 구성하는 이유

카드 전체가 터치 영역이 되므로 손가락으로 누르기 쉽고, 아이콘과 설명이 행동의 의미를 보완합니다.

피해야 할 방식 · 작은 아이콘 버튼을 여러 개 모으거나 카드 안에 메뉴를 과도하게 나열하지 않습니다.

편한 날짜를 골라주세요

오후 시간

ELEMENT 03

버튼과 선택 방식

둥글고 큰 버튼, 날짜·시간 선택칩처럼 누를 수 있는 영역을 눈에 띄게 만듭니다.

구성 기준

  • 주요 버튼은 최소 48px 높이와 결과형 문구를 사용합니다.
  • 선택칩은 기본·선택 상태의 배경과 테두리를 함께 바꿉니다.
  • 취소나 이전 행동은 시각적 강도를 낮춰 실수를 줄입니다.

이렇게 구성하는 이유

선택 가능한 영역을 따로 설명하지 않아도 형태만 보고 누를 수 있어 생활 서비스의 처리 속도가 빨라집니다.

피해야 할 방식 · 텍스트 링크만으로 주요 행동을 제공하거나 선택 상태를 아주 미세한 색 차이로 표시하지 않습니다.

01 · 인사와 질문

02 · 가장 가까운 행동

04 · 전체 서비스 둘러보기 →

ELEMENT 04

행동 중심 레이아웃

친근한 인사 다음에 가장 가까운 일정과 자주 쓰는 행동을 바로 보여주는 짧은 흐름을 사용합니다.

구성 기준

  • 인사·질문, 대표 행동, 빠른 메뉴, 보조 탐색 순서로 배치합니다.
  • 첫 화면의 대표 행동은 하나만 크게 만들고 나머지는 2열 카드로 정리합니다.
  • 섹션 사이에 충분한 여백을 두어 선택 영역이 서로 붙어 보이지 않게 합니다.

이렇게 구성하는 이유

사용자가 메뉴를 탐색하지 않고도 가장 가능성이 높은 행동을 곧바로 시작할 수 있습니다.

피해야 할 방식 · 모든 메뉴를 같은 크기로 나열하거나 첫 화면을 카테고리 목록으로만 채우지 않습니다.

구성 비교

같은 예약 시작 화면도 진입 장벽이 달라집니다

GOOD

바로 행동하게 하는 구성

오늘은 무엇을 도와드릴까요?

편한 시간 예약하기

쉬운 질문과 큰 행동 하나가 먼저 보여 처음 방문해도 예약을 시작할 수 있습니다.

AVOID

설명을 먼저 요구하는 구성

서비스 기능 선택

예약 등록, 스케줄 관리, 상담 요청 및 기타 서비스 항목 중 하나를 선택하십시오.

전문 용어와 작은 선택지가 많아 사용자가 기능을 학습한 뒤에야 행동할 수 있습니다.

모바일 화면 예시

한 가지 콘셉트를 화면 흐름으로 확인합니다

대표 색상만 바꾼 화면이 아닙니다. 친근한 생활형의 정보 순서, 컴포넌트와 행동 방식을 세 가지 실제 화면으로 비교해 보세요.

예시 화면 3

SCREEN 01

좋은 오후예요 👋

오늘은 무엇을
도와드릴까요?

가장 가까운 일정

오늘 · 오후 3:30

준비 내용까지 한 번에 확인해요

빠른 예약

문의하기

전체 서비스 둘러보기 →

SCREEN 01 · 화면 해설

생활 서비스 홈

친근한 인사와 자주 쓰는 행동으로 부담 없이 시작합니다.

이 화면의 역할

처음 방문한 사용자가 설명을 읽기 전에 예약이나 문의를 시작하게 하는 홈 화면입니다.

위에서 아래로 읽는 순서

친근한 인사
가까운 일정
자주 쓰는 행동
전체 탐색

핵심 요소와 구성 방법

  1. 1

    질문형 헤드라인

    서비스 설명 대신 사용자의 목적을 묻는 말로 대화를 시작합니다.

  2. 2

    생활 맥락이 담긴 일정 카드

    날짜만 적지 않고 “오늘”처럼 바로 이해되는 표현을 함께 씁니다.

  3. 3

    두 개의 빠른 행동

    예약과 문의를 큰 카드로 나누어 처음 쓰는 사람도 망설이지 않게 합니다.

왜 이렇게 구성하나요?

생활 서비스는 학습보다 즉시성이 중요합니다. 부드러운 문장, 큰 선택 영역, 익숙한 아이콘으로 기능 이름을 몰라도 행동할 수 있게 만듭니다.

SCREEN 02

2단계 중 1단계

편한 시간을
골라주세요

9 화10 수11 목

오후 시간

1:002:303:305:00
이 시간으로 예약하기

SCREEN 02 · 화면 해설

시간 선택

큰 선택 영역과 쉬운 문장으로 예약 단계를 짧게 만듭니다.

이 화면의 역할

여러 일정 중 사용자가 편한 시간을 짧은 단계 안에서 선택하는 예약 화면입니다.

위에서 아래로 읽는 순서

현재 단계
날짜 선택
시간 선택
선택 확정

핵심 요소와 구성 방법

  1. 1

    짧은 단계 안내

    남은 과정을 “2단계 중 1단계”처럼 쉬운 말로 보여줍니다.

  2. 2

    큰 날짜·시간 선택칩

    선택 여부가 배경, 테두리, 글자색으로 동시에 달라집니다.

  3. 3

    결과형 버튼 문구

    단순한 “다음” 대신 선택이 어떤 결과로 이어지는지 적습니다.

왜 이렇게 구성하나요?

한 화면에 날짜와 시간을 함께 보여주되 시각적인 덩어리는 분리합니다. 손가락으로 누르기 쉬운 크기와 넉넉한 간격을 확보해 모바일 예약의 부담을 낮춥니다.

SCREEN 03

예약됐어요! 🎉

9월 9일 오후 3시 30분에
편안하게 만나요.

잊지 않도록

일정 알림을 보내드릴게요

홈으로 돌아가기

SCREEN 03 · 화면 해설

간편 예약 완료

따뜻한 축하와 다음 준비를 이어서 안내합니다.

이 화면의 역할

예약 성공을 따뜻하게 알리고 사용자가 안심한 채 흐름을 끝내는 화면입니다.

위에서 아래로 읽는 순서

축하 표현
예약 일시
알림 안내
홈 복귀

핵심 요소와 구성 방법

  1. 1

    감정적인 완료 피드백

    반짝임과 대화체 문장으로 일상 서비스다운 친근함을 만듭니다.

  2. 2

    핵심 일정 재확인

    완료 직후 날짜와 시간을 한 번 더 읽게 해 착오를 줄입니다.

  3. 3

    알림 약속

    다음에 무엇이 일어나는지 미리 말해 서비스가 챙겨주는 느낌을 줍니다.

왜 이렇게 구성하나요?

예약이 끝난 뒤에는 새 행동을 많이 제안하지 않습니다. 성공, 일정, 알림만 남겨 짧고 기분 좋게 마무리하는 것이 이 콘셉트의 핵심입니다.

선택 기준

이런 프로젝트에 잘 맞습니다

처음 사용하는 사람도 부담 없이 행동하게 합니다. 업종 이름보다 사용자가 화면에서 느껴야 하는 감정과 완료해야 하는 행동을 기준으로 판단합니다.

잘 맞는 경우

  • 처음 방문한 사용자가 바로 핵심 행동을 시작해야 할 때
  • 반복되는 생활 업무를 짧고 편하게 완료하게 할 때
  • 서비스에 따뜻하고 사람다운 인상을 더하고 싶을 때

다른 방향도 비교할 경우

  • 한 화면에서 많은 숫자와 상태를 비교해야 할 때
  • 격식과 희소성을 강조하는 프리미엄 경험이 핵심일 때

화면 전체 규칙

색상 하나가 아니라 네 가지 기준을 함께 적용합니다

HIERARCHY

정보 우선순위

인사말과 가장 가까운 일정을 먼저 표시

TYPE & SPACE

글자와 여백

부드러운 모서리와 넉넉한 여백

COMPONENT

컴포넌트

큰 선택 영역과 설명이 붙은 버튼

VISUAL

그래픽 표현

편안한 도형과 생활 장면을 연상시키는 표현

LAYOUT RULES

주요 화면에 적용하는 방식

  1. 01한 화면에서 가장 중요한 행동 하나를 크게 보여줍니다.
  2. 02버튼 이름은 기능명이 아니라 사용자가 얻는 결과로 씁니다.
  3. 03여백과 둥근 표면을 사용해 선택 영역을 쉽게 구분합니다.

화면 템플릿 연결

이 콘셉트와 잘 맞는 출발점

템플릿은 화면 구성의 출발점입니다. 같은 템플릿이라도 이 콘셉트의 글자, 여백과 컴포넌트 규칙을 적용해 프로젝트에 맞게 조정합니다.

함께 검토할 템플릿 유형

생활 예약동네 주문·배달가족·육아 서비스

PROJECT QUESTIONS

시작 전에 확인할 질문

  1. Q1

    처음 방문한 사용자가 가장 먼저 완료해야 할 일은 무엇인가요?

  2. Q2

    전문 용어를 일상적인 말로 바꿀 수 있나요?

  3. Q3

    반복 사용 시 단계를 더 줄일 수 있는 부분은 어디인가요?

친근한 생활형 방향이 우리 서비스에 맞을지 확인해보세요

서비스 유형과 주요 사용자, 필요한 화면을 알려주시면 적용 범위와 다른 비교 방향을 함께 정리합니다.

30분 무료 상담 신청