Jane’s UX Insights

세 가지 모드: Light, Dark, Mono로 이루어져있다.단순히 투명, 블러, 그라디언트로 그려지는 구조가 아니라, 뒷배경과 기기 모션에 대응해 빛의 굴절을 흉내냄 (진짜임 흉내 내봤는데 그 감성이 안나옴…)모든 요소가 계속 투명한 것은 아니고, 포커스가 필요할 땐 점진적으로 불투명해지는 애니메이션이 있음. 또 요소 뒤에 텍스트나 콘텐츠가 있을 때, shadow가 강해짐(아래는 토스트 팝업의 예시다.)(일부 아래의 아티클을 참고했습니다.)

해당 포스팅은 아래의 Medium 아티클을 번역, 요약한 것입니다. (+해석 첨부) 충격적인 통계 결과로 글을 시작하자면, Nielsen Norman Group 연구에 따르면 유저는 웹페이지의 정착과 이탈을 결정하는 데 10초 미만으로 걸린다. 우리가 완벽한 웹페이지를 디자인하느라 보낸 무수한 시간(혹은 날들)에도 불구하고, 유저는 순식간에, 눈 깜짝할 사이에 판단해버린다.그럼에도 대부분의 디자이너들은 아주 핵심적인 한 가지 원칙을

피그마에는 매년 April Fun Week라는 전통이 있다고 한다. 이 작은 친구는 이번에 새로 출시된 기능, FigPal이다. 마우스 커서를 졸졸 따라다니고 커스텀이 가능하다는 것 외에 별다른 목표는 없다.하지만 커스텀 기능이 식상하지 않고 개발적으로도 화려하다.FigPal의 카테고리, 오브젝트, 색상, 악세서리를 고를 수 있다.놀랐던 점은 음식 카테고리 - 과일 오브젝트를 고르면, 색상에 따라 과일의 종류가 바뀌는 것이다.식빵을 골라도

8월 31일 디자이너 직군 세션날, UT를 진행하기로했다.처음 진행하는 UT이다보니 긴장돼서 여러 자료들을 참고하고, 혼자 시뮬레이션까지 돌려가며 철저하게 준비하려고 했다,,실은 며칠 전 Meta사의 인스타그램 UT에 사용자로 참여했었는데, 당시의 경험으로부터 얻은 점을 아주 간략히 첨부하자면 이렇다.먼저 생각해볼 것은 UT의 목적이다. 유저 테스트로부터 어떤 것을 얻고자 하는가?이것들이 가장 주된 목표였다.UT가 처음이다보니 나는 시나리오와

올 상반기부터 열심히 달려온 DDD 11기의 프로젝트, 내가 속한 쏘니 팀의 주제는우리 팀의 공통된 목표는 출시였다. 뭐가 됐든. 일단 출시해…주제가 정해지기 무섭게 백엔드 개발자분께서 개발 MVP를 폭풍같이 내뱉으셨다. 또 깨달은 점은, 서비스 기획에서 비즈니스 마인드와 마케팅적 시야를 놓치면 안된다. (마케팅은 PM의 역할이 아닌가보다. 울팀 PM은 기술 정의에 강점이 있으신 분인듯)빠른 출시와 사용자 유입이라는 목표를 이루기 위해선

다음 글은 아래의 원문을 번역, 해석한 내용입니다.물건의 위치를 기억해내는 능력은 인간의 기억에서 매우 중요한 측면이다. GUI의 영역에서 이 기억력은 필수적이며 사용자가 매번 눈으로 찾아낼 필요 없이, 거의 무의식적으로 컨트롤 요소를 찾아낼 수 있게 한다. 인터페이스를 눈으로 매번 스캔해서 요소를 찾는 행위는 번거롭고 느린 프로세스이기 때문에 비효율적인 사용자 경험을 초래한다.예를 들어, 부엌의 물건들을 옮겨서 국자를 찾지 못한다면, 모든

[NN/g 아티클번역] 디자인에서 한 영역 내의 요소들은 관련이 있다는 의미로 인식된다.

[NN/g 아티클번역] 사용자는 화면에 떡하니 놓여있는 것을 보지 않는다. 선택적 주의는 사람들이 주의 집중되는 영역 이외의 것들을 간과하게 만든다.

[Medium번역] 지금이라도 정리해보는 2024 디자인 트렌드

[Medium번역] 채용 담당 디자이너의 입장에서, 포트폴리오에 대한 생각

우리가 생각하는 ‘좋은 UI’는 어느순간 차별과 배제를 일삼는것이 현실이다.

사용할 팔레트의 각 색을 0~100%로 준비한다. (여기서는 gray는 쿨그레이 사용)의미를 가진 핵심적인 색. 악센트, 긍정 부정 경고의 색이 가장 중요하다Semantic: 의미의. 언어의, 여기서는 컬러의 시각적인 문법, 구조, 위계…를 뜻한다 Visual Hierarchy를 나타내기위한 배경, 텍스트, 획의 색상을 (중요도별로 Primary, Secondary, Tertiary) 미리 지정한다.토큰 네이밍 방법: 레벨,폰트 사이즈,행간원문

→ 스타일/디자인가이드와의 차이점: 도출된 컴포넌트는 변형하지 않고 사용한다!!🧐고려해야할 점: 화면의 구조를 원자, 분자, 유기체, 템플릿, 페이지로 구성하는 방식(물질을 구성하는 화학 원리를 인터페이스에 적용한 것)→ 아톰의 사용으로 디자인이 유연하면서 동시에 일관성이 유지됨실제로 사용된 예)Figma /Tokens Studio 플러그인1.디자인시스템 개념모아보기국내 기업 사례

장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용 할 수 있도록 보장하는 것으로 웹 접근성 준수는 법적의무사항 입니다.출처: wa korea적합성 수준 등급은 세부지침이 갖는 중요도에 따라 3단계로 분류한 것. (A: 강력하게 권장~ AAA: 접근성 극대화를 위한 최고의 선택)저시력자 및 색각 이상자, 노인 등 을 위한 웹접근성 가이드에 따라 접근성이 떨어지면 이런 식으로 알려준다.같은 기능인데, 프레임이