Chaewon's Ocean

[11주차] Design System과 UI Prototyping

hongchaewon — Thu, 5 Dec 2024 20:22:11 +0900

07. Design System과 UI Prototyping

1) Design System과 UI Prototyping의 개념

2) 프로토타이핑의 종류와 사례

08. UI Prototyping #1 - web

1) 워크플로우와 웹 프로토타이핑의 이해

2) 웹 프로토타이핑 도구

7-1. Design System과 UI Prototyping의 개념

Design System

재사용 가능한 구성 요소의 조합

스타일 가이드를 포함하는 UI 구성요소의 집합

불필요한 디자인의 중복성 감소

시각적 일관성 부여

제품에서 공유되는 철학이나 어워드를 대규모로 관리

Atomic Design : 디자인 시스템이 갖고 있는 계층적 구성 요소

<디자인 시스템이 필요한 이유>

- 디자이너마다 다르게 디자인 작업을 해서 나오는 비생산적이고 비일관적인 디자인 방지

- 디자인과 관련된 다양한 경우에 규칙(디자인 토큰)을 만드는 것

- Single Source of Truth : 조직 내 공동의 컴포넌트 유지

<디자인 재활용의 장점>

- 제작에서의 생산성, 효율성 증대

- 디자인의 일관성 유지

- 효율적인 유지, 관리, 보수

- 고객이 기업의 일관성을 느낌

Custom UI : 그때 그때 최적화 시켜서 따로 만드는 것

Prototyping

새로운 제품/서비스/시스템을 실제로 사용하는 것과 같은 경험을 제공해 줄 수 있는 구체화된 결과물

최종 결과물이 존재하기 전에 만들어지는 디자인의 표현

완성될 제품의 인터랙션을 표현하여 문제점을 예상/검토하는 등에 쓰이는 모형

생산 적용 가능성, 기능 작동성 등을 검토하기 위한 모형

<프로토타이핑의 용도>

Mock up : 외관 디자인을 중심으로 하는 전통적인 의미의 제품 디자인 분야를 중심으로 광범위하게 사용

Model : 프로토타입과 유사한 의미로 사용

Rough Mock-up : 스티로폼, 골판지, 등으로 외형을 만드는 것

디자이너의 머릿속에만 존재하는 결과물을 가시화하여 확인/평가할 수 있게 해주는 도구

MVP(Minimum Viable Product)

최소 기능 제품, 비물질적인 것을 주로 다루는 서비스 디자인 분야에서 사용

MVP를 통해 최종제품이 담고 있어야 될 핵심가치를 테스트

제품보다는 사업 아이디어에 대한 테스트·확인에 사용

100% 완성보다 제품이 갖춰야 할 여러 가지 고려사항들을 전부 다루는 것이 중요

7-2. 프로토타입의 종류 및 사례

디자인 분야별 프로토타입의 종류

↑ 시각 디자인 : 상호작용이 가능한 시각적 결과물, 웹/앱 디자인

인터랙션 제품 디자인

↓ 공간 디자인 : 시각 디자인의 웹/앱 디자인에 비해 표현이 어려움

수평적 프로토타입: 제품, 앱, 웹이 갖고 있는 여러 가지 기능 범주 (스코프) 를 다 다루는 것

수직적 프로토타입: 한 가지 Feature라도 좁고 깊게 다루어 완성도를 높게 하는 것

<Fidelity에 따른 프로토타입 종류>

Low-Fi: 단순, 저렴, 빠른 제작 / 손으로 제작하거나 아날로그 작업

- 장점: 빠른 착수 가능, 상상의 여지가 큼, 넓은 범위의 스코프 검토 가능

- 단점: 완성도가 낮아 최종 품질 X, 평가에 대한 품질을 보장 X, 쓰이지 않는 중간 산출물

Hi-Fi: 고가, 높은 완성도, 최종 단계 / 컴퓨터 작업

- 장점: 완성도가 높아 충분한 사용경험 전달, 최종적인 작업물이 될 수 있음

- 단점: 만드는데 시간/비용이 높음, 프로토타입의 완결성에 집팍, 전체 앱 검토 어려움, 초기단계 적용 부적합

8-1. 워크플로우와 웹 프로토타이핑의 이해

Design System

워크플로우: 한 개의 태스크를 순차적인 조작절차로 나타내는 것

Prototyping

최종 제품을 완성하기 전 테스트 하는 것

신속성과 환성도의 사이 합의점을 찾는 것 between LF and HF

실 제품의 실패 리스크를 줄이는 것이 목표

<웹 디자인 설계 - HTML>

1. HTML

- 웹 페이지를 만드는 표준 마크업 언어

- 텍스트 처리, 정의 및 표현을 위해 설계

- 텍스트 파일 내에서 레이아웃과 스타일을 모두 규정하는 코드 지정

2. CSS

- 마크업 언어(Markup Language)로 작성된 문서의 표현을 설명하는데 사용되는 스타일 시트를 작성하는 언어

- 디자인 시 많은 유연성 확보

- 특히 UI 디자인 시 프로토타이핑 하는 데 도움

3. Javascript

- 웹 페이지 동작을 위해 컴퓨터 측에서 사용

- 웹 문서를 다이내믹하게 만들 수 있음

- 웹 브라우저에서 실행되기 때문에 서버에 큰 부담 주지 않음

- HTML 페이지 내에 포함될 수 있어 사용 및 개발의 편리함

[9주차] 인터랙션과 사용성 & 접근성과 유니버셜 디자

hongchaewon — Sun, 24 Nov 2024 18:23:38 +0900

03. 인터랙션과 사용성

1) 인터랙션의 종류

3-1. 인터랙션의 종류

정보통신, 디자인에서의 interaction : 인간-컴퓨터 상호작용
- HCI(Human-Computer Interaction)

- MMI(Man-Machine Interface/Interaction)

- HMI(Human-Machine Interface)

인터랙션의 방법

1) Touch Interaction

멀티터치 인터랙션: 표면이 동시에 두 개 이상의 접촉 지점의 존재를 인식할 수 있게 하는 것

감압식: 누르는 힘을 감지해서 위치 탐색

- 손가락이 아닌 비도체로도 작동 가능 but 느린 반응속도와 멀티터치 기술 적용 어려움

정전식: 전도체가 닿을 때 전류의 변화 인식

- 전도체만 인식해 오작동 가능성이 낮고 반응속도가 빠르며 선명한 액정 제작 및 멀티터치를 통한 스크롤과 필기가 가능하지만 높은 소비전력과 두꺼운 장갑으로 터치가 어렵고 제조단가가 높음

Double Tap, Flick, Drag, Pinch In, Pinch Clode, Spread, Rotate, 등

2) Gesture Based Interaction

Motion Tracking Interface : 손가락 제스쳐를 인식하여 사진 찍기, 와콤 태블릿, 마우스로 그림그리기, 등

3) VUI (Voice User Interaction) : 음성 인식을 사용해서 음성 명령을 이해하고 질문에 대답하고 텍스트를 음성으로 재생

4) GUI (Graphical User Interface) : 제스처 유저 인터페이스와 보이스 유저 인터페이스를 이용하여 사용

5) WIMP : GUI의 일종

6) WYSIWYG (What You See Is What You Get)

3-1. 사용성이란 무엇인가

인터랙션의 방법

7) 햅틱 : 힘이나 진동, 모션을 적용하여 터치 경험을 생성하는 기술

8) 글자를 이용한 인터랙션

Command Line Interface : 키보드로 명령 문자어를 입력해서 응답을 받아내는 방식

9) 대화형 인터랙션

문자로 인공지능과 대화

대화형 인터랙션은 광범위하게 확산될 것

10) 권한 기반 인터페이스 : 로그인하는 사람에 따라 다른 권한을 부여하는 것

Usability

ISO : 전 세계에 많은 회원국을 거느리며 영향력이 큼. 발의된 표준 권고는 대부분 협약을 통해 제도화

- 사용성의 대상 : system, porduct, service

- 사용성의 목적 : effectivity, efficiently, with satisfaction

- 사용자의 사용 맥락 : 시스템, 제품, 또는 서비스와 상호작용하는 사람

사용자의 다양한 범주

1) 사용자: 시스템을 동작하는 사람, 시스템의 결과물을 사용하는 사람, 시스템을 지원하는 사람

2) 사용자 그룹: 사용성에 영향을 줄 수 있는 사용자, 작업 또는 환경에 의해 다른 사용자와 구별되는 사용자의 집합

3) 이해관계자: 결정이나 활동에 영향을 미치거나, 영향을 받거나, 영향을 받는 것으로 인식할 수 있는 사람 또는 조직

사용성의 대상

1) 서비스: 고객이 달성하고자 하는 결과를 제공하여 고객에게 가치를 전달하는 수단

2) 시스템: 하나 이상의 명시된 목적을 달성하기 위해 구성된 상호작용하는 요소의 조합

한 환경에서 자체적으로 사용 · 작동 · 지원에 필요한 모든 관련 장비, 시설,
재료, 컴퓨터 프로그램, 펌웨어, 기술 문서, 서비스 및 인력 등 모두 포함

제품, 서비스, 환경 또는 이들의 조합 및 관련된 사람

사용성의 목적

1) 효과성: 사용자가 지정된 목표를 달성하는 데 정확하고 완전하게 수행할 수 있는가

2) 효율성: 달성 결과와 관련해 사용된 자원이 얼마나 되는가

3) 만족감: 시스템, 제품 또는 서비스의 사용으로 인해서 사용자 의 신체적, 인지적, 정서적 반응이 사용자의 요구와 기 대를 얼마나 충족시키냐

<좋은 사용성>

- 정기적 · 지속적으로 사용자의 목표를 효과적이고 효율적이며 만족스럽게 달성할 수 있도록 하는 것

- 유니버셜 디자인: 각각 능력이 다른 사람들이 사용 가능

- 사용 오류의 위험과 바람직하지 않은 결과 최소화

- 효과적이고 효율적이며 만족스러운 유지보수 작업 가능

4-1. 접근성과 웹 표준

10가지 사용성 휴리스틱

UI디자인에서 가장 많이 사용되는 사용성 프레임워크

사용성 평가를 위한 체크리스트

1. 가시적 시스템 상태

2. 실제 사용환경과 메치되는 시스템

3, 사용자의 주도권과 자유

4. 일관성과 표준

5. 오류 예방

6. 회상보다는 인지

7. 사용 유연성과 효율성

8. 아름다운 최소한의 디자인

9. 사용자가 오류를 인지-진단-회복할 수 있도록 도움

10. 도움말과 설명서

접근성과 유니버셜 디자인

접근성: 목표를 달성하기 위해 과업을 수행하는 것

많은 사람이 사용 가능한 제품, 서비스, 시스템을 만들 수 있는 디자인 접근 방식

보행친화도: 정보 탐색, 이용이 용이한 안전한 디자인

인간 중심 품질

1. 사용성

2. 접근성

인간 중심 디자인 - 제품, 서비스, 시스템을 보다 유용하게 만드는 것을 목표로 시스템을 설계하고 개발하는 것

3. 사용자 경험 : 사용자 경험 -> 사용자의 인식 및 반응

4. 사용으로 인한 피해 방지 및 최소화 : 사용자 ≠ 인터페이스

사용 오류 - 시스템, 제품, 서비스를 사용하는 동안 사용자의 동작과 관계없이 기대한 것과 다른 결과를 초래하는 것

4-2. 유니버셜 디자인

웹 표준 관장 기관

1. W3C : 프로토콜과 가이드라인을 통해 웹의 모든 잠재력과 가능성을 최대화함

2. 국제 인터넷 표준화 기구 : 인터넷의 운영, 관리, 개발에 대해 협의하며 프로토콜과 구조적 사안 분석

3. 국제 표준화 기구 : 사용성에 대한 문서

4, 유니코드 컨소시엄 : 세계의 모든 문자의 일관적 표현

5. Ecma 인터내셔널 : 유럽 내 컴퓨터 시스템 표준화

웹 접근성 향상

<웹 표준 디자인의 장점>

- 적절한 인덱싱

- 더 일목요연하게 메타데이터 정리 기능

- 더 혀율적인 리뉴얼, 유지보수 가능

