좋은 UI를 위한 16가지 아이디어

Source

• Evernote/IFTTT Feedly/구루의 기술뉴스 좋은 UI를 위한 16가지 아이디어 외 32건.md

Summary

웹사이트 및 웹서비스의 UI 개선을 위한 16가지 아이디어를 소개합니다. 주요 원칙으로는 단일 컬럼 레이아웃, 유사 기능 통합, 소셜 평가 표시, 중요 액션의 반복 노출, 클릭 가능 항목과 선택 항목의 명확한 구분, 여러 옵션 중 추천 제공 등이 포함됩니다.

Key Points

• 단일 컬럼 레이아웃 사용
• 비슷한 기능 통합
• 소셜 평가(Social Proof) 보여주기
• 중요 액션은 반복적으로 노출
• 클릭 가능 항목과 선택 가능 항목 시각적 구분
• 여러 옵션 중 사용자에게 추천 제공

Related

• 좋은 UI를 위한 16가지 아이디어 (구루의 기술뉴스)

• GoodUI: 전환율과 사용성을 높이는 UI 디자인 원칙

• 아이디어 확산의 5가지 공통 특징

• 좋은 차트와 그래프를 만드는 10가지 비법

• 프로그래밍 실력 향상을 위한 8 가지 추천 프로젝트

• UI Innovation (Veerle’s Blog)

• 안드로이드 UI 디자인 팁 (2013)

• UI 관점에서의 URL 설계 가이드라인

• 31 CSS Web Design Galleries You’ll Love

• 2020 프론트엔드 마스터를 위한 10가지 프로젝트 아이디어 (CSS-Tricks)

• 스타트업과 앱 기획을 위한 UI Sketch Sheet

• Awkward UI 해결을 위한 UI Stack (5가지 상태)

• 반드시 지켜야 할 UI 디자인의 7가지 법칙

• Apple, iOS 7 개발자를 위한 ‘Designing Great Apps’ 마이크로 사이트 추가

• Google Drive 활용을 위한 6가지 Chrome 확장 프로그램

• 아이트래킹 연구 기반 UX 디자인 4가지 규칙

• 입문자를 위한 팬아트 기초 스케치 팁

• 무료 웹 디자인 요소 PSD 컬렉션 (2012년 기준)

• UX디자인을 바르게 보는 관점 7가지

• NoSQL 데이터베이스 선택을 위한 101 가지 질문

• UX 디자이너를 위한 그로스 해킹의 모든 것

• Flow 팀 작업 관리 앱의 대규모 개편

• Dark Patterns: UI 디자인 속 기만 vs 정직

• SF에서 영감을 받은 4가지 실제 발명품

• 야콥 닐슨의 사용성 10 원칙

• 남성 의류 핏 가이드: How Clothes Should Fit

• 구독형 디자인 리소스 사이트 5선

• TeamWeek: 그룹 작업을 위한 인터랙티브 간트 차트

• 유지보수 가능한 코드를 위한 세 가지 태도

• UX Week 2013 연사 및 프로그램 미리보기

• DesignPlusD 및 Remember – Block 앱 소개

• 기사를 인터랙티브하게 만드는 툴 11가지

• 사용자 경험의 요소 (The Elements of User Experience)

• 비즈니스 정장 착용 10가지 원칙

• 안드로이드 UI 디자인: DPI, DIP(DP) 개념

• 비디오 게임의 업적 시스템에서 배울 수 있는 UI 디자인

• Google Hangouts Chat UI 복제 (CSS-Tricks)

• 안드로이드 UI 가이드 작성법: 상대적 레이아웃의 중요성

• 메튜랩 웹사이트 재오픈 (2015)

• 터치스크린 기반 디지털 사진 선택적 편집 UI 설계

• UX 투자, N스크린에 몰린다

• 다이얼로그 디자인: ‘취소’의 취소 문제와 문구 설계 원칙

• Adaptive Model-Driven User Interface Development Systems

• 데이터 모델링과 HCI의 관계 및 미래 UI 구상

• 요구사항 공학에 디자인 씽킹 통합의 필요성

• 위치 기반 사용자 경험(UX) 이해

• 안드로이드 UI 가이드 작성법: 상대적 레이아웃 활용

• Exploratorium 방문자 경험 매핑 사례 (Adaptive Path)

• Making it Real

• 글을 ‘덜 나쁘게’ 쓰기 위한 10가지 팁

• UX 관리의 현재 및 미래 트렌드 (패널 세션 요약)

• 일상의 시간관리를 위한 간단한 핵심 툴 2 가지

• 도시 해킹을 위한 5가지 센서 프로젝트

• 러닝 초보자를 위한 7가지 교훈 (Jason Fitzgerald)

• 성공적인 SaaS 개발을 위한 10 가지 핵심 원칙

• Gang of Four로부터 배우는 10가지 기업가를 위한 레슨

• 더 나은 개발자가 되기 위한 8가지 방법

• 브라우저 개발자 도구의 25 가지 비법 (2011)

• 9가지 웹 기반 프로젝트 관리 도구 소개

• 프로그래머를 위한 추천 도서 6 권

• 기업가를 위한 11가지 사업 철학

• 스티븐 킹의 창의적인 글쓰기 팁 10가지

• 프로젝트 일정 관리 3가지 조언

• 스타트업 근무자를 위한 17 가지 조언

• 엘모어 레너드의 글쓰기 10가지 규칙 (링크)

• 좋은 여자를 찾는 7가지 방법 (ppss.kr)

• 더 나은 네이밍을 위한 가이드라인 (CSS-Tricks)

• 글쓰기의 대가들로부터 배우는 5가지 글쓰기 팁

• 비트코인 이해를 위한 8 가지 질문과 답변

• 비즈니스 부트스트랩을 위한 10가지 핵심 리소스 및 전략

• 동사 have를 쓰는 6가지 경우

• 세월호 사고를 보는 3가지 시각

• 파울로 코엘료의 글쓰기 조언 8 가지

• 현실로 가져오고 싶은 만화 속 능력 10가지

• Flexbox 레이아웃 가이드: 개념 및 10가지 실무 사례

• 사용자 인터페이스에서 초보자에서 전문가로의 전환 지원

• 프로그래머 성장의 4 가지 원칙

• ELS 투자 관련 10 가지 팁 (저품질)

• 취준생의 가능성 어필을 위한 네 가지 전략

• 스타트업 실패를 피하기 위한 7가지 주의사항

• 스마트워치 성공을 위한 9가지 조건 (2013)

• 웹사이트 방문자 체류 시간 연장 전략 (11가지)

• 비즈니스 글쓰기 완성도 높이는 4가지 팁

• 창의적인 조직을 만드는 5가지 방법

• 우리말 글쓰기 필수 7가지 원칙

• 미래형 반응형 웹 디자인 (Warpspire)

• 대학생을 위한 웹 개발 공부 체크리스트