UI/UX 디자인을 학습하기 전에 소프트웨어 개발자로써 디자인의 정의를 한번 내려보도록 하자. 디자인은 특정 목적을 달성하기 위한 계획과 구현의 과정 및 결과물을 의미한다. 전통적 미학 중심의 비주얼 디자인에서 출발하였으나, 오늘날에는 비즈니스‧서비스‧기능의 설계와 사용자 경험 자체의 변화까지 포함하는 종합적 활동으로 확장되었다. 디자인의 역할- 나쁜것을 좋게, 사용하기 힘든 것을 편리하게, 이해하기 어려운것을 알기 쉽게 만드는 것이 디자인의 역할이다. - 필요성 : 특히, 널리 사용되는 기능이라며, UI 디자인의 역할과 가치는 더 높아진다. > 모바일 UI 디자인이 그래서 중요하다.HCI와 UI/UX - UI Design은 어디서 왔는가?UI 디자인은 HCI 연구의 하나의 분야이다. 1. 유용성 (..
1. 실습 개요실습 목표: 모바일 웹과 웹사이트의 UI/UX 차이점을 분석하고, 각 플랫폼의 장단점을 파악하여 사용자 경험 개선 방안을 도출한다.분석 대상: (분석할 서비스명)모바일 웹 주소: (URL 입력)웹사이트 주소: (URL 입력)2. UI/UX 차이점 분석2.1. 정보 설계 및 화면 레이아웃웹:반응형 디자인 적용 여부:페이지 레이아웃 및 다양한 화면 크기에 대한 적응성:모바일:반응형 디자인 적용 여부:세로형 레이아웃 및 버튼 크기, 간격 최적화:2.2. 탐색 방식 (로컬메뉴 위치 및 구성)웹:상단 네비게이션, 로컬 메뉴, 글로벌 메뉴 등 다양한 탐색 구조:드롭다운 메뉴 및 다단계 메뉴 적용 여부:모바일:햄버거 메뉴 또는 숨겨진 메뉴 사용 여부:하단 네비게이션 바와 간단한 탐색 구조:2.3. 입력..
UI(User Interface)와 UX(User Experience)에서 확장된 개념으로 **CX(Customer Experience)**와 **BX(Brand Experience)**가 있습니다. 이 두 개념은 UI/UX의 사용자 경험을 넘어 더 넓은 범위에서 사용자가 브랜드 또는 제품과 상호작용하는 모든 과정을 포함하며, 고객과 브랜드의 관계를 깊이 있게 이해하고 설계하는 데 초점을 맞춥니다.1. CX (Customer Experience) - 고객 경험**CX(Customer Experience)**는 고객이 브랜드나 제품과 상호작용하는 모든 접점에서의 경험을 포괄하는 개념입니다. 이는 디지털 경험뿐만 아니라 오프라인에서의 경험, 제품 사용 경험, 고객 서비스 경험 등도 포함됩니다. CX는 사용자..
UX 디자인이 사용자 니즈와 맥락을 고려해 설계되었더라도, 기존의 **관습(Conventions)**과 충돌하는 경우가 종종 발생합니다. 이는 사용자들이 오랜 시간 동안 특정 방식에 익숙해져 있기 때문에, 새로운 방식이 아무리 사용자 중심적으로 설계되었더라도 그 변화를 받아들이기 어려워하는 상황을 말합니다. 아래에 몇 가지 사례를 들어 설명하겠습니다.1. 햄버거 메뉴 아이콘의 도입설명: 모바일 앱과 웹사이트에서 공간을 절약하기 위해 도입된 **햄버거 메뉴 아이콘(☰)**은 메뉴 항목을 숨겨서 화면 공간을 최적화하는 데 사용됩니다. 하지만 이 디자인은 관습과 충돌한 대표적인 예입니다.니즈와 맥락: 햄버거 메뉴는 화면 크기가 작은 모바일 기기에서 사용자의 니즈(좁은 화면에서 더 많은 내용을 보여주기)와 맥락..
http://chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://uiux.egovframe.go.kr/resources/file/UIUX-guideline-2023.pdf디지털 정부 서비스의 UI/UX 원칙사용자 중심의 서비스: 사용자의 요구와 행동을 중심으로 설계.모든 사용자를 포용하는 서비스: 장애인, 고령자, 외국인을 포함한 다양한 사용자 그룹을 고려.일관성 있는 경험 제공: 서비스 간 일관성을 유지하면서도 개별 특성을 고려.빠르고 간단한 서비스: 간단한 절차와 빠른 접근성.이해하기 쉬운 인터페이스: 사용자들이 정보를 쉽게 이해하고 사용할 수 있도록 설계.상황을 고려한 서비스 제공: 사용자가 처한 다양한 상황(환경, 디바이스 등)을 고려.신뢰할..
https://copilot.cloud.microsoft/ko-KR/prompts 리디렉션 중 login.microsoftonline.com 코파일럿 디자이너는 Microsoft와 GitHub가 협력하여 개발한 도구로, 특히 Microsoft Visual Studio와 Visual Studio Code 같은 통합 개발 환경(IDE)에서 사용할 수 있는 AI 기반의 프로그래밍 보조 도구이다. 이 도구는 GitHub Copilot의 기능을 확장한 것으로, 프로그래머들이 코드를 작성할 때 실시간으로 도움을 주고, 더 나아가 디자인 단계에서부터 코드 작성에 이르는 다양한 프로세스를 지원한다.주요 기능:코드 작성 보조:코파일럿 디자이너는 개발자가 코드를 작성하는 동안 실시간으로 코드를 제안해준다. 이러한 제안은 ..
https://copilot.cloud.microsoft/ko-KR/prompts 리디렉션 중 login.microsoftonline.com 코파일럿 디자이너는 Microsoft와 GitHub가 협력하여 개발한 도구로, 특히 Microsoft Visual Studio와 Visual Studio Code 같은 통합 개발 환경(IDE)에서 사용할 수 있는 AI 기반의 프로그래밍 보조 도구이다. 이 도구는 GitHub Copilot의 기능을 확장한 것으로, 프로그래머들이 코드를 작성할 때 실시간으로 도움을 주고, 더 나아가 디자인 단계에서부터 코드 작성에 이르는 다양한 프로세스를 지원한다.주요 기능:코드 작성 보조:코파일럿 디자이너는 개발자가 코드를 작성하는 동안 실시간으로 코드를 제안해준다. 이러한 제안은 ..
학습목표챗GPT를 활용하여 pyhon 학습에 도움을 받아보자. 학습 간단한 Python 프로그램을 하나 작성해보고, 챗GPT를 활용해 그 과정을 기록해오도록 한다.예: "사용자가 입력한 숫자가 짝수인지 홀수인지 판별하는 프로그램" 작성.# 사용자의 입력을 받는다number = int(input("숫자를 입력하세요: "))# 짝수인지 홀수인지 판별if number % 2 == 0: print(f"{number}은(는) 짝수입니다.")else: print(f"{number}은(는) 홀수입니다.")프로그램 설명:입력 받기: input() 함수를 사용하여 사용자가 숫자를 입력하도록 한다. 입력받은 값은 문자열 형태이므로 int() 함수를 사용하여 정수로 변환한다.짝수 판별: if 문을 사용하여 입력된..
학습목표챗GPT를 활용하여 pyhon 학습에 도움을 받아보자.학습 간단한 Python 프로그램을 하나 작성해보고, 챗GPT를 활용해 그 과정을 기록해오도록 한다.예: "사용자가 입력한 숫자가 짝수인지 홀수인지 판별하는 프로그램" 작성.# 사용자의 입력을 받는다number = int(input("숫자를 입력하세요: "))# 짝수인지 홀수인지 판별if number % 2 == 0: print(f"{number}은(는) 짝수입니다.")else: print(f"{number}은(는) 홀수입니다.")프로그램 설명:입력 받기: input() 함수를 사용하여 사용자가 숫자를 입력하도록 한다. 입력받은 값은 문자열 형태이므로 int() 함수를 사용하여 정수로 변환한다.짝수 판별: if 문을 사용하여 입력된 ..
파워포인트 만들기짜임새 구조와 설득력있는 키워드학습목표챗GPT를 활용하여 효율적으로 PPT를 만드는 방법을 배우는 것필요성: 챗GPT는 콘텐츠 생성, 아이디어 발상, 슬라이드 레이아웃 및 디자인 제안 등에서 시간을 절약할 수 있다.PPT 콘텐츠 생성 주제 선정 및 구성: 챗GPT를 활용한 발표 주제 및 내용 구성예: "챗GPT에게 발표 주제 제안받기"텍스트 생성: 챗GPT를 활용한 슬라이드별 텍스트 작성예: "챗GPT에게 슬라이드별 핵심 포인트 작성 요청하기"스토리라인 개발: 챗GPT를 활용한 논리적 스토리라인 구성슬라이드 디자인 아이디어: 챗GPT에게 시각적 디자인 제안 받기예: "슬라이드 레이아웃 및 컬러 팔레트 추천받기"이미지 및 아이콘 추천: 챗GPT를 활용해 시각적 요소 추천 받기예: "해당 주..
- Total
- Today
- Yesterday