<웹 접근성 표준>

- 인지 가능한 정보와 사용자 인터페이스

- 운용 가능한 사용자 인터페이스와 내비게이션

- 이해하기 쉬운 정보와 사용자 인터페이스

- 견고한 콘텐츠와 정확한 설명

유니버셜 디자인 4원칙

지원성(Supportive Design)

- 사용자가 원하는 기능을 최소의 노력으로 편안하고 효율적으로 사용할 수 있어야 함

수용성(Adaptable Design)

- 사용자를 만족시키기 위해서는 목표 달성 과정도 만족스러워야 함

- 사용자의 환경과 사용자의 다양한 요구들도 충족시켜야 함

접근성(Accessible Design)

- 사용자의 환경과 방해 요인을 고려하여 장애물 없이 이용할 수 있는 환경을 만들어야 함

안정성(Safety Design)

- 사용자가 오류나 결함 등의 이유로 사용자가 심리적으로나 신체적 위험에 노출되지 않아야 함

[8주차] OS에 따른 디자인 & 실전 피그마 (2)

hongchaewon — Fri, 15 Nov 2024 16:28:56 +0900

1. OS에 따른 디자인

1) OS란 무엇인

2) UI 프로젝트의 이해

2. 실전 피그마 part.4

1-1. OS란 무엇인가

Operating System

운영체제: 컴퓨터 혹은 컴퓨터화 된 디바이스의 하드웨어, 소프트웨어 자원을 관리

컴퓨터 프로그램에 대한 공통 서비스를 제공

하드웨어: 중앙처리장치, 램, 모니터, 마우스, 키보드, 저장장치, 등으로 구성

프로세스, 메모리, 저장장치, 입력장치, 출력장치, 등 포함

OS: 시작은 군사적인 목적이었음.

- 지속 가능한 통신시설을 만들기 위해 개발한 인터넷

- 포탄에 탄도를 계산하기 위해 개발한 오퍼레이팅 시스템

<하는 일>

① 프로그램 간 정보 공유 : 클립보드

② 멀티태스킹 : 사용자가 하던 일을 멈추고 다른 작업을 할 때에도 운영체제가 그 일을 유지하거나 지속적으로 연장

③ 사용자 인터페이스 제공 : WIMP - 사용자가 컴퓨터와 인터랙션 하는 스타일을 정의

<OS에 따른 UI 디자인>

· 타켓 디바이스의 OS의 특성
· 디자인 철학과 원칙
· 어떤 OS를 대상으로 하는지 파악

1-2. 모바일 OS

모바일 OS

모바일 기기에 들어가는 오퍼레이팅 시스템

Apple의 iOS : Walled Garden

iOS 장치에서 실행할 수 있는 모든 모바일 앱 및 서비스를 규제

- 하드웨어와 소프트웨어를 자신들이 원하는 방향으로 최적화할 수 있다는 장점

- 너무 폐쇄적이라는 단점

애플워치 OS, 아이패드 OS, 등 장치별 모바일 OS 출시

Google : 오픈소스인 Android OS

리눅스 커널에서 실행하는 가장 대표적인 오픈소스 플랫폼

운영체제의 새로운 버전과 소스도 공개

	*Apple*		*Google*
기술 전략	완성도 높은 기술		혁신 기술
생태계 전략	폐쇄적 생태계 독자적인 생태계 선택적 협력		협력적 생태계 개방을 통한 다양한 참여자
주 수익원	하드웨어의 판매		서비스 무료 제공 후 광고 수익 창출
디자인 시스템	HIG	어플리케이션 디자이너나 개발자에게 권장사항을 제공하는 소프트웨어 개발문서 인터페이스를 보다 직관적이고 학습 가능하고 일관성 있게 만들어서 사용자의 경험을 개선	디자인 스프린트	구글만의 디자인 방법론 사용자와 함께 아이디어 디자인 프로토타이핑 후 테스트
			Material Design	그리드 기반의 레이아웃 반응형 애니메이션과 트랜지션 그래픽 간의 간격 빛과 그림자를 통한 연출
			구성 요소	포커싱 된 상태, 선택된 상태 활성화 & 비활성화 오류, 호버, 클릭, 드래그

모바일 OS가 하는 일

스마트폰에 내장된 모뎀과 이동통신을 통해 인터넷에 연결 가능

모바일 앱 스토어에서 새로운 응용 프로그램 다운로드

모바일 운영체제의 인터페이스 디자인 원칙이 중요

e.g. 기본 모바일 웹 브라우저, 기본 이메일 어플리케이션, 캘린더 어플리케이션,
연락처 라이브러리, 위치 공유를 위한 GPS센서

OS 전쟁

Apple - iOS

Google - 스텔란티스, 혼다, 볼보, 제너럴모터스, 르노-닛산

자체 OS - 폭스바겐, 현대, 메르세데스-벤츠, 토요타, 테슬라

2. 실전 피그마 part.5 - 버튼 배리언츠 구성하기

리소스 도구 - Plugins 탭 - Feather icons - 플러그인 선택

벡터와 레이어를 모두 선택한 후 Ctrl + E 해서 통합함

Ctrl + Shift + O 해서 Outline Stroke를 통해 선을 면으로 전환 / Ctrl + R 하여 레이어 이름 Vector 로 전환

모든 아이콘 프레임 설정 후 Create Components 아이콘 의 Create Multiple Components 선택

F 클릭해 프레임으로 감싼 다음 Ctrl + R 눌러 프레임 이름 'Icon'으로 설정

T : 텍스트 (버튼 입력) , Shirt + A : 오토 레이아웃 설정 , Ctrl + R : 프레임 이름 'button'

Appearance 창에서 conor radius 설정, 버튼 색상 변경 및 아이콘 불러오기, 아이콘 색상 ffffff 설정

버튼 프레임 선택 후 Alt 누른 상태에서 드래그하여 총 8개의 버튼 생성

색상 변경.

Create Components Set 구성 후 가독성을 위해 프레임을 ffffff 색상으로 채움 / position 창에서 위의 이름대로 각각 type 과 state 채움

[7주차] UI 디자인의 이해 & 실전 피그마 (1)

hongchaewon — Sat, 9 Nov 2024 21:27:36 +0900

1. UI 디자인의 이해

1) UI 디자인의 개념

2) UI 프로젝트의 이해

2. 실전 피그마 part.4

1-1. UI 디자인의 개념

User Interface

Interface : '면과 면을 왔다갔다 하는 것' through 스크린, 다른 인터랙션이 가능한 기기, 등

사용자 인터페이스 디자인

HCI (Human Computer Interaction) : 사람과 컴퓨터 사이의 상호작용
노멀 유징 시스템 (Normal Using System) : 사용자 하나와 시스템 하나의 인터페이스
인트라넷 (Intranet) : 사용자 여럿과 하나의 시스템, 회사 전체의 정보를 서로 공유할 수 있는 네트워크

CMC (Computer Mediated Communication) : 각각의 사용자와 각각의 노멀 유징 시스템 (e.g. 온라인 수업)

서버 클라이언트 시스템 (Server Client System) : 시스템 사용 시, 그 시스템이 다른 시스템에서 무언가를 가져오는 경우
e.g. 네트워크를 이용해 서버에서 무언가를 불러옴, 단말기, 등

Interaction

<사용자>

필요와 목적에 따라 인지적 시스템이나 제품을 사용

Interface는 사용자와 시스템, 제품 사이에 위치

Interaction은 Interface를 통해 이루어짐

<사용자의 멘탈 모델>

사람들이 특정 맥락에 가지고 있는 인지모형

사회적인 맥락이나 상황, 환경이 사람마다 다른 멘탈 모델을 형성시킴

e.g. 폴더와 디렉토리 개념이 익숙한 사용자 vs. 커다란 바구니에 파일을 넣고 찾아서 사용한다는 개념의 사용자

화면을 보고 마우스를 쓰는 것이 편한 사용자 vs. 터치를 해보려는 사용자
▶ Touch Interaction 모델 발달 인식

즉 사용자 집단의 멘탈 모델을 고려한 디자인이 필요함.

HCI

인간과 상호작용하는 컴퓨터 시스템의 설계, 평가와 관련된 실무 부분 및 현상들에 대해 연구하는 분야

인간과 상호작용하는 시스템이 주어진 목표를 달성하도록 둘 사이의 상호작용 방법과 절차를 설계·평가하며 구현함

<좌측 상단> 전통적인 제품 디자인의 영역

- 피지컬 유저 인터페이스, 물리적인 유저 인터페이스가 위치

· 폼팩터를 비롯한 물리적인 형태와 사이즈 어포던스

· 물리적인 키배열, 키매핑

· 다양한 디바이스와 리모콘

· 버튼과 조그셔틀

<우측 상단> GUI, 그래픽 유저 인터페이스의 영역

- 물리적 인터페이스와 대칭적인 위치

- 스크린에 디자인되는 것

· 텍스트, 색상, 아이콘, 메류, 메타포, 애니메이션, 등의 그래픽적인 요소

<중앙 상단> 햅틱과 사운드 유저 인터페이스 위치

- 피지컬 유저 인터페이스와 그래픽 유저 인터페이스 사이에서 제 역할을 함

<중앙 하단> 계층적 메뉴구조와 IA를 가짐

- 인터랙션 워크플로우 등이 다양한 정보나 서비스 콘텐츠를 표층부로 끌어올 수 있기 위해 준비를 하는 부분

User Interface Design & HCI Design을 이해하기 위한 개념

① 인터랙션 : 다양한 인터랙션이 존재함 (터치, 음성, 제스처, 등)

② 사용성 : 사용자의 목표 달성을 위한 제품/서비스 사용 시, 유효성·효율성·만족 여부

③ 접근성 : 접근성이 사용자 인터페이스 디자인에서 왜 중요한지에 대한 디자이너와 개발자의 이해 필요

④ 유니버셜 디자인

⑤ 표준 제정 : 많은 사람이 공평하게 정보에 접근할 수 있게 하기 위해 많은 기업이나 단체가 표준을 정함

⑥ IA (Information Architecture) : 정보구조도와 워크플로우

⑦ UI 디자인의 패턴 : 다양한 UI 디자인 패턴의 개념, 패턴 이해 및 활용, 패턴 사이트, 등

⑧ UI 디자인의 시스템

⑨ UI 프로토타이핑 : IoT 프로덕트로 구분하여 각 제품, 시스템, 서비스에서의 프로토타이핑 이해

⑩ 사용성 테스트 : 프로토타이핑 결과물을 통해 UT 진행, 그것을 통해 평가·측정

1-2. UI 프로젝트의 이해

UI 디자인의 성공 사례

★ 좋은 인터페이스 디자인의 원칙 - 익숙한 표현 방식을 활용하여 시스템과 현실을 매치한다.

- 사용자가 직접 조작할 수 있도록 자유롭게 한다.

- 일관성과 기준이 있다.

- 유연하고 효율적으로 사용하게 한다.

1. 팀 버너스리의 웹페이지 : WWW 프로젝트에 대해 자세히 설명하는 사이트

2. 구글 검색엔진의 인터페이스 디자인 : "웹페이지의 가치는 그 페이지를 링크한 백링크의 수와 관련있다"
디렉토리 방식을 통해 많아지는 정보의 깊이

3. 삼성페이의 인터페이스 : 핵심은, '사용자 중심 인터페이스'

4. 신한은행의 시니어 고객 맞춤 ATM 기기 디자인 : 빅데이터 분석 결과를 토대로 시니어의 요구 파악

2. 실전 피그마 part.4

① R : 사각형 단축키

② O : 원형 단축키

③ Shift + A : 프레임 생성

④ Ctrl + D : 복제 (하단에 동일한 간격으로 생성됨)

⑤ 오른쪽 창의 Auto layout에서 줄 간격, 레이어 방향 등 조정 가능

⑥ 새로 생성한 사각형을 레이어 안에 삽입 후 (동일한 간격으로 삽입됨) 방향키를 사용하여 위치 조정 가능

① T : 텍스트 단축키

② Auto layout 에서 단축키 B : 단어 가운데 정렬

① 내부 사각형을 잡고 길이를 조절하면 밖의 프레임도 같은 비율로 크기가 조정된다.

