분류 전체보기 10

[11주차] Design System과 UI Prototyping

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 : 디자인 시스템이 갖고 있는 계층적 구성 요소 - 디자이너마다 다르게 디자인 작업을 해서 나오는 비생산적이고 비일관..

UI·UX/UI 2024.12.05

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

03. 인터랙션과 사용성1) 인터랙션의 종류 3-1. 인터랙션의 종류 정보통신, 디자인에서의 interaction : 인간-컴퓨터 상호작용     - HCI(Human-Computer Interaction)    - MMI(Man-Machine Interface/Interaction)    - HMI(Human-Machine Interface)인터랙션의 방법  1) Touch Interaction      멀티터치 인터랙션: 표면이 동시에 두 개 이상의 접촉 지점의 존재를 인식할 수 있게 하는 것      감압식: 누르는 힘을 감지해서 위치 탐색        - 손가락이 아닌 비도체로도 작동 가능 but 느린 반응속도와 멀티터치 기술 적용 어려움      정전식: 전도체가 닿을 때 전류의 변화 인식   ..

UI·UX/UI 2024.11.24

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

1. OS에 따른 디자인   1) OS란 무엇인   2) UI 프로젝트의 이해 2. 실전 피그마 part.41-1. OS란 무엇인가  Operating System운영체제: 컴퓨터 혹은 컴퓨터화 된 디바이스의 하드웨어, 소프트웨어 자원을 관리                 컴퓨터 프로그램에 대한 공통 서비스를 제공하드웨어: 중앙처리장치, 램, 모니터, 마우스, 키보드, 저장장치, 등으로 구성                 프로세스, 메모리, 저장장치, 입력장치, 출력장치, 등 포함OS: 시작은 군사적인 목적이었음.       - 지속 가능한 통신시설을 만들기 위해 개발한 인터넷       - 포탄에 탄도를 계산하기 위해 개발한 오퍼레이팅 시스템 ① 프로그램 간 정보 공유 : 클립보드② 멀티태스킹 : 사용자가..

UI·UX/UI 2024.11.15

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

1. UI 디자인의 이해   1) UI 디자인의 개념   2) UI 프로젝트의 이해 2. 실전 피그마 part.41-1. UI 디자인의 개념  User InterfaceInterface : '면과 면을 왔다갔다 하는 것' through 스크린, 다른 인터랙션이 가능한 기기, 등사용자 인터페이스 디자인 HCI (Human Computer Interaction) : 사람과 컴퓨터 사이의 상호작용노멀 유징 시스템 (Normal Using System) : 사용자 하나와 시스템 하나의 인터페이스인트라넷 (Intranet) : 사용자 여럿과 하나의 시스템, 회사 전체의 정보를 서로 공유할 수 있는 네트워크CMC (Computer Mediated Communication) : 각각의 사용자와 각각의 노멀 유징 시스..

UI·UX/UI 2024.11.09

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

1. 퍼소나 정의와 활용  1) 퍼소나의 기원과 정의  2) 퍼소나 구성하기 2. 고객여정지도와 요구사항 분석   1) 고객여정지도 만들기   2) 고객 요구사항 분석하기  1. 퍼소나 정의와 활용  1) 퍼소나의 기원과 정의 퍼소나 정의Persona : 그리스 고대극의 배우들이 쓰던 가면, 라틴어 Person, Personality의 어원.                  연기자가 맡은 역할이나 심리학에서 '페르소나'로 번역 분석심리학에서의 Persona : 사회에서 요구하는 도덕, 질서 등을 다스리고 본성을 감추기 위해 만들어내는 사회적 인격 고태형 Archetype밈 Meme분석심리학동물행동학 / 진화생물학인류의 역사 속에서 긴 경험의 축적에 의한 결과로 나타나는 유전적 계승에 의해 나타나는 민족이나..

UI·UX/UX 2024.10.10

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

1. 설문과 통계   1) 설문 만들기   2) 설문결과를 통계로 정리하기 2. 인간 심리와 행동에 기반한 UX 디자인   1) 인간 심리와 행동   2) Nudge1. 설문과 통계    1) 설문 만들기 설문정의: 미리 구조화되어 있는 설문지나 면접을 통해 사회현상에 관한 자료를 수집하고 분석하는 연구 방법목적: 설문조사의 목적은 어떤 모집단을 대표할 것이라고 추정되는 대규모 응답자들을 통해 정보를 구하는 것특징: 가장 흔하게 접할 수 있으며 가장 쉽게 만들고 진행할 수 있는 방법         디자인 조사 방법 중 가장 정량적인 방법         설문 문항 만드는 법과 통계를 알아야 함.         객관적이지만 생생함과 유연함이 결여됨         실시 이전에 연구 모형과 가설이 수립되어야 함..

