# Userflow

4개의 포스트
post-thumbnail

[사용자 친화 웹] UX 디자인

1. 좋은 UX를 만드는 요소 좋은 UX를 만들려면 무엇을 고려해야 할까? 피터 모빌(Peter Morville)의 벌집 모형은 이 질문에 대한 답을 준다. 이 모형에서 제시한 UX의 7가지 요소를 알아보자. 1. 유용성(Useful) : 사용 가능한가? 유용성은 제품이나 서비스가 목적에 맞는, 사용 가능한 기능을 제공하고 있는가에 관한 요소이다. 계산기라면 계산을 틀리지 않고 맞는 결괏값이 나오는지, 계산기 본연에 목적에 맞는 기능을 하는지가 중요하다. 여기에 꼭 목적에 맞지 않더라도, 비실용적이라도 추가적인 기능을 제공하는지도 관련이 있다. 계산기의 디자인은 계산기의 기능 자체에는 영향을 주지 않지만, 심미적 기능을 제공한다고 판단한다.

2023년 4월 13일
·
0개의 댓글
·
post-thumbnail

배포된 프로젝트 성능 끌어올리기 - Part 2. userflow

part.1의 로딩, 렌더링 성능에 이어서 이번에는 유저의 액션에 얼마나 빠르게 반응하는가! 에 대한 주제로 게시해보려한다. 웹 반응성 성능을 측정하고 개선해서 UI가 유저의 상호작용에 아주 빠르게 반응하도록하여 좋은 UX를 선사하는 서비스로 거듭나보겠다✨ 성능 측정 도구 Part 1. 로드 및 렌더링 성능과 마찬가지로 lighthouse를 사용한다. 그 중에서도 Timespans와 Snapshots로 웹 반응성에 대한

2023년 4월 3일
·
0개의 댓글
·
post-thumbnail

간단한 웹앱 만들어보기

📌계산기 display의 첫 번째,두번째 칸에 숫자 나타내기 📌출력된 숫자와 연산자로 계산하기 📌ac버튼을 누르면 화면을 초기화시키기 를 기본적인 기능으로 구현하고, userflow를 위한 코드는 밑에 추가했다. +userflow 기능추가 📖숫자버튼을 누를때 숫자 연속적으로 나오게하기 📖연산자 버튼 동작시키기 📖enter,ac버튼 동작

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

UI/UX 분석해보기

Kakao Developers https://developers.kakao.com/ 디자인이 깔끔하고 초보자가 따라하기에 어렵지 않아서 Figma로 클론 연습하기 좋다! 그렇다면 Kakao Developers를 분석해보자 (주관적 견해 주의,,ㅠ_ㅠ) > ### 사용중인 UI 디자인 패턴 ?? 자주 사용하는 UI 디자인 패턴을 썼는지 찾아보자! 모달 모달은 기존에 사용하던 화면 위에 오버레이 되는 창 자동완성 사용자가 입력하고자 하는 내용과 일치할 가능성이 높은 항목을 보여주는 것 드롭다운 선택할 수

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