② 다만 밖의 프레임을 먼저 조정한 후 내부 사각형을 조절하면 프레임은 고정되고 내부 사각형만 크기가 바뀐다.

① Ctrl + R : 레이어 이름 변경

② Transform 패널에서 Conor Radius 변경 가능

③ 텍스트 더블클릭 or Ctrl + Enter 후 클릭하면 텍스트 조정 가능 및 텍스트 길이 따라 프레임 자동 조정

다음 시간에는 알림창 만들기와 프로필 카드 만들기를 함께 진행해 보도록 하겠습니다 !

[3주차/UX] 퍼소나 정의의 활용, 고객여정지도와 요구사항 분석

hongchaewon — Thu, 10 Oct 2024 19:17:07 +0900

1. 퍼소나 정의와 활용

1) 퍼소나의 기원과 정의

2) 퍼소나 구성하기

2. 고객여정지도와 요구사항 분석

1) 고객여정지도 만들기

2) 고객 요구사항 분석하기

1. 퍼소나 정의와 활용

1) 퍼소나의 기원과 정의

퍼소나 정의

Persona : 그리스 고대극의 배우들이 쓰던 가면, 라틴어 Person, Personality의 어원.

연기자가 맡은 역할이나 심리학에서 '페르소나'로 번역

분석심리학에서의 Persona : 사회에서 요구하는 도덕, 질서 등을 다스리고 본성을 감추기 위해 만들어내는 사회적 인격

고태형 Archetype	밈 Meme
분석심리학	동물행동학 / 진화생물학

인류의 역사 속에서 긴 경험의 축적에 의한 결과로 나타나는 유전적 계승에 의해 나타나는 민족이나 인류의 공통적인 원상. 신화나 상징적인 것들 속에 집단적 무의식이 표현됨.	책이나 발명품 등을 통해 뇌에 저장되고 모방을 통해 전파 및 유전자가 복제를 통해 퍼져 나가는 것과 흡사. 유전자를 통한 생물학적 복제와 같이 문화적인 행동양식이나 지식은 밈을 통해 다른 사람들에게 복제되어 보다 이기적 유전자로 진화

UX/UI 디자인에서 Persona :

어떤 제품, 서비스를 사용할 만한 목표 인구 집단 안에 있는 다양한 사용자 유형을 대표하는 가상의 인물을 구체화하는 것.

모든 이 맞춤 < 보편화된 사용자 맞춤

사용자 모델, 존재할 수 있는 Perona로 표현하는 것이 중요

가상이라는 것을 허구와 혼동 금지

목적에 맞는 퍼소나를 만들어 다양한 사용자의 패턴화 및 클라이언트 설득에 사용

과정 ① 올바른 방식으로 정확한 사용자들을 조사

② 얻어진 데이터를 선별 과정을 통해 Persona를 빌딩하기 위한 소스들 확보

③ Persona 를 만들었을 때 이 연관 관계들이 잘 드러나야 함

"잠재적 사용자들에 대한 철저한 조사 끝에 세워자는 전형이다."

2) 퍼소나 구성하기

퍼소나 활용 목적

① 사용자 그룹의 라이프스타일에 대해 자세히 이해하도록 도움

② 사용자 그룹이 원하는 주요한 가치를 찾고 서비스나 제품의 개발 목적과 방향을 잡기 위함

③ 서비스와 제품의 실질적 운용 방법을 알기 위해 사용자 시나리오로 발전시키기 위함

퍼소나 사용 이유

① 디자인을 하다 보면 중심에서 벗어나는 경우가 잦음.

- 디자인은 언제나 사용할 사람들을 늘 중심에 두고 고려해야 함.

② 가장 인간적인 방법으로 사용자들에게 접근하는 방법이다.

- 단순한 사용자 모델 유형이 아닌 사회적, 감정적 측면을 고려해야 함.

③ 퍼소나를 통해 사용자를 구체적으로 객관화시켜 진짜 니즈를 파악함.

- 사용자를 잘 알고 있다는 오해에서 벗어날 수 있음.

퍼소나 사용의 중요성

① 행동, 패턴의 그룹핑이라는 측면에서 새로운 사용자의 니즈 도출 가능성

② 마케팅, 개발, 디자인 담당자들이 함께 공감 및 고민 가능

성공적인 퍼소나 과정

① 철저한 데이터 분석을 통해 만들어내야 함.

② 기업의 전략 방향에 맞춰 어떤 행동패턴 가진 사용자인지 조사

③ 전략과 맞물려 실제의, 명확한 Persona 만들 수 있음.

UI/UX 디자인에서 Persona

- 인류통계학적 개념은 Grouping (O), Perona (X)

- 중요한 행동패턴 Major Behavior Pattern

- 공감을 통해 사용자들에게 몰입하여 하나의 목적으로 일하게 만드는 도구

바람직한 Persona	잘못된 Persona
실재하는 사람들과 견고한 리서치를 바탕으로 이루어짐	스테레오 타입의 퍼소나
대상 그룹이 달성해야 하는 주요 목표와 개인의 행태 및 태도에 주목	하나뿐인 퍼소나
퍼소나의 주요 특징을 찾아 Critical Characteristic을 추출해야 함	연령이나 직업에 따른 단순한 퍼소나
	조사자의 의도에 오염된 퍼소나

퍼소나의 주요 요소

인물적 배경 : Humanize, 이름, 사진, 직업, 배경, 이야기, 등

설계 대상과의 관계 : 설계 대상과의 관계에 따른 다양한 설정 가능

목적/요구/태도 : 설계대상을 이용하는 목적, 요구, 행태의 파악

특정 지식 능숙도 : 사용자의 지식, 능숙도에 따른 설계계획의 기준 상이함

2. 고객여정지도와 요구사항 분석

1) 고객여정지도 만들기

고객여정지도 Journey Map

서비스, 브랜드에 대한 일련의 경험을 시간순으로 표현

현재의 서비스가 갖는 문제점을 포착하거나 발전해야 할 기회요인을 찾는 방법

Pain Point, Happy Point, 서비스 또는 사용과정의 문제점을 나타냄

저니맵 구성하기

① 고객 유형 이해

- 고객에 대한 리서치를 통해 인사이트 도출

- 터치포인트(고객이 서비스와 상호작용하는 접촉접) 작성

* 사람: 고객의 시야에 노출되는 서비스 제공자

* 공간: 고객의 경험하는 서비스 공간, 경험을 구체화하는 유/무형적 요소들 모두 해당

* 제품: 고객이 서비스를 경험하며 접하는 도구적 개념의 제품

* 정보: 고객이 서비스를 경험하며 접하는 정보

② 초기 가설 만들기

- 디자인팀의 내부 스터디에 기초해서 가설을 수립

- 가설 수립을 위한 기본적인 데이터

- 현존하는 고객리서치와 결과 비교 및 장단점 분석

③ 고객 여정, 요구사항 및 인식 조사

- 실제 서비스 환경에서의 고객경험 관찰을 통해 고객 여정에 관한 분석자료를 보완/수정

- 에스노그라피 등의 공감기법을 통해 고객의 의견을 취합할 것

④고객 조사 데이터 분석

- 앞서 조사된 고객 여정, 요구사항 및 인식으로부터 명확한 인사이트를 구하는 단계

- 다양한 고객 데이터의 종합적 분석과 수혐 과정을 통해 다양한 터치포인트와 서비스 인터랙션이 분석됨

- 초기 개발한 고객 여정에 대한 가설을 증명하고, 고객 유형 분석을 통한 리서치 기반의 퍼소나 생성

저니맵의 14가지 중요한 구성 요소

1. 고객 관점을 나타낸다

- 사용자의 관점에서 그들이 제품과 혹은 서비스를 이용하는 데 어떤 상호작용을 하는지 기록

2. 연구/관찰 자료를 이용하라.

- 인터뷰, 관찰 혹은 설문조사가 결합괸 에스노그라피 자료를 이용한다.

3. 고객 유형을 나타내라.

- 고객의 세그먼트, 그들이 속하는 그룹마다 특성이 다르기에 구별을 할 필요가 있음

4. 사용자의 목표를 포함하라.

- 고객이 달성하고자 하는 것을 보여주어야 함.

5. 감정에 집중하라.

- 감정은 경험에 있어 아주 중요한 부분이고, 기업-기업 / 기업-고객인지에 따라 감정에 차이가 있음

6. Touch Point를 나타내라

- 고객이 상품이나 서비스와 만나는 접점을 표시해야 함

7. 진실, 사실을 명확히 나타내라

- 여러가지 인터랙션과 별개로 중요한 사실을 분리하여 표시해야 함.

8. 브랜드에 미치는 영향을 살펴라

- 특정 경험이 브랜드에 어떻게 미치는지 살펴라.

9. 시간을 기입하라.

- 경험의 소요시간은 중요한 맥락을 제공함.

10. 다양한 툴과 프로그램을 사용하라

11. 경험을 여러 단계로 구분하라.

- 사용자는 각각의 경험에서 다른 경험을 하므로 단계를 구분하여 단계별로 사용자를 이해시켜야 함.

12. 고객의 행동을 정확하게 기술하라

13. 사용자와 비사용자를 고려하라

14. 다양한 해석을 시도하라.

저니맵의 종류 및 특징

① As-is > To-be

- As-is : 현재의 고객 여정 기술, 문제점과 페인포인트를 파악하거나 드러낼 때

- To-be : 미래에 개발될 제품이나 서비스에서의 고객 여정을 표현하고 그 장점을 설득할 때

② Time-line

- e.g. Discover - Define - Develop - Deliver

③ 서비스 > 인지적 제품

- 디테일한 인터랙션 또는 인지적인 레벨이 중요한 경우를 다루기 어려움

- 시간의 흐름에 집중함

2) 고객 요구사항 분석하기

요구사항

Define 단계 : 프로젝트 요구사항, 사용자의 페인포인트와 니즈, 프레젠테이션 범위

ㄴ 불편한 점, 좋은 디자인을 위해 없애야 할 것

사용자의 요구사항 파악하기 -> 사용자의 잠재욕구를 파악하는 것이 요구사항을 결정하는 데 가장 중요

궁극적으로 디자인해야 될 대상의 기능과 속성에 대해 잘 정의하는 것이 중요하다.

무엇을 디자인 해서 무엇을 해결할 것인가... 디자인 할 대상을 잘 규정하는 것이 혁신적인 디자인을 만든다.

[2주차/UX] 설문과 통계, 인간 심리와 행동에 기반한 UX 디자인

hongchaewon — Wed, 2 Oct 2024 20:20:11 +0900

1. 설문과 통계

1) 설문 만들기

2) 설문결과를 통계로 정리하기

2. 인간 심리와 행동에 기반한 UX 디자인

1) 인간 심리와 행동

2) Nudge

1. 설문과 통계

1) 설문 만들기

설문

정의: 미리 구조화되어 있는 설문지나 면접을 통해 사회현상에 관한 자료를 수집하고 분석하는 연구 방법

목적: 설문조사의 목적은 어떤 모집단을 대표할 것이라고 추정되는 대규모 응답자들을 통해 정보를 구하는 것

특징: 가장 흔하게 접할 수 있으며 가장 쉽게 만들고 진행할 수 있는 방법

디자인 조사 방법 중 가장 정량적인 방법

설문 문항 만드는 법과 통계를 알아야 함.

객관적이지만 생생함과 유연함이 결여됨

실시 이전에 연구 모형과 가설이 수립되어야 함

적합한 상황: 명확해진 문제, 의식적인 문제를 다룰 때

얼마나 많은 사람들이 그 의견에 동의하는지를 알아볼 때

설문 문항 개발의 유의점

변수와 문항의 일치가 중요함

30분 이상의 길이는 응답의 질이 떨어질 수 있음

개수보다는 다각도의 분석이 가능한 설문이 더 좋음

응답자의 입장에서 설문 제작

개방형보타 폐쇄형이 설문에 적합함

설문조사 질문의 중립성을 유지해야 함

한 번에 한 가지 질문만 해야 함

난이도가 쉬운 답변을 앞에 배치, 서술형 답변을 뒤에 배치하는 등 질문 순서 배열에 신경써야 함

