전체 글
-
웹 접근성 호환성 개방성 최적화 진단 사이트 모음3학년/이모저모 2024. 1. 26. 17:49
openWax Colour Contrast Analyser 개발자도구 Nu Html Checker KOREA HTML5 - 웹 표준 문법 준수( HTML ), 비표준 기술 제거, 검색 로봇 접근 차단 , 웹사이트 링크 관리 W3C CSS Validator - 웹 표준 문법 준수 ( CSS ) User-Agent Switcher - 특정 검색엔진 접근 차단 WEBPAGETEST- 웹사이트 응답 속도 최소화(로딩 속도) , 웹사이트 응답 속도 최소화(페이지 용량)
-
[행안부 웹사이트]UI/UX 가이드 - 품질 진단서23학년/UIUX디자인 2024. 1. 26. 17:41
🏷️ 본 게시글은 전자정부 웹사이트 UI UX가이드 문서를 보기 쉽게 정리, 공부한 게시글입니다.🏷️ 출처는 아래와 같습니다. https://www.mois.go.kr/frt/bbs/type001/commonSelectBoardArticle.do?bbsId=BBSMSTR_000000000045&nttId=69451 [ UI UX 품질 평가표 ] 평가방법은 다음과 같습니다. 번호 항목 매우그렇다 그렇다 보통이다 그렇지 않다 매우 그렇지않다 1 웹사이트의 콘텐츠 및 기능은 유용하다. ⑤ ④ ③ ② ① ⑤ ④ ③ ② ① 2 웹사이트에서 제공하는 콘텐츠와 기능은 내가 원하는 작업을 완료하기에 충분하다. ⑤ ④ ③ ② ① 3 원하는 작업에 필요한 콘텐츠와 기능을 쉽게 이용할 수 있다. ⑤ ④ ..
-
[행안부 웹사이트]UI/UX 가이드 - 품질 진단서3학년/UIUX디자인 2024. 1. 26. 17:31
🏷️ 본 게시글은 전자정부 웹사이트 UI UX가이드 문서를 보기 쉽게 정리, 공부한 게시글입니다.🏷️ 출처는 아래와 같습니다. https://www.mois.go.kr/frt/bbs/type001/commonSelectBoardArticle.do?bbsId=BBSMSTR_000000000045&nttId=69451 개요의 목적은 점검입니다. 설계 개발이 완료된 웹사이트에대해 점검하면 됩니다. UI.UX품질 점검표 / UIUX 품질 평가표로 구성되어 있습니다. 진단 > 결과분석 > 활용 및 개선의 순서로 진행하시면 됩니다. [ UI UX 품질 점검표 ] 필수사항은 반드시 'YES' 체크되어야 하며, 필수사항의 미적용시 서비스 시작 전 수정해야 합니다. ( 1 ) 헤더 상세패턴 번호 구분..
-
[행안부 웹사이트]UI/UX 가이드 - 국룰 가이드23학년/UIUX디자인 2024. 1. 26. 15:09
🏷️ 본 게시글은 전자정부 웹사이트 UI UX가이드 문서를 보기 쉽게 정리, 공부한 게시글입니다.🏷️ 출처는 아래와 같습니다. https://www.mois.go.kr/frt/bbs/type001/commonSelectBoardArticle.do?bbsId=BBSMSTR_000000000045&nttId=69451 5. 회원 회원가입 / 약관동의 /로그인,인증 / 주소찾기 포기하지 않도록 간략하게 입력 데이터의 용도 명확히 설명 양식에대해 사전에 정확히 설명 비밀번호 입력필드에서 어떤문자를 입력했는지 앞선문자는 *로 현재 치고있는 문자는 a이렇게 보이게 보안수준은 사이트 성격에 맞기 오류 메시지는 제출 버튼 누르기전에 공개인증(OAuth)고려 제출 버튼의 label에 동의..
-
[ 웹디자인 레포 사이트 ] - 인터렉션 짱짱한 레포 사이트3학년/UIUX디자인 2024. 1. 24. 17:34
2024년 기준 gdweb수상작과, 개인적으로 이런 인터렉션을 만들고싶다! 참고할 사이트 모음 [ 스크롤 이벤트 ] 메뉴 같은 버튼 넣기가 애매해서, 상품소개나 단일 소개 목적인 페이지 만들때 좋은듯 https://chemitree-ar.com/showcase/gm/magazine2/ 광명자이더샵포레나 매거진 광명의 가장 앞선 특별한 세상 광명자이더샵포레나 chemitree-ar.com 이거 진짜 스크롤 모션은 짱짱짱짱 신기함 다 보고나면 뭐 대단 한 걸 본듯한 기분이 든다.( 대단한거 맞는듯 ㄷㄷ ) 근데 뭘 소개하고싶은지는 잘 안보임 https://www.ifcmallseoul.com/kr/main International style shopping mall-IFC Mall 무한한 즐거움의 세계 IF..
-
[ 웹디자인 레포 스크랩 ] - 01 웹 2024 UX 디자인 트렌드3학년/UIUX디자인 2024. 1. 24. 16:23
1. 고급 커서 이런식으루 UX적으로 큰 역할하는게 매력적으로 다가온다구 하네요 ? 고급커서 css변경법 블로그 바로가기 2. 개인화 맞춤 추천 서비스를 제공하여 사용자와 소통하는게 도움이 된다고 함니다근데 이건 UX디자인임? 추천시스템이라는 그.... 알고리즘 해야하는 거 아닌가여?!개인화라는게 결국 넷플릭스 스포티파이같이 추천시스템일건디아니면 내가 좋아요 누른 옷과 비슷한 옷을 보여준다거나?음. 어디에 유저가 관심있어하는 정보를 배치하는게 좋을지 고민하는게 UX디자이너라고 하네요. 3. 데이터 시각화 유튜브 recap같은 걸 예시 든 거 같은데욥음...그쵸 뭐든 글보단 사진이 좋으니깐여.... 4. 다크모드 이건 머 저도 다크모드 좋아합니다. ㅋㅋ 5. 마이크로 인터렉션 이건 웹이 좀 동적이게 ?? ..
-
[Problem-1] "저는 디자인을 그대로 가져다 쓴 게 아닙니다..."3학년/Project-이때어때 2024. 1. 24. 12:39
수정 전 디자인 즉 아이디어 톤 발표를 했었습니다. 다른 대학교 한 3개 학교? 정도와 함께 예선 비슷무리한 걸 했습니다. 가장 잘 한 학교를 투표로 뽑는데요... 솔직히 다들 실현불가능한 것들만해서 우리팀이 제일 실현가능성 있었는데 우리가 떨어져서 엥쓰바리...했음 ㅡㅡ 다른 피드백들은 기억은 안 나지만 잘 쳐냈습니다. 뭐 수익은 어떻게 낼 것인가... 기타 등등이요. 근데 "이거 어디서 본 디자인인데 혹시 구글..." 뭐? 구글 미트였나? 구글캘린더였나? 그거랑 똑같이 생겼다는거랍니다.... 띠용 저는 구글 캘린더 어케 생겼는지도 모르는데 ㅠ ㅠ 뭐 세상 모든 유명한 웹서비스 디자인을 참고해서 겹치지 않아야 하나요 ?! 라고 반박하고싶었지만 마땅한 말이 생각나지 않아서 이것때매 좀 ... 점수가 많이..
-
[행안부 웹사이트]UI/UX 가이드 - 국룰 가이드3학년/UIUX디자인 2024. 1. 22. 22:01
🏷️ 본 게시글은 전자정부 웹사이트 UI UX가이드 문서를 보기 쉽게 정리, 공부한 게시글입니다.🏷️ 출처는 아래와 같습니다. https://www.mois.go.kr/frt/bbs/type001/commonSelectBoardArticle.do?bbsId=BBSMSTR_000000000045&nttId=69451 PDF 33페이지 설계 가이드 부분입니다. 국룰 사례를 정의하는 듯 싶습니다. 영역은 총 9가지 입니다. 1. 브랜드 영역 헤더 / 푸터로 나뉩니다. Header에선 BI, 로고, 이름, 메인메뉴, 통합검색, 유틸리티메뉴 등 웹사이트 전판에 걸쳐 빈번하게 사용되는 기능이 포합됩니다. 핵심 정보만 배치 로고와 웹사이트 이름은 좌측 상단에 배치 메인메뉴와 검색의 위치는 웹사이트의 목적에 적합하도록..