# UIUX

129개의 포스트

아이콘 UI/UX

아이콘을 대충 사용하지 않는다.아이콘 사용에 있어서 통일감을 준다.최신 아이콘을 사용한다.텍스트 레이블을 아이콘과 함께 표시해 모호함을 줄인다.실제 사용자에게 아이콘을 테스트한다.아이콘은 콘셉트를 표현하는 간단한 그림이다.아이콘은 사용자들이 클릭하려고 하는 것이 그들이

6일 전
·
0개의 댓글
·

온보딩, 햄버거 메뉴, 링크, 고급 설정, 메뉴 UI/UX

'시작하기' 안내 혹은 '신규 사용자를 위한 팁'을 보도록 강요하는 것은 좋지 않다.온보딩을 필수가 아닌 선택으로, 그리고 끄기 쉽게 만든다.UI에 대해 너무 자세히 설명하지 않아도 된다.사용자가 한번에 알기 어려운 UI는 수정해야 할 사항이다.햄버거 메뉴는 사용자의

6일 전
·
0개의 댓글
·

무한스크롤, 빈 공간 UI/UX

사용자가 하단에 다다르면 더 많은 항목을 비동기적으로 로딩하면서 페이지를 계속해서 스크롤하는 무한 스크롤은 사용자들에게 매우 편리하다.클릭보다 마우스 휠이나 터치스크린이 페이지 넘기기에 더 쉽고 빠르다.무한 스크롤은 뉴스 피드 스타일의 콘텐츠에만 사용한다.무한 스크롤의

2022년 11월 18일
·
0개의 댓글
·

UI 컨트롤 (검색, 슬라이더, 드롭다운, 숫자 입력, 취소)

자신만의 새로운 UI 컨트롤을 만들어서 사용자를 괴롭히지 않는다.필요한 UI 컨트롤은 이미 거의 다 존재한다.검색 기능에서 검색 버튼과 입력 필드는 필수다.아이콘은 '돋보기' 아이콘을 사용한다.모바일 앱에서 검색 탭이 선택되면 포커스를 검색 필드로 이동시킨다.슬라이더

2022년 11월 17일
·
0개의 댓글
·

Unit2 - [사용자 친화 웹] UI/UX

🔥 Figma

2022년 11월 16일
·
0개의 댓글
·

버튼 UI/UX

'삭제' 버튼을 보면 사용자는 지금 보고 있는 항목을 삭제하는지 아니면 어떤 항목을 삭제하는지, 정말로 그 항목을 즉시 삭제하는지 헷갈릴 수 있다.버튼의 텍스트를 '삭제...'라고 지으면 모든 항목이 삭제되기 전에 또 다른 단계가 존재한다는 것을 사용자가 알 수 있다.

2022년 11월 16일
·
0개의 댓글
·

폰트 유의사항

폰트(Font)는 소프트웨어에서 서체(Typeface)를 렌더링하고자 사용하는 파일을 말한다.지나치게 많은 서체는 오히려 사용자가 보기 불편하다.하나는 제목용, 또 하나는 본문용이 적당하다.일반적으로 제목에는 회사의 브랜드 폰트를 사용하고, 명확하게 읽혀야 하는 문구에

2022년 11월 15일
·
0개의 댓글
·
post-thumbnail

⌛ Ady 프로젝트 회고 -1- ⌛

모든 게 처음이었던 중소기업 프론트엔드 개발자의 프로젝트 회고 - 1 도메인의 이해부터 UI/UX 디자인까지 -

2022년 11월 11일
·
0개의 댓글
·
post-thumbnail

(UI / UX) 웹 표준

웹: 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간.웹 표준W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙'을 말한다. 사용자가 어떠한 운영체제나 브라우저를 사용해도 웹페이지가

2022년 11월 8일
·
0개의 댓글
·
post-thumbnail

[UI/UX] Figma 장점과 단축키 모음

https://www.figma.com디자인 프로세스를 적극 반영한 사용성과 인터페이스개발자 핸드오프(handoff, 개발자에게 전달) 과정에서 유용무료 가능(편집자 2명 제한)강력한 협업 툴 - 동시작업, 보기전용, 링크공유, 히스토리 버전관리 등 다양한 옵

2022년 11월 1일
·
0개의 댓글
·
post-thumbnail

피그마를 이용한 UI/UX