설문을 단순하게 유지하되 응답을 정확하게 할 수 있도록 물어봐야 함.

>> 직접 만들어본 설문지 : https://forms.gle/s4a3gu1zB4SAXu8V6

2) 설문결과를 통계로 정리하기

통계

State(국가) + Arithmetic(산술) -> 국가를 통치하기 위한 인구조사에서 비롯된 학문

현대에는 독자적인 학문으로 분류되지만 모든 학문의 연구방법으로 채택됨

통계학은 Data Minig, Big Date 등 수치데이터 분석으로 발전하였고, 인공지능-딥러닝의 토대가 됨

가장 보편적이고 객관적인 방법이기에 정량연구를 평가절하하거나 과대평가하지 않고 편견없이 자료를 해석할 수 있음

통계 기초

용어: 모집단, 표본, 표집, 표본 수, 표본조사, 전수조사,

평균(일반적으로 표본평균을 의미, 모평균-모집단 전체의 평균)

중앙값/중간값(측정된 값들 중 정가운데에 있는 값)

사분위수(측정된 값들 중 25%, 50%, 75% 위치의 값)

최빈값(가장 많이 관측된 값)

표준편차, 분산(=S.D.^2) (관측값들이 얼마나 들쭉날쭉한지를 나타내는 수치)

Q. 지지정당을 파악하기 위해 연령, 지역, 소득수준, 성별을 고려하여 50명에게 설문조사를 했다.

A. 부적함. 샘플 수 부족.

Q. 달력 앱의 사용성 문제점을 확인하기 위해 성별과 소득수준에 따른 균등분할 방식으로 30명에게 사용성평가 진행.

A. 부적함. 소득수준 영향은 적으며 연령이 더 중요한 기준.

Q. 구제역 역학조사를 위해 발병농가 주위 10Km 이내의 모든 사육두수를 대상으로 전수조사를 했다.

A. 적합. 역학조사의 실시 이유는 모수추정이 아닌 단 한마리라도 있는지 없는지 판단하는 데에 있음.

Q. 2020년형 제네시스의 안전성 검사를 위해 전 차량을 대상으로 충돌테스트 실시.

A. 부적합. 실험 후 판매 가능한 차가 남지 않음.

자료(data)와 척도/변수(Scale/Variable)
명목(명명) 데이터 범주형 데이터	순서(서열) 데이터 수치형 - 이산형 데이터
성별 : 남자(1), 여자(0) 직업 : 회사원(1), 자영업(2), 전문직(3)	1등, 2등, 3등, ... 선택지 사이의 간격이 동일하다는 보장은 없음.
간격(등간) 데이터 수치형 - 이산형 데이터	비율(비례) 데이터 수치형 - 연속형 데이터
값 사이의 간격이 균등(동일)함 안좋다(1) - 별로다(2) - 보통(3) - 괜찮다(4) - 좋다(5)	점수 : 0점 ~ 100점 수행 시간 : 0초 ~ n초

그래프, 다이어그램의 예시: Stem-leaf diagram, Histogram, Bar graph, Line graph, Pie graph,

Scatter plot, Radar chart, 100% accumulated bar graph, etc.

통계 분석

정규분포곡선 : 가우스분포곡선 Normal Distribution, 종형곡선 Bell Curve

- 표본이 충분히 많아지면 대부분의 측정값은 평균=중앙값=최빈도를 이루고 좌우로 완만히 분포하게 됨.

- 왜도 skew : 관측치가 치우친 정도

- 첨도 kurtosis : 관측치가 흩어진 정도

- 데이터의 분포가 정규분포를 따르는지를 가장 먼저 확인해야 함

신뢰 수준/구간 Confidence level/interval

- 표본조사가 전수조사와 얼마나 많이 일치하는지를 나타내는 표

- 통상 0.95 (95%) 구간을 많이 쓰고 신뢰 수준이 높을수록 좋음

표본오차 Sampling Error

- 표본값이 모값과 얼마나 차이날지 +/- 로 나타내는 지표

5. 인간 심리와 행동에 기반한 UX 디자인

1) 인간 심리와 행동

행동경제학

기존의 경제학이 가지고 있던 합리적인 인간에서 벗어나 인간의 행동 속에 있는 비합리성을 바탕으로 하는 것

인간의 비합리적 측면을 설명하기 위한 분야

경제학과 심리학이 합쳐진 분야

프레이밍 효과

동일한 상황을 어떻게 제시하느냐에 따라 그 상황에 대한 인식과 의사결정, 결과가 달라지는 현상

e.g. <돈 100만원이 있는 상황>

A: 이걸로 충분히 사업을 시작할 수 있겠어 (긍정) vs. B: 난 겨우 이만큼밖에 없어 (부정)

=> 동일한 사실을 다르게 인식

앵커효과

처음 각인된 정보를 기준으로 모든 것을 판단하게 되는 효과

공짜 효과

거래의 상한선과 하한선 중 하한선을 마비시켜서 실제 가티보다 훨씬 더 큰 가치를 부여하게 되는 효과

인간은 본능적으로 손해에 대한 두려움을 갖고 있기 때문에 공짜 제품을 손에 넣는 순간 손해의 가시적인 가능성 완전 전멸

e.g. 브라질 리우 축제 기간 동안 빈 맥주 캔이 지하철 승차권이 되는 아이디어

가용성 휴리스틱

의사결정 시 지금 생각할 수 있는 범위 내에서 추론하는 간편추론 방법

어떤 문제나 이슈에 직면해 무언가를 찾아서 알아보려고 하기보다는 당장 머릿속에 떠오르는 것에 의존하거나 그걸 중요하다고 생각하는 경향

e.g. 왜 내가 있는 차선만 막힐까? - 추월하면 더 빨리 갈 수 있을까? - 한 차선으로 간 경우와 추월한 경우 큰 차이 X

기준점 휴리스틱

어떤 현상 유지를 하고자 하는 욕구

e.g. 펩시의 위협에 새로운 맛의 '뉴 코카콜라'를 출시하였으나 더 망하여 원래의 맛을 살린 오리지널 코카콜라인 '코카콜라 클래식'을 출시하였더니 원상복구됨. 맛은 전과 다를 바 없으나 프레이밍을 통한 성공적인 마케팅

행동 기억

인간의 일상적이며 무의식적인 기억을 찾아내서 디자인에 적용하는 접근 방법

다리 벌리고 앉기, 다리 떨기, 등 -> 행동 기억을 디자인 발상으로 운영 가능

관습화된 기억

이아콘화 된 형태나 이미지를 새로운 물건의 디자인으로 사용하는 것

사물에 대한 공통된 인식을 활용하여 새로운 디자인 창조

e.g. 외투걸이로 활용 가능한 의자, 환풍기 형태의 CD 플레이어

미끼효과

겉보기에 관련이 없어 보이는 세 번째 옵션의 도입이 다른 두 옵션 사이에서 사람의 의사 결정에 영향을 미치며 비합리적인 소비를 유도하는 효과

e.g. 2000원의 종이신문 구독, 3000원의 종이신문+온라인신문 구독

사람들이 후자를 더 나은 선택지라 생각하며 결제시키기 위해 2500원의 온라인신문 구독 선택지를 만듦

-> 3000원 선택지가 합리적이라는 생각이 들며 미끼에 걸려듦

행동모델

행동을 유도하기 위해서는 그 행동에 대한 동기, 용이화, 촉발장치가 필요함

e.g. 데이트의 동기 : 희망, 백신프로그램 사용의 동기 : 두려움

회원을 가입하는 데 100번의 클릭을 해야 한다면 가입하지 않을 것

한 번의 클릭으로 소프트웨어를 업데이트 할 수 있는 Trigger 제공

2) Nudge를 활용한 디자인

Nudge

뜻: 팔꿈치로 슬쩍 찌르다, 주의를 환기시키다

의미: 사용자가 느끼지 못하는 개입을 통해 사용자의 행동을 조절할 수 있다

Choice Architecture

선택 사항을 금지 or 경제적 인센티브를 크게 바꾸지 않고 예측 가능한 방식으로 행동을 변화시키는 모든 형태의 선택 설계

e.g. Health & Well-being 분야에서 사용된 Nudge 효과 <Organ Donation>

Out-opt policy : Default 선택을 도입한 국가에서 당기 기증률이 높았다.

Default 조건이란?
1. 여러분들이 사고를 당했을 때 여러분들의 장기는 자동으로 기부됩니다. 혹시 이것에 동의하지 않으면 표시를 해주세요.	2. 여러분들이 사고를 당했을 때 여러분들의 장기를 기증하시는 것에 동의 하시겠습니까?
1. 사람들이 체크하는 것을 극도로 귀찮아한다는 점을 노리고 체크를 안했을 때 기증하는 결과가 도출되는 질문을 삽입.

*단, 질문 자체가 사회적, 도덕적으로 동의가 이루어진 것인가를 생각해보고 선택해야 한다.

손실 회피 심리

얻었을 때의 기쁨 < 잃었을 때의 고통 ..... 대니얼 카네만의 손실회피 경향 실험

실제 앱에 반영된 넛지 원리 활용한 디자인 사례

<Personalization Suggest> : 개인맞춤형 의료보험 서비스 정보를 제공했더니 의료보험 가입률이 증가함

<- 신한카드 (신한플레이)

사용자들의 TPO를 정확히 예측,

고객이 필요한 시점에 맞춤 혜택 제공

<Giving Incentive> : 과일을 먹으면 스티커를 주고, 스티커를 상품으로 교환할 수 있는 인센티브 제도를 통해
과채 섭취량 증가 / 더 많은 과채 섭취 혹은 또래보다 많은 스티커 획득 시 추가 인센티브

<- SKTelecom (ZEM)

미션, 선물하기와 같은 기능을 통해 동기를 부여하며
아이 스스로 올바른 스마트폰 사용 습관을
만들어 나갈 수 있도록 도와주는 서비스

<- i-aurora (SPHO KIDZ)

미션을 통해 받은 칭찬스티커로
자녀에게 선물을 줄 수 있는
'칭찬하기' 기능

<Encouraging People to Vote> : 단순 투표격려 광고 메시지 < SNS 라벨링 기능을 부여

e.g. 금연을 목표하는 자가 SNS에 '금연 중'인 것을 표시할 수 있는 기능을 부여하는 앱 디자인

헌혈을 했다는 사실을 SNS에 기록하고 이를 공유할 수 있는 기능을 부여하는 앱 디자인

자신이 읽은 책을 기록하고 이를 지인들과 공유할 수 있는 기능을 부여하는 앱 디자인

<Increasing donation amounts> : 문제에 대한 통계적 자료를 제시 < 식별 가능한 피해자 노출 -> 평균 기부금 높음

<- NAVER (해피빈)

기부 대상자의 이야기를 공유하여, 이에 공감대를
형성하는 사람들이 자연스럽게 기부를 하도록 유도

Nudge(행동 개입) 관점 디자인

어떤 개입을 하면 새로운 경험을 제공해줄 수 있을까?

[1주차/UX] 리서치의 개괄 및 인터뷰, 관찰

hongchaewon — Fri, 27 Sep 2024 20:17:05 +0900

2. 리서치의 개괄 및 인터뷰

1) 인터뷰 방법의 특징

2) 이야기를 통해 사람에게 배우기

3. 관찰

1) 관찰의 특징과 종류

2) 다양한 관찰연구의 방법들

2. 리서치의 개괄 및 인터뷰

1) 인터뷰 방법의 특징

리서치

UX 디자인 프로세스의 첫 단계

발산적인 성격을 갖기 때문에 섣불리 결론을 내리기보다 일정한 시간까지 조사 내용을 계속 모아나가는 것이 좋음.

작은 결론을 내리기는 하지만 확정 짓거나, 상위 차원의 결정을 내리지 않는 태도가 좋음.

리서치 방법

다양한 방법들이 있지만, 밑줄 친 방법들이 리서치 단계에서 유용하게 쓰이는 방법이라고 함.

