multiking

1. interface의 구분§인터페이스의 구분•인터페이스(Interface): 서로 다른 두 시스템이나 장치 또는 소프트웨어 등을 이어주는 접속 장치•인터페이스는 연결하는 대상에 따라 크게 하드웨어 인터페이스, 소프트웨어 인터페이스, 사용자 인터페이스로 구분•UI : User interface (사람과 기계의 연결 : Man-Machine Interface)•HCI : Human  Computer Interface 2. UI의 영역 확장•시대적 변화에 따라 UI와 UX의 개념과 영역은 점차 확장되거나 변형되고 있다.•User Interface -> User eXperience•사용자와 상호작용하는 하드웨어 및 소프트웨어의 변화에 따른 UI  변경3. UI의 종류1.CLI(Command Line Inte..

UI/UX 디자인을 학습하기 전에 소프트웨어 개발자로써 디자인의 정의를 한번 내려보도록 하자.디자인의 역할- 나쁜것을 좋게, 사용하기 힘든 것을 편리하게, 이해하기 어려운것을 알기 쉽게 만드는 것이 디자인의 역할이다.- 필요성 : 특히, 널리 사용되는 기능이라며, UI 디자인의 역할과 가치는 더 높아진다. - 모바일 UI 디자인이 그래서 중요하다.UI & UX DesignUI가 서비스와 사용자를 연결하는 접촉에 관한 개념이라면 UX는 사용자 내면에 관한 개념이다.UI와 UX 관계- 좋은 UI의 사용은 좋은 UX를 쌓는다.- 그렇다고 해서 좋은 UI가 근본적인 UX 개선으로 늘 이어지는 것은 아니다.즉 로그인 화면에서 심플한 로그인 (메일 주소, 비밀번호 사용)의 인터페이스가 아무리 좋아지더라도 개인화가 ..

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 문을 사용하여 입력된 ..