피그마(Figma)를 이용해 실제 웹 사이트의 프로토타입을 모방하였다. 모방한 웹 사이트는 라인이며 간단한 기능들을 추가하였다.스크롤 - 큰 웹 페이지를 스크롤을 통해 내려갈 수 있다.호버 - 자세히보기 버튼과 다운로드 버튼을 누를 시 호버를 이용한 다른 그림이 나온다

2022년 10월 26일
·
0개의 댓글
·
post-thumbnail

UI / UX 분석해보기

처음으로 UI/UX를 분석해보기 위해 선택한 웹 사이트는 크림(KREAM) 사이트이다.=> https://kream.co.kr/위의 사이트를 보며 어떤 UI 디자인 패턴이 쓰였는지 보고 피터 모빌의 UX 7요소 및 제이콥 닐슨의 10가지 사용성 평가 기준으로

2022년 10월 26일
·
0개의 댓글
·

UI/UX 분석 및 개선

: GNB(Global Navigation Bar): 사용하지 않음: 아직 구현되지 않음: 인테리어 전문용어가 아닌 사용자들이 모두 알 수 있는 친숙한 단어로 구현하였다.: 사용자가 실수로 누른 작업을 취소할 수 있도록 뒤로가기 버튼을 구현하였다.: 사용자에게 익숙한

2022년 10월 26일
·
0개의 댓글
·
post-thumbnail

🎨 레벨로그의 UI/UX 개선기

나는 3차 데모가 끝나고, 늘 우선순위에서 밀리고 밀려 버려져있던 UI/UX를 스프린트4 때 꼭 개선해서 방학이 끝나고 딱 레벨 인터뷰를 하게될 때 우리의 서비스를 사용하도록 하기로 마음 먹었다.지금까지 데모에서 쌓인 UI/UX에 대한 피드백, 기능추가보다 사용성 개선

2022년 10월 26일
·
0개의 댓글
·

UI/UX 분석 및 개선 과제

피터모빌의 UX 7요소와 제이콥 닐슨의 10가지 사용성 평가 기준을 이용하여, '아티스츠카드'앱을 분석 및 개선 방법을 고민해보았다.피터모빌의 UX 7요소에 따라 각 항목당 5점 만점으로 평가하였다.1\. 유용성 : 5/5아티스츠카드는 아이돌 굿즈 거래 플랫폼이라는 목

2022년 10월 26일
·
0개의 댓글
·
post-thumbnail

서비스 기획 공부(1): 네이버 옴니서치 UI/UX 아티클

출처: https://channelsearch.naver.com/service/issue03_3/기획은 참 모호한 프로세스다. 생각의 틀을 깨는 수준의 기획을 던지고 싶으면서도 동시에 가능성에 대해 고민하는 순간 많은 것들이 제한을 받게 된다. 아는 것이 많아

2022년 10월 25일
·
0개의 댓글
·

[사용자 친화 웹] UI/UX

🔥 UI(User Interface) : 사용자 인터페이스는 사람들이 컴퓨터와 상호작용하는 시스템을 의미한다. 화면상의 그래픽 요소 외에도 키보드, 마우스 등의 물리적 요소도 UI로 볼 수 있다. GUI(Graphical User Interface) : 그래픽 사용

2022년 10월 24일
·
0개의 댓글
·

(사용자 친화 웹) UI/UX

UI란?UI는 User Interface의 약자로, 사용자가 컴퓨터와 상호작용하는 시스템을 의미한다. 화면상의 그래픽 요소(GUI) 이외에도, 키보드나 마우스 같은 물리적인 요소들도 포함된다.UX란?UX는 User Experience의 약자로, 사용자 경험을 의미한다.

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

UI/UX

UI - 사람들이 컴퓨터와 상호 작용하는 시스템UX - 사용자가 어떤 시스템, 제품, 서비스를 직•간접적으로 이용하면서 느끼고 생각하는 총체적 경험UX는 UI를 포함합니다모달 (Modal) - 기존에 이용하던 화면 위에 오버레이 되는 창토글 (Toggle) - On/O

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

UI / UX

(사용자 인터페이스) 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다.GUI(Graphical User Interface, 그래픽 사용자 인터페이스) : 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 말하는데 예시로, 운영체제(Window, Mac OS

2022년 10월 24일
·
0개의 댓글
·