분류 기준	방법
리서치 방법과 리서치로 얻어진 자료의 성격에 따른 분류	양적조사	질적조사
자료 수집 환경에 따른 분류	데스크 리서치	연구실 조사	현장 연구
연구 목적이나 진행 단계에 따른 분류	탐색적 조사	기술적 조사	인과관계 조사
논리 전개 방식에 따른 분류	귀납적 연구	연역적 연구
연구 주제에 따른 분류	일차 조사	이차 조사

조사계획 수립

간접 조사	온라인 데스크 조사	문헌 및 서적 조사	트렌드 조사	경쟁업체 동향 / 이슈 분석
직접 조사	관찰	인터뷰 / FGI (포커스 그룹 인터뷰)		설문 조사
	정성적		정량적

* 무엇이 더 효과적이고 중요한지는 때에 따라 변하지만 주로 디자인 리서치 -> 정성 조사 / 통계 기법, 데이터 마이닝, 빅데이터 -> 정량 조사 방법이 유용하게 사용된다.

삼각측량법(Triangulation)

안정적이고 타당한 결과를 도출하기 위해서는 리서치 방법을 다각화해야 한다.

연구와 프로젝트의 성격에 따라 융통성 있게 구성하여 조합하자.

<현장 관찰> 행동 <인터뷰 설문> 언어 <UT 실험> 개입

Field Observation Shadowing + Interview Questionnaire + Usability Test Think-Aloud Protocol

데스크 리서치

다른 사람이 다른 목적을 위해 이미 조사한 내용을 참고하여 사용하는 이차조사와 문헌 조사의 성격을 띤다.

(1) 이차 조사 자료에 대한 자신의 관점과 조사 목표를 유지한다.

- 맹목적인 조사 X, 보고서 분량을 늘리기 위한 조사 X, 프로젝트의 목표와 무관한 자료 조사 X

- 이차 조사에 대한 명확한 목표와 계획 설정 필요

(2) 반드시 참조 달기

- 참조를 통해 자료 추적이 가능하며 차인이 만들어 놓은 지적 자산을 존중하는 태도가 필요하다.

- 참조 표시는 각주, 미주, 그림(아래) 및 표(위) 출처를 명기하는 방식으로 가능하며, APA 양식 등을 사용한다.

- 인용은 가공되지 않은 원문, 원자료를 인용하는 것이 원칙이다.

PESTPILO

STEEP : 사회(Social) + 기술(Technology) + 경제(Economic) + 환경(Environment) + 정치(Political) 분석

PESTEL : 정치(Political) + 환경(Environment) + 사회(Social) + 기술(Technology) + 경제(Economic) + 법률(Legal) 분석

2) 이야기를 통해 사람에게 배우기

전문가(Expert) 인터뷰

쓸 만한 정보를 많이 가지고 있기 때문에 정확하고 압축적인 정보를 빠르게 얻을 수 있음.

다만 인터뷰이를 찾기가 어렵고 비용이 많이 듦.

델파이 기법(전문가 합의법)

전문가 패널 설정 - <패널에게 질문 - 결과 종합> - 의견일치(합의)

극단적 사용자(Extreme User) 인터뷰

일반 사용자들에게는 예측 가능한 인사이트가 나오지만 양극단의 사용자들에게서는 새로운 인사이트 도출 가능.

FGI(Focus Group Interview)

90분 전후의 시간 동안 특정 고객 그룹, 이해관계자, 전문가를 그룹(6~10인)으로 만나 진행자가 주도하여 집단 인터뷰.

비대면 인터뷰

시간과 장소의 구애를 받지 않고 물리적 준비물이 줄어듦. 인터뷰 내용의 디지털라이징이 손쉬움.

안정된 인터뷰 상황 필수적, 인터뷰에서 몰입할 상황이 깨지기 쉬움.

3. 관찰

1) 관찰의 특징과 종류

관찰

가장 질적인 연구방법이자 디자인 방법

관찰을 통해 새롭게 보는 것이 중요함(e.g. OXO 앵글드 메저링 컵)

관찰은 가장 대표적인 리서치 방법이지만 자료화하기 어렵기에 적용을 위해서는 많은 노력이 필요함

에스노그라피 (Ethnography)

문화인류학을 중심으로 발전된 연구 방법으로, 관찰 집단에 연구 대상자가 들어가서 직접 참여하며 관찰하는 방식

특정 브랜드의 사용, 기술 활용 가능성 등의 특정 시각에서 본 목표를 가지고 관찰

제품을 둘러싼 환경 및 사용자의 행동을 단기간(1~2주) 관찰

Photo diary, Home visit, Video ethnography, FGI 방법 사용

제품 UX / 서비스 형태의 결과물 산출

		관찰 행동
		은폐 (대상자로 봄)	노출 (참가자로 봄)
관찰 대상에게	비개입	Fly on the wall	Shadowing
관찰 대상에게	개입	Undercover agent	Contextual Inquiry / UT 관찰

Fly on the wall

활동이 벌어지는 현장으로 가서 무슨 일이 벌어지는지 눈에 띄지 않게 관찰

Shadowing

대상자를 따라다니면서 행동을 관찰하고 결과를 A day in a Life 방법으로 정리

Contextual inquiry

대상자의 활동 공간에 가서 행동에 대한 질문을 하는 인터뷰 형식의 현장 방문 조사

Undercover agent

관찰행동을 숨긴 채 직접 인터랙션하며 벌어지는 일을 관찰하는 실험적 방법

2) 다양한 관찰연구의 방법들

Immersive Research (Service Safari, Becoming User)

스스로 User가 되어 연구 대상에 대해 깊이 이해. 관찰 대상 그 자체가 되며 구분이 되지 않는다.

매우 감정 이입적, 별도의 참가자 섭외가 필요 없음.

User Diary

참가자의 능동적인 참여를 전제로 하는 방법이며, 참가자가 연구 주제에 대해 자신의 경험을 기술하고 보고함

자기 보고형 관찰이기 때문에 관찰이 불가능한 공간, 시간에 대해 실시하 연구 주제에 대해 깊이 이해 가능.

조사 양식은 정형화 되어 있지 않지만 보통 전후에 FGI를 실시해 심층적인 이해를 추구함.

비디오 다이어리 / 에스노그라피

고정된 카메라 기법을 사용하여 피관찰자의 자연스럽고 무의식적인 행동을 포착하지만, 의미있는 장면 발굴의 어려움.

모바일 / 디지털 에스노그라피

참여자들의 스마트폰으로 각자의 정보를 수집한 디지털 자료이므로 전통적 리서치보다 처리와 분석에 효과적이다.

모바일 / 사용시간, 보유한 디바이스 종류, 주/부 사용앱, 사용(task) 내용, pain point, 바람/개선점, 등 조사.

(Cultural) Probe

참여자들에게 작은 패키지 제공 후 참가자 스스로 결과물을 제작하고 과정을 보고하도록 하여 통찰을 이끌어내는 방법.

Probe(무인 탐사선)는 사용자라는 미지의 영역을 탐색하는 도구라는 뜻이며 Text 형식의 User Diary와 차이점을 가짐.

구성/사전조사 - 패키지 제작 및 전달 - 프로브 작성 - 프로브 결과물 해석 - 심층 인터뷰

<사용자> <리서처>

UT 관찰 : with sacrificial prototype

사용성 테스트의 프로토타입을 이용한 적극적 개입 방식의 관찰

본격적인 인터뷰의 사전 단계이며, 사용자/고객에게 프로토타입을 주고 task를 시킨 후 그 과정을 관찰하거나 제안 유도

디자인안을 검증/확인하기 위한 테스트가 아닌 질문을 유도하거나 사용자 반응을 탐색하기 위한 프로토타입

Behavioral Map / Tracing

공간에서의 이동 동선과 행동을 평면도 상에 나타내는 맵

트레이싱의 결과를 공간상에 표현함으로써 공간활용도, 이동 행태, 이동 순서 등을 파악

공간에서의 행동이 절차화/정형화 되어 있으면 큰 통찰력을 이끌어낼 수 없기에 적당한 수준의 규정성이 필요

[혼공파]3주차_ 반복문

hongchaewon — Thu, 1 Feb 2024 14:25:41 +0900

*본 블로그는 노트북 화면에 최적화되어 있습니다.

안녕하세요! 한빛미디어 혼공학습단 11기로 활동하게 된 홍채원입니다.

이번 혼공은 윤인성 저자의 「혼자 공부하는 파이썬 - 개정판」과 함께 달려봅니다:)

3주차에서는 다음과 같은 내용을 다루어 보았습니다.

4. 반복문

1) 리스트와 반복문

2) 딕셔너리와 반복문

3) 범위 자료형과 while 반복문

4) 문자열, 리스트, 딕셔너리와 관련된 기본 함수

3주차가 되니 파이썬이랑 익숙해진 것도 같고, 조금은 해이해져서(...) 미루다가 적게 되네요^^;;

혼공학습단 페이지의 1, 2주차 활동에 적힌 코멘트를 읽으며 반성과 함께 초심을 되찾고자 다짐한 3주차였던 것 같습니다.

여전히 부족한 블로그일테지만, 좋게 봐주시면 감사하겠습니다

그럼 지금부터 시작합니다!

04-1. 리스트와 반복문

4단원은 리스트에 대해 배워보는 것으로 시작합니다. 이때까지 숫자, 문자, 수식 등의 개별적인 자료를 다뤘다면 그들을 모아서 사용할 수 있게 해주는 특별한 형태의 자료를 리스트라고 합니다. 리스트는 대괄호 내부에 여러 종류의 자료를 넣어 선언합니다. 리스트 안에 있는 요소를 각각 사용하려면 리스트 이름 바로 뒤에 대괄호를 입력하고 자료의 위치를 나타내는 숫자를 입력합니다. 쉼표로 구분되어 각각의 요소가 저장되는데, 이때 파이썬은 0부터 센다는 사실을 기억하셔야 합니다.

>>> list_a = [2023, 29, 51, "우승", True, False]
>>> list_a[0]
2023
>>> list_a[3]
우승
>>> list_a[1:3]
[29, 51]

이렇게요. list_a[1:3] 은 첫 번째 글자부터 세 번째 글자를 선택하는 것이 아니라 그 앞의 두 번째 글자까지 출력하는 것을 헷갈리지 않아야겠습니다.

리스트의 다양한 사용법에 대해서 알아보겠습니다.

① 리스트의 특정 요소를 변경할 수 있습니다.

>>> list_a = [2023, 29, 51, "우승", True, False]
>>> list_a[3] = "챔피언"
>>> list_a
[2023, 29, 51, "챔피언", True, False]

② 대괄호 안에 음수를 넣어 뒤에서부터 요소를 선택할 수 있습니다.

>>> list_a = [2023, 29, 51, "우승", True, False]
>>> list_a[-1] = False
False
>>> list_a[-5]
29

뒤에서부터 셀 때는 0부터가 아니라 -1부터입니다.

③ 리스트 접근 연산자를 다음과 같이 이중으로 사용할 수 있습니다.

>>> list_a = [2023, 29, 51, "우승", True, False]
>>> list_a[3] = "우승"
'우승'
>>> list_a[3][0]
'우'

④ 리스트 안에 리스트를 사용할 수 있습니다.

>>> list_a = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
>>> list_a[1]
[4, 5, 6]
>>> list_a[1][1]
5

문자열에서 사용하는 연결(+), 반복(*) 연산자는 리스트에서도 활용할 수 있습니다. len() 함수는 괄호 내부에 문자열을 넣으면 문자열의 글자 수를 세어 주지만 리스트 변수를 넣으면 요소의 개수를 세어줍니다. 리스트에 요소를 추가할 때는 append() 함수, insert(a,b) 함수를 사용하여 리스트 뒤에 요소를 추가하거나 리스트 중간(a 위치)에 요소(b)를 추가할 수 있습니다. 리스트 연결 연산자와 같이 원본에 어떠한 영향도 주지 않은 것을 비파괴적, append / insert / extend 와 같은 함수 또는 연산은 파괴적이라고 표현할 수 있습니다.

인덱스를 제거할 수도 있습니다. 제거하는 것은 리스트 원본에 영향을 주기에 파괴적이라고 볼 수 있겠네요.