UI·UX/UX 2024.10.02

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

2. 리서치의 개괄 및 인터뷰  1) 인터뷰 방법의 특징  2) 이야기를 통해 사람에게 배우기 3. 관찰  1) 관찰의 특징과 종류  2) 다양한 관찰연구의 방법들  2. 리서치의 개괄 및 인터뷰  1) 인터뷰 방법의 특징  리서치UX 디자인 프로세스의 첫 단계발산적인 성격을 갖기 때문에 섣불리 결론을 내리기보다 일정한 시간까지 조사 내용을 계속 모아나가는 것이 좋음.작은 결론을 내리기는 하지만 확정 짓거나, 상위 차원의 결정을 내리지 않는 태도가 좋음.  리서치 방법다양한 방법들이 있지만, 밑줄 친 방법들이 리서치 단계에서 유용하게 쓰이는 방법이라고 함.분류 기준방법리서치 방법과 리서치로 얻어진 자료의 성격에 따른 분류양적조사질적조사 자료 수집 환경에 따른 분류데스크 리서치연구실 조사현장 연구연구 목적..

UI·UX/UX 2024.09.27

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

*본 블로그는 노트북 화면에 최적화되어 있습니다. 안녕하세요! 한빛미디어 혼공학습단 11기로 활동하게 된 홍채원입니다. 이번 혼공은 윤인성 저자의 「혼자 공부하는 파이썬 - 개정판」과 함께 달려봅니다:) 3주차에서는 다음과 같은 내용을 다루어 보았습니다. 4. 반복문 1) 리스트와 반복문 2) 딕셔너리와 반복문 3) 범위 자료형과 while 반복문 4) 문자열, 리스트, 딕셔너리와 관련된 기본 함수 3주차가 되니 파이썬이랑 익숙해진 것도 같고, 조금은 해이해져서(...) 미루다가 적게 되네요^^;; 혼공학습단 페이지의 1, 2주차 활동에 적힌 코멘트를 읽으며 반성과 함께 초심을 되찾고자 다짐한 3주차였던 것 같습니다. 여전히 부족한 블로그일테지만, 좋게 봐주시면 감사하겠습니다 😊 그럼 지금부터 시작합니다..

Python 2024.02.01

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

*본 블로그는 노트북 화면에 최적화되어 있습니다. 안녕하세요! 한빛미디어 혼공학습단 11기로 활동하게 된 홍채원입니다. 이번 혼공은 윤인성 저자의 「혼자 공부하는 파이썬 - 개정판」과 함께 달려봅니다:) 2주차에서는 다음과 같은 내용을 다루어 보았습니다. 2. 자료형 3) 변수와 입력 4) 숫자와 문자열의 다양한 기능 3. 조건문 1) 불 자료형과 if 조건문 2) if~else 와 elif 구문 처음 적어보는 블로그라 많이 미숙할텐데요, 좋게 봐주시면 감사하겠습니다 😊 그럼 지금부터 시작합니다! 02-3. 변수와 입력 파이썬은 변수 없이는 설명이 불가한 것 같습니다. 변수란 값을 저장할 때 사용하는 식별자입니다. 간단히 말해, 원주율 값 3.14159265... 를 π라고 정의해서 사용하는 것과 같은 ..

Python 2024.01.13

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

*본 블로그는 노트북 화면에 최적화되어 있습니다. 안녕하세요! 한빛미디어 혼공학습단 11기로 활동하게 된 홍채원입니다. 이번 혼공은 윤인성 저자의 「혼자 공부하는 파이썬 - 개정판」과 함께 달려봅니다:) 1주차에서는 다음과 같은 내용을 다루어 보았습니다. 1. 파이썬 시작하기 1) 파이썬을 하기 전에 읽는 아주 간단한 설명 2) 파이썬을 배우기 위해 준비해야 할 것들 3) 이 책에서 자주 나오는 파이썬 용어들 2. 자료형 1) 자료형과 문자열 2) 숫자 처음 적어보는 블로그라 많이 미숙할텐데요, 좋게 봐주시면 감사하겠습니다 😊 그럼 지금부터 시작합니다! 01-1. 파이썬을 하기 전에 읽는 아주 간단한 설명 파이썬에 대한 기본 지식이 전무한 저도, 파이썬이 컴퓨터 프로그래밍 언어라는 사실은 알고 있습니다...

Python 2024.01.04