del 리스트명[인덱스] 또는 리스트명.pop(인덱스) 의 형식을 사용할 수 있습니다. 3:6 과 같이 지정하면 3번째 부터 5번째 까지의 요소를, :3을 지정하면 2번째 까지의, 3:을 지정하면 3번째를 포함한 오른쪽을 제거한다고 보면 됩니다. 리스트 내부의 요소를 모두 제거할 때는 clear() 함수를 사용합니다.

많이 사용하는 연산자 중 하나인 in 연산자와 not in 연산자도 있습니다. 리스트 내부에 값이 있으면 True, 없으면 False를 출력하고 not in 연산자는 그 반대로 작동합니다. 이 연산자들을 통해서는 특정 값이 리스트 내부에 있는지 확인하는 방법을 제공합니다.

저는 프로그래밍 언어의 꽃은 for문이라고 생각하는데요, (개발 비전공자로써 왠지 본격적인 프로그래밍의 문을 여는 느낌이 들어서요..^^;;) 대학교에서 C언어를 공부하다가 for문에서부터 머리에 힘을 빡 주어야만 이해를 할 수 있었던 기억이 있습니다... ㅠㅠ for 반복문의 기본 형태는 다음과 같습니다.

for 반복자 in 반복할 수 있는 것:
    코드

반복문이 두번 사용된 2차원 리스트를 통해 for문을 이해해보고자 하였습니다.

list_of_list = [
    [1, 2, 3],
    [4, 5, 6, 7],
    [8, 9]
]

for items in list_of_list:
    for item in items:
        print(items)

그러나 출력 결과가 잘 이해되지 않아 챗gpt를 사용하였습니다. 다음과 같은 설명을 얻을 수 있었습니다.

list_of_list는 리스트 안에 리스트를 포함한 2차원 리스트입니다.
바깥쪽 for 루프에서 items는 list_of_list의 각 하위 리스트를 순회합니다.
안쪽 for 루프에서 item은 각 하위 리스트의 원소를 하나씩 순회합니다.
print(items)는 현재 순회 중인 하위 리스트를 출력합니다.

[1, 2, 3]의 원소의 개수는 3개이기 때문에 [1, 2, 3] 리스트를 세번 반복하였고 [4, 5, 6, 7]은 원소가 4개였기 때문에 리스트를 4번, [8,9]는 2개이기 때문에 2번 반복한 것이라고 저만의 말로 쉽게 정리해보았습니다.

04-2. 딕셔너리와 반복문

리스트가 인덱스를 기반으로 값을 저장하는 것이하면 딕셔너리는 키를 기반으로 값을 저장하는 것입니다.

자료형	의미	가리키는 위치	선언 형식
리스트	인덱스를 기반으로 값을 저장	인덱스	변수 = [ ]
딕셔너리	키를 기반으로 값을 저장	키	변수 = { }

#딕셔너리를 선언합니다.
dictionary = {
    "name": "7D 건조 망고",
    "type": "당절임",
    "ingridient": ["망고", "설탕", "메타중아황산나트륨", "치자황색소"]
    "origin": "필리핀"
}

#출력합니다.
print("name:", dictionary["name"])
print("type:", dictionary["type"])
print("ingridient:", dictionary["ingridient"])
print("origin:", dictionary["origin"])

#값을 변경합니다.
dictionary["name"] = "8D 건조 망고"
print("name:", dictionary["name"])

04-3. 범위 자료형과 while 반복문

특정한 횟수만큼 반복해서 돌리고 싶을 때 for 반복문과 범위를 함께 조합하여 사용합니다. 정수로 이루어진 범위를 만들 때 range() 함수를 사용합니다.

① 매개변수에 숫자를 한 개 넣는 방법 : 0부터 A-1 까지의 정수로 범위를 만듭니다.

② 매개변수에 숫자를 두 개 넣는 방법 : A부터 B-1까지의 정수로 범위를 만듭니다.

③ 매개변수에 숫자를 세 개 넣는 방법 : A부터 B-1까지의 정수로 범위를 만들고, 앞뒤의 숫자가 C의 차이를 가집니다.

표기는 A 또는 B라고 하더라도 실제는 A-1 또는 B-1만큼의 값만 출력하기 때문에 예를 들어 0부터 10까지의 점위를 생성하는데 10을 반드시 표현해야 한다는 것을 강조하고 싶을 떄는 다음과 같이 작성할 수 있습니다.

>>> a = range(0, 10 + 1)
>>> list(a)
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

이번엔 for 반복문을 범위와 함께 사용해보겠습니다. 다음과 같은 형태를 띱니다.

for 숫자 변수 in 범위:
    코드

첫 번째 반복문은 [0, 1, 2, 3, 4]로, 두 번째 반복문은 [5, 6, 7, 8, 9]로, 세 번째 반복문은 [0, 3, 6, 9]로 반복문이 일어나는 코드를 작성해 보겠습니다.

for i in range(5):
    print(str(i) + "= 반복변수")
print()

for i in range(5, 10):
    print(str(i) + "= 반복변수")
print()

for i in range(0, 10, 3):
    print(str(i) + "= 반복변수")
print()

이번엔 for 반복문을 통해 리스트와 범위를 조합해보겠습니다.

#리스트를 선언합니다.
array = [273, 32, 103, 57, 52]

#리스트에 반복문을 적용합니다. 
for i in range(len(array)):
    #출력합니다. 
    print("{}번째 반복: {}".format(i, array[i]))

이번엔 while 반복문에 대해 알아보겠습니다. while 반복문의 기본적인 사용 방법을 알아보는 고전적인 예제를 통해 살표보도록 하겠습니다.

# 반복 변수를 기반으로 반복하기
i = 0
while i < 10;
    print("{}번째 반복문입니다.".format(i))
    i += 1

위에서 설명드린 for 반복문의 상황 이외에는 while 반복문을 사용합니다. 대표적으로 무한반복이 있습니다. for반복문으로는 무한반복을 구현할 수 없습니다. 그리고 while 반복문에서 가장 중요한 키워드는 조건입니다. 조건을 활용해서 반복을 사용해야 한다면 while 반복문을 사용하는 것이 효과적입니다.

상태를 기반으로 반복하는 while 반복문과 시간을 기반으로 반복하는 while 반복문을 알아보겠습니다.

list_test = [1, 2, 1, 2]
value = 2

while value in list_test:
      list_test.remove(value)
      
print(list_test)

리스트 내부에 있는 모든 2가 제거될 때까지 반복되기 때문에 2가 모두 제거된 결과 [1, 1]이 출력됩니다.

시간을 기반으로 반복하는 예는 유닉스타임이라는 개념을 숙지해야 합니다. 유닉스타임이란 세계 표준시로, 1970년 1월 1일 0시 0분 0초를 기준으로 몇 초가 지났는지 정수로 나타낸 것을 의미합니다.

import time

number = 0

target_tick = time.time() + 5
while time.time() < target_tick:
      number += 1
      
print("5초동안 {}번 반복했습니다.".format(number))

이 코드를 실행한다면 5초동안 14223697번 반복했습니다. 와 같은 실행 결과를 출력할 것입니다.

이외에도 반복문을 벗어날 때 사용하는 break 키워드와 반복문의 현재 반복을 생략할 때 사용하는 구문인 continue 키워드가 존재합니다.

04-4. 문자열, 리스트, 딕셔너리와 관련된 기본 함수

파이썬에서만 사용할 수 있는 다양한 함수들에 대한 소개로 시작해보겠습니다.

- 리스트에 적용할 수 있는 기본 함수: min(), max(), sum()

- 리스트 뒤집기: reversed()

- 현재 인덱스가 몇 번째인지 확인하기: enumerate()

- 딕셔너리로 쉽게 반복문 작성하기: items()

- 리스트 안에 for문 사용하기: 리스트 내포

함수	설명
min()	리스트 내부에서 최솟값을 찾습니다.
max()	리스트 내부에서 최댓값을 찾습니다.
sum()	리스트 내부에서 값을 모두 더합니다.

이 챕터는 위에 소개한 새로운 함수들이 예제에서 어떻게 사용되는지를 학습하는 것이 핵심인 듯합니다.

3주차 미션과 함께 마무리하도록 하겠습니다. 윤인성 저자의 「혼자 공부하는 파이썬 - 개정판」 p.213 1번 문항 풀이입니다.

list_a = [0, 1, 2, 3, 4, 5, 6, 7] 일 경우에 ........

함수	list_a 의 값
list_a.extend(list_a)	[0, 1, 2, 3, 4, 5, 6, 7, 0, 1, 2, 3, 4, 5, 6, 7]
list_a.append(10)	[0, 1, 2, 3, 4, 5, 6, 7, 10]
list_a.insert(3,0)	[0, 1, 2, 0, 3, 4, 5, 6, 7]
list_a.remove(3)	[0, 1, 2, 4, 5, 6, 7]
list_a.pop(3)	[0, 1, 2, 4, 5, 6, 7]
list_a.clear()	[ ]

[혼공파]2주차_자료형과 조건문

hongchaewon — Sat, 13 Jan 2024 17:05:46 +0900

*본 블로그는 노트북 화면에 최적화되어 있습니다.

안녕하세요! 한빛미디어 혼공학습단 11기로 활동하게 된 홍채원입니다.

이번 혼공은 윤인성 저자의 「혼자 공부하는 파이썬 - 개정판」과 함께 달려봅니다:)

2주차에서는 다음과 같은 내용을 다루어 보았습니다.

2. 자료형

3) 변수와 입력

4) 숫자와 문자열의 다양한 기능

3. 조건문

1) 불 자료형과 if 조건문

2) if~else 와 elif 구문

처음 적어보는 블로그라 많이 미숙할텐데요, 좋게 봐주시면 감사하겠습니다

그럼 지금부터 시작합니다!

02-3. 변수와 입력

파이썬은 변수 없이는 설명이 불가한 것 같습니다. 변수란 값을 저장할 때 사용하는 식별자입니다. 간단히 말해, 원주율 값 3.14159265... 를 π라고 정의해서 사용하는 것과 같은 원리입니다. pi라는 이름의 저장공간에 3.14159265를 넣고 pi라는 이름을 호출하면 저장공간의 값을 꺼내 출력합니다.

>>> pi = 3.14159265
>>> pi
3.14159265

변수를 활용하는 방법은 변수선언, 변수할당, 변수참조로 세 가지가 있습니다.

#변수 선언과 할당
pi = 3.14159265
r = 10

#변수 참조
print("원주율 =", pi)
print("반지름 =", r)
print("원의 둘레 =", 2 * pi * r) #원의 둘레
print("원의 넓이 =", pi * r * r) #원의 넓이

책을 읽고 공부하면서 파이썬은 자료형을 미리 선언해야 하는 다른 프로그래밍 언어들과는 다르게 변수에 자료형을 저장하지 않아서 같은 변수에 여러 종류의 자료형을 넣을 수 있다고 합니다. 저는 C언어를 얕게 공부해본 적이 있어 변수마다 int와 같은 자료형을 선언하는 것에 익숙한데, 그렇지 않은 파이썬이 아직은 조금 낯선 것 같습니다. 이 부분에 대해서는 추후에 더 공부해보도록 하겠습니다!

변수를 활용할 때에는 기존의 연산자와 = 연산자를 함께 사용하는 복합 대입 연산자가 있습니다.

+=	숫자 덧셈 후 대입	-=	숫자 뺄셈 후 대입
*=	숫자 덧셈 후 대입	/=	숫자 나눗셈 후 대입
%=	숫자의 나머지를 구한 후 대입	**=	숫자 제곱 후 대입

위는 숫자에 적용할 수 있는 복합 대입 연산자였고, 문자열도 비슷한 구조의 복합 대입 연산자를 사용할 수 있는데 대표적으로 += 는 문자열 연결 후 대입, *= 는 문자열 반복 후 대입이라는 뜻을 가지고 있습니다.

파이썬은 명령 프롬프트에서 사용자로부터 데이터를 입력받을 때 input() 함수를 사용합니다. input의 괄호 안에 입력한 내용은 프롬프트 문자열이라고 하고, 사용자에게 입력을 요구하는 안내 내용이 들어갈 수 있습니다. 괄호 안의 입력 안내 내용에 원하는 내용을 입력하고 Enter 키를 누르면 사용자가 입력한 값이 input 함수의 결과로 나오는 것을 확인할 수 있습니다.

>>> string = input("인사말을 입력하세요> ")
인사말을 입력하세요> 안녕하세요
>>> print(string)
안녕하세요

위의 예제에서 input() 함수의 결과를 string에 대입하였는데, 대입한 값의 자료형이 어떻게 되는지 살펴보겠습니다. 자료형에는 type() 함수를 사용합니다. string 변수에 '안녕하세요' 라는 문자열을 대입했으니 자료형도 문자열이겠고, 그를 'str'을 통해 확인할 수 있었습니다.

>>> number = input("숫자를 입력하세요> ")
숫자를 입력하세요> 5161
>>> print(number)
5161
>>> print(type(number))
<class 'str'>

input 함수는 사용자가 무엇을 입력해도 결과는 무조건 문자열 자료형임을 확인할 수 있습니다. number에 대입한 5161도 'str'로 확인되는 것을 볼 수 있습니다. 이렇게 input 함수의 입력 자료형은 항상 문자열이기 때문에 입력받은 문자열을 숫자로 변환(cast 라고 불립니다)해야 숫자 연산에 활용할 수 있습니다. 이 과정에서 사용되는 두 가지 함수를 알아보겠습니다.

int() 함수 : 문자열을 int 자료형으로 변환. int는 정수형을 의미
float() 함수 : 문자열을 float 자료형으로 변환. float는 실수형 또는 부동소수점을 의미.

문자열을 숫자로 바꾸는 것처럼 숫자를 문자열로 변환하는 것도 가능합니다. str() 함수를 사용하면 됩니다.

지금까지의 내용을 종합하여 사용자에게 숫자 두 개를 입력받고, 입력받은 두 수 의 덧셈, 뺼셈, 곱셈, 나눗셈 연산을 하는 간단한 프로그램을 짜보겠습니다.

input_a = float(input("첫 번째 숫자> "))
input_b = float(input("두 번째 숫자> "))

print("덧셈 결과: ", input_a + input_b)
print("뺄셈 결과: ", input_a - input_b)
print("곱셈 결과: ", input_a * input_b)
print("나눗셈 결과: ", input_a / input_b)

# 실행 결과
첫 번째 숫자> 51
두 번째 숫자> 61
덧셈 결과:  112.0
뺄셈 결과:  -10.0
곱셈 결과:  3111.0
나눗셈 결과:  0.8360655737704918

02-4. 숫자와 문자열의 다양한 기능

이번 챕터에서는 format() 함수로 숫자를 문자열로 변환하는 몇 가지 형태를 살펴봅니다. format 함수는 중괄호 {} 를 포함한 문자열 뒤에 마침표 . 를 찍고 format() 함수를 사용하는데, 중괄호의 개수와 format 함수 안 매개변수의 개수는 반드시 같아야 합니다. 그러면 출력할 때 중괄호가 format 안의 매개변수로 대체되면서 숫자가 문자열로 출력되는 것입니다. 예시로 보여드리겠습니다.

format_a = "{}만원".format(500)
format_b = "전공 공부 열심히 하여 장학금 {}만원 받기".format(500)
format_c = "{} {} [}".format(31, 51, 61)
format_d = "{} {} [}".format(1, "문자열", True)

print(format_a)
print(format_b)
print(format_c)
print(format_d)

#실행 결과
500만원
전공 공부 열심히 하여 장학금 500만원 받기
31 51 61
1 문자열 True

format 함수는 이 외에도 출력할 정수에 기호를 넣어주거나, 숫자 형태를 다양하게 출력할 수 있습니다.

#정수
output_a = {:d}.format(17)

#특정 칸에 출력하기
output_b = "{:5d}".format(17)      #5칸
output_c = "{:10d}".format(17)     #10칸

#빈칸을 0으로 채우기
output_d = "{:05d}".format(17)     #양수
output_e = "{:05d}".format(-17)    #음수

#실행 결과
# 각각의 output_알파벳을 print() 함수로 출력했음을 전제.

#기본
17
#특정 칸에 출력하기
   17
        17
#빈칸을 0으로 채우기
00017
-0017

정수 출력이 d였다면 부동소수점을 출력하는 float 자료형 출력에서는 {:f}를 사용합니다. 부동소수점은 {:15.3f}와 같이 .을 입력하고 뒤에 몇 번째 자릿수까지 표시할지 지정하면 소수점 아래 자릿수가 지정됩니다. 그리고 의미없는 0을 제거하고 출력하고 싶을 때 {:g} 를 사용합니다.

upper() 함수는 문자열의 알파벳을 대문자로, lower() 함수는 문자열의 알파벳을 소문자로 만듭니다.

>>> a = "Hello Python Programming...!"
>>> a.upper()
'HELLO PYTHON PROGRAMMING...!'
>>>a.lower()
'hello python programming...!'

왼쪽의 공백을 제거하는 lstrip() 함수와 오른쪽의 공백을 제거하는 rstrip() 함수도 있습니다. 사실 거의 사용하지는 않지만(ㅎㅎ) 출력 결과를 깔끔하게 만들 때 유용하게 쓸 수 있을 것 같습니다.

문자열 내부에 특정 문자가 어디에 위치하는지 확인할 때 왼쪽부터 찾아서 처음 등장하는 위치를 찾는 find() 함수와 오른쪽부터 찾아서 처음 등장하는 위치를 찾는 rfind() 함수가 있습니다. (이번 챕터에 정말 다양한 함수를 배우네요...! 복습을 열심히 해야할 것 같습니다 ) 여기서 중요한 것은 문자열은 가장 앞글자를 0번째로 센다는 것입니다.

>>> output_a = "안녕안녕하세요".find("안녕")
>>> print(output_a)
0
>>> output_b = "안녕안녕하세요".rfind("안녕")
>>> print(output_b)
2

위 예제에서 처음으로 나오는 안녕은 왼쪽부터 봤을 경우 0번째에 있는 것이기에 0이라는 출력값을 갖고 오른쪽부터 봤을 경우 처음으로 나오는 안녕은 2번째부터 등장하기 때문에 2라는 출력값을 갖는 것입니다.

문자열 내부에 어떤 문자열이 있는지 확인하려면 in 연산자를 사용합니다. 있는지 없는지의 여부만을 보기 때문에 출력값이 True 또는 False로 나옵니다. 문자열을 특정한 문자로 자를때는 split() 함수를 사용합니다.

03-1. 불 자료형과 if 조건문

어느새 조건문에 대해 다룰 챕터 3까지 왔네요! 만드는 형태에 따라 무한에 가까운 형태를 만들 수 있는 숫자나 문자열과는 달리 불이라고 불리는 Boolean은 True와 False의 값만을 출력합니다. 불은 비교연산자를 통해 만들 수 있습니다.

==	같다	!=	다르다
<	작다	>	크다
<=	작거나 같다	>=	크거나 같다

not	아니다	불을 반대로 전환한다.
and	그리고	피연산자 두 개가 모두 참일 때 True를 출력하며 그 외에는 모두 False 출력.
or	또는	피연산자 두 개 중에 하나만 참이라도 True를 출력하며,두 개가 모두 거짓일 때만 False 출력

파이썬에서 if 조건문은 조건에 따라 코드를 실행하거나 실행하지 않게 만들고 싶을 때 사용하는 구문입니다. 예제를 살펴보겠습니다.

#입력을 받습니다.
number = input("정수 입력> ")
number = int(number)

#양수 조건
if number > 0:
   print("양수입니다")

#음수 조건
if number < 0:
   print("음수입니다")
   
#0 조건
if number == 0:
   print("0입니다")

03-2. if~else와 elif 구문

오전과 오후처럼 이분법적으로 구분되는 상황이 많습니다. 그래서 프로그래밍 언어는 else 구문 기능을 제공합니다. if 조건문 뒤에 사용하며, if 조건문의 조건이 거짓일 때 실행되는 부분입니다. 예제를 통해 알아보겠습니다.

#입력을 받습니다.
number = input("정수 입력> ")
number = int(number)

#조건문을 사용합니다.
if number % 2 == 0:
   print("짝수입니다")
else:
   print("홀수입니다")

#실행 결과
정수 입력> 51
홀수입니다

이렇듯 조건문이 이분법적으로 구분된다면 if~else 구문이 굉장히 효율적입니다. 그러나 조건 비교를 여러번 하게 된다면 세 개 이상의 조건을 연결해서 사용하는 방법이 필요합니다. 그럴 때 사용하는 구문이 바로 elif 구문입니다. elif를 사용하여 계절을 구하는 코드를 작성해보겠습니다.

#날짜/시간과 관련된 기능을 가져옵니다. 
import datetime

#현재 날짜/시간을 구하고 '월'을 변수에 저장합니다.
row = datetime.datetime.now()
month = now.month

#조건문으로 계절을 확인합니다.
if 3 <= month <= 5:
   print("현재는 봄입니다.")
if 6 <= month <= 8:
   print("현재는 여름입니다.")
if 9 <= month <= 11:
   print("현재는 가을입니다.")
if 12 <= month <= 2:
   print("현재는 겨울입니다.")

#실행 결과
현재는 겨울입니다. #코드 작성 시기가 1월이었으므로.

파이썬 프로그래밍을 위한 많은 기초지식을 배워가는 2주차 학습내용이었던 것 같습니다.

2주차 기본 미션을 해보겠습니다! 블로그를 작성하며 참고한 책인 윤인성 저자의 「혼자 공부하는 파이썬 - 개정판」 페이지 187쪽 3번 문제를 풀고 본인이 태어난 해와 띠를 출력하는 프로그램입니다. 다음 글에서 만나요. 읽어주셔서 감사합니다:)

str_input = input("태어난 해를 입력해 주세요> ")
birth_year = int(str_input)

if birth_year % 12 == 0:
   print("원숭이 띠입니다.")
elif birth_year % 12 == 1:
   print("닭 띠입니다.")
elif birth_year % 12 == 2:
   print("개 띠입니다.")
elif birth_year % 12 == 3:
   print("돼지 띠입니다.")
elif birth_year % 12 == 4:
   print("쥐 띠입니다.")
elif birth_year % 12 == 5:
   print("소 띠입니다.")
elif birth_year % 12 == 6:
   print("범 띠입니다.")
elif birth_year % 12 == 7:
   print("토끼 띠입니다.")
elif birth_year % 12 == 8:
   print("용 띠입니다.")
elif birth_year % 12 == 9:
   print("뱀 띠입니다.")
elif birth_year % 12 == 10:
   print("말 띠입니다.")
elif birth_year % 12 == 11:
   print("양 띠입니다.")

#실행 결과
태어난 해를 입력해 주세요> 2004
원숭이 띠입니다.

[혼공파]1주차_파이썬이란?, 자료형

hongchaewon — Thu, 4 Jan 2024 01:30:14 +0900

*본 블로그는 노트북 화면에 최적화되어 있습니다.

안녕하세요! 한빛미디어 혼공학습단 11기로 활동하게 된 홍채원입니다.

이번 혼공은 윤인성 저자의 「혼자 공부하는 파이썬 - 개정판」과 함께 달려봅니다:)

1주차에서는 다음과 같은 내용을 다루어 보았습니다.

1. 파이썬 시작하기

1) 파이썬을 하기 전에 읽는 아주 간단한 설명

2) 파이썬을 배우기 위해 준비해야 할 것들

3) 이 책에서 자주 나오는 파이썬 용어들

2. 자료형

1) 자료형과 문자열

2) 숫자

처음 적어보는 블로그라 많이 미숙할텐데요, 좋게 봐주시면 감사하겠습니다

그럼 지금부터 시작합니다!

01-1. 파이썬을 하기 전에 읽는 아주 간단한 설명

파이썬에 대한 기본 지식이 전무한 저도, 파이썬이 컴퓨터 프로그래밍 언어라는 사실은 알고 있습니다.

프로그래밍: 프로그램을 만드는 것
프로그램: 미리 작성된 것 (Pro 미리 + Gram 작성된 것)

즉, 컴퓨터 프로그램 = 컴퓨터가 무엇을 해야 할지 미리 작성한 진행 계획

컴퓨터는 0과 1로만 이루어진 이진숫자입니다. 우리가 단순히 입력하는 "Hello World"는 사실 컴퓨터에서 "01001000 01100101 01101100 01101100 01101111 00100000 01010111 01101111 01110010 01101100 01100100"가 됩니다. 즉, 이진숫자는 컴퓨터를 위한 언어인 것이죠. 과거에는 이 0과 1로 이루어진 숫자들로 이루어진 코드인 이진코드를 사용하였는데, 너무 어렵고 비효율적이었기에 프로그래밍 언어가 탄생하였습니다. 즉 프로그래밍 언어는 사람이 이해하기 쉬운 언어로 제작된, 사람을 위한 언어입니다. 그리고 프로그래밍 언어로 작성한 프로그램을 소스 코드라고 합니다.

파이썬(Python)은 귀도 반 로섬이 1989년 크리스마스 주간에 연구실에서 심심하던 차에 만들어낸 프로그래밍 언어입니다. 파이썬이라는 이름은 영국의 6인조 코미디 그룹 '몬티 파이썬'에서 따왔고, 로고는 파이썬이라는 영어 단어가 뜻하는 '비단뱀'을 모티프로 하여 만들어졌다고 하네요.

그렇게 1991년 발표된 파이썬은 (느리다는 단점 외에^^;;) 정말 다양한 장점이 있습니다.

문법이 간단해서 배우기 쉽습니다.
많은 사람이 사용하고 있어서 다양한 분야(웹 서버, 해킹 도구, IoT, 인공지능, 등) 에서 활용할 수 있습니다.
대부분의 운영체제(윈도우, 맥, 리눅스) 에서 같은 방법으로 사용할 수 있습니다.

01-2. 파이썬을 배우기 위해 준비해야 할 것들

이제 컴퓨터에 파이썬을 다운로드 받아보고자 합니다. 다운로드 받기 전, 기본 용어를 세 가지만 정리해보겠습니다.

개발 환경: 프로그래밍을 할 수 있는 환경
텍스트 에디터: 프로그래밍 언어로 이루어진 코드를 입력
파이썬 인터프리터: 파이썬 코드를 실행할 수 있는 도구(코드 실행기)

이 사이트에서 화면 메인에 등장하는 노란색 Download Python 3.12.1 바를 클릭하여 다운로드를 진행합니다. (3.12.1 버전은 본 블로그 작성 당시의 최신 버전을 기준으로 안내드립니다. 여러분도 가장 최신 업데이트 버전을 사용해주세요.) Install Now 버튼을 누르기 전 하단의 Add Python 3.12 to PATH 를 클릭해주셔야 합니다. 만약 이 체크박스를 클릭하지 않으신다면 재설치해주셔야 하니, 꼭 확인해주세요. 잘 설치되었다면, 윈도우 시작 메뉴에서 [Python 3.12] 프로그램을 확인할 수 있습니다.

이제 파이썬 IDLE 에디터에서 코드를 작성하고 실행해보겠습니다.

여기서는 예시로 긴 코드를 입력할 때 파일을 만들어 실행하는 방식을 설명해드리겠습니다.

① [시작 메뉴] - [Python 3.12] - [IDLE (Python 3.12 64-bit)] 을 실행합니다.

-- 이때, 파이썬 프로그램을 실행하면 나오는 창이 파이썬 인터렉티브 셸 입니다. 파이썬은 명령 프롬프트의 >>>에 코드를 입력하면 바로 실행 결과를 볼 수 있는데, 이는 한 마디씩 주고받는 것처럼 대화한다고 해서 대화형 셸이라는 명칭을 갖게 되었습니다.

② [File] - [New File] 메뉴를 선택하여 새 창이 뜨는 것을 확인합니다.

③ 다음과 같이 입력한 후, 파일을 실행하기 위해 [File] - [Save] 메뉴를 선택하여 저장합니다. 컴퓨터의 [다른 이름으로 저장] 대화상자에서 파일 이름을 [sample]로 새 폴더에 저장해주세요.

print("IDLE에서 작성한 파이썬 코드를")
print("작성해서 출력해 보는")
print("예제입니다")

④ 저장 후, 화면의 [Run] - [Run Module] 메뉴 또는 F5 단축기를 선택하여 파이썬 코드를 실행합니다.

본격적 코딩에 앞서, 개발 전용 폰트를 설정하며 이번 챕터를 마무리해보겠습니다. '글자의 구분'과 '글자의 너비를 통일'하기 위해 코딩 전용 글꼴을 사용하는 것이 효율적입니다. 나눔고딕 코딩 글꼴이나 D2Coding 사이트를 활용해보세요.

다운로드 후 [Options] - [Configure IDLE] - [Setting] - [Font Face] 에서 코딩 전용 글꼴을 설정하시면 파이썬을 위한 준비가 마무리됩니다.

01-3. 이 책에서 자주 나오는 파이썬 용어들

앞으로 프로그램을 다루는 데 있어 자주 나오는 파이썬 용어들을 정리해보겠습니다.

우선 표현식, 식별자, 키워드, 연산자 등의 기본 구성 요소가 모여 문장을 구성하고, 문장들이 모여 프로그램을 생성합니다.

문장: 실행할 수 있는 코드의 최소 단위
표현식: 어떠한 값을 만들어내는 간단한 코드 (e.g. 숫자, 수식, 문자열, 등)
식별자: 프로그래밍 언어에서 이름을 붙일 때 사용하는 단어. 변수 또는 함수 이름으로 사용됨.
키워드: 특별한 의미가 부여된 단어. 파이썬이 만들어질 때 이미 설정된 단어이기에 사용자가 이름을 정할 때 키워드를 사용하면 안되며 대소문자를 구분해야 함.
출처: https://myksb1223.github.io/python/2018/07/20/Python-Keywords-Identifiers-And-Variables-Fundamentals.html

식별자는 지켜야 할 규칙이 있습니다.

1) 키워드를 사용하면 안 됩니다.

2) 특수 문자는 언더 바(_)만 허용됩니다.

3) 숫자로 시작하면 안 됩니다.

4) 공백을 포함할 수 없습니다.

공백을 사용할 수 없어 식별자의 의미 파악이 어려운 경우를 대비하여 두 가지 해결 방안이 있습니다.

- 스네이크 케이스 : 단어 사이에 언더 바(_) 기호를 붙임.

- 캐멀 케이스 : 단어들의 첫 글자를 대문자로 만듦.

식별자는 굉장히 많은 곳에 사용됩니다. 추후에 작성될 블로그에서 더욱 자세히 설명하겠지만, 우선 하단의 첨부 이미지를 활용하여 간단한 식별자 구분 방법을 익혀두세요.

출처: https://velog.io/@vive0508/python-grammar1

마지막으로 용어 세 가지를 더 말씀드리며 대망의 첫 챕터를 마무리해보겠습니다. 우리 같이 재밌는 파이썬 해 봐요!

출력 print() : 함수의 괄호 안에 출력하고 싶은 것을 나열해서 사용합니다. 괄호 안에 출력하고 싶은 내용을 쉼표로 연결해서 여러개 적어도 좋습니다. 숫자는 바로 적고, 문자열은 " " 기호를 사용하여 적어줍니다.
주석 # : 프로그램의 진행에 전혀 영향을 주지 않는 코드로 프로그램을 설명하기 위해 사용합니다.
연산자 : 스스로 값이 되는 것은 아니고 값과 값 사이에 무언가 기능을 적용할 때 사용하는 것 (e.g. + , - )

02-1. 자료형과 문자열

본격적으로 파이썬 공부를 시작해 볼까요? 프로그램은 기본적으로 '자료를 처리'하는 역할을 합니다. 파이썬에서 사용할 다양한 자료의 형식을 통틀어 자료형이라고 하고, 가장 기본적인 자료형으로는 문자열, 숫자, 불이 있습니다. 문자와 숫자는 익숙하실텐데, 불은 좀 낯설죠? 불(boolean)은 True, False와 같이 참, 거짓을 나타내는 자료형입니다.

파이썬에서 자료의 형식을 확인할 때에는 type() 함수를 사용합니다. 다음 예제를 참고해보겠습니다.

>>> print(type("안녕하세요"))
<class 'str'>
>>> print(type(524))
<class 'int'>

"안녕하세요"라는 문자열은 'str'로 출력되었는데, 문자열은 영어로 string이기 때문입니다. 문자열은 문자들을 큰따옴표로 묶어서 만듭니다. 작은 따옴표로 작성해도 출력에는 변화가 없습니다.

>>> print("안녕하세요")
안녕하세요
>>> print('안녕하세요')
안녕하세요

이렇게 큰따옴표나 작은따옴표로 만들어지는 문자열 내에 따옴표를 사용해야 할 경우도 있을 것입니다. 그럴 경우 사용할 수 있는 두가지 방법을 알려드리겠습니다.

① 작은따옴표나 큰따옴표는 결과 출력에 영향을 미치지 않으니, 큰따옴표를 문자열 안에 넣고 싶은 경우에 문자열을 작은따옴표로 묶고, 반대로 작은따옴표를 출력하고 싶은 경우에는 큰따옴표로 문자열을 묶으면 됩니다.

② 이스케이프 문자를 사용합니다. 역슬래쉬(\)의 오른쪽에 큰따옴표나 작은따옴표를 붙이면 됩니다.

#1번 방법
>>> print('"안녕하세요" 라고 말했습니다')
"안녕하세요" 라고 말했습니다
>>> print("'안녕하세요' 라고 말했습니다")
'안녕하세요' 라고 말했습니다
#2번 방법
>>> print("\"안녕하세요\" 라고 말했습니다")
"안녕하세요" 라고 말했습니다
>>> print('\'안녕하세요\' 라고 말했습니다')
'안녕하세요' 라고 말했습니다

* 이스케이프 문자는 다양하게 이용됩니다. 대표적으로 자주 쓰일 두 이스케이프 문자를 알려드리겠습니다.

\n : 줄바꿈을 의미합니다.
\t : 탭을 의미합니다.
\\ : 역슬래쉬(\)를 의미합니다.

02-2. 숫자

소수점이 없는 숫자를 정수형이라고 하고, 소수점이 있는 숫자를 실수형이라고 합니다. 파이썬에서 숫자를 만들려면 단순히 숫자를 입력하면 됩니다. 따옴표를 붙여야만 했던 문자형과는 다르게요. 숫자를 한 번 출력해보겠습니다.

>>> print(type(51))
<class 'int'>
>>> print(type(61.526))
<class 'float'>

입력한 숫자를 통해 유추해볼 수 있듯이, int는 정수를 의미하고 float는 실수, 부동소수점을 의미합니다.

파이썬에서는 일반적인 +, =, *, / 를 비롯하여 특별한 연산자들도 존재합니다. //는 정수 나누기 연산자입니다. 숫자를 나누고 소수점 이하의 자릿수를 떼어버린 후 정수 부분만 남기는 연산자이죠. %는 나머지 연산자입니다. 숫자를 나누었을 때 생기는 몫과 나머지 중 나머지를 출력하는 연산자입니다. 마지막으로 제곱 연산자로는 **를 사용합니다.

첫 블로그를 마무리하며 미션을 수행해보겠습니다. 블로그를 작성하며 참고한 책인 윤인성 저자의 「혼자 공부하는 파이썬 - 개정판」 페이지 101쪽의 3번부터 5번 문항입니다. 다음 글에서 만나요. 읽어주셔서 감사합니다:)

#3번 문제
print("# 연습 문제")
# 연습 문제
print("\\\\\\\\")
\\\\
print("-" * 8)
--------


#4번 문제
print("안녕하세요"[1])
녕
print("안녕하세요"[2])
하
print("안녕하세요"[3])
세
print("안녕하세요"[4])
요
print("안녕하세요"[5])
Traceback (most recent call last):
  File "<pyshell#8>", line 1, in <module>
    print("안녕하세요"[5])
IndexError: string index out of range


#5번 문제
print("안녕하세요"[1:3])
녕하
print("안녕하세요"[2:4])
하세
print("안녕하세요"[1:])
녕하세요
print("안녕하세요"[:3])
안녕하