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

Source

• Evernote/Inbox/메튜랩 웹사이트, 완성.md

Summary

저자가 개인 브랜드 ‘메튜랩’ 웹사이트를 오랜만에 재디자인하고 완성했다고 기록함. 2013 년 워드프레스 기반의 단순 이력서/소개 페이지를 넘어, 저자의 여정과 철학을 담는 방향으로 발전시킴.

Key Points

• 2015 년 1 월 기준, 개인 브랜드 ‘메튜랩’ 웹사이트 재오픈
• 2013 년 버전 (단순 이력서/소개) 에서의 진화: 저자의 여정과 철학 반영
• 오랜만의 웹디자인 작업 완료

Related

• UI Innovation (Veerle’s Blog)

• 자신의 생각을 따라가 보기

• Our checklist for improving mobile websites

• Causes: 소셜 굿을 위한 행동 중심 소셜 네트워크 재출시

• 설득력이 있는 디자인

• Make: Technology on Your Time Volume 07

• Heartbeat (블로그 업데이트)

• 2013년, 웹의 귀환을 꿈꾸다 (베를린로그)

• 웹사이트 접근성 개선 추세 (1999-2012)

• Web Fundamentals 및 Web Starter Kit 리소스

• 네이버 웹문서 검색 가이드라인 공식 발표 (2013)

• POKAS ON vol 23 (2018년 9월호) 링크

• 웹사이트 속도 테스트용 무료 온라인 도구 5 가지

• Synchronized Cross-device Mobile Testing

• 좋은 블로그 리스트 (2013)

• Sitespeed.io를 사용한 웹사이트 성능 테스트

• 일상다반사: 소나와 네이버 댄스

• 웹 해킹 및 보안 테스트 도구 리소스

• 31 CSS Web Design Galleries You’ll Love

• KT 경제경영연구소 보고서 모음 (니오 필진)

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

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

• Explory: Flash 제작진의 멀티미디어 스토리텔링 앱

• Sauce Labs: 크로스 브라우징 테스트 서비스

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

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

• 스마트폰 웹 브라우징 경험 개선 팁

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

• Yeoman: 도구를 활용한 더 나은 웹 개발

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

• DesignPlusD 및 Remember – Block 앱 소개

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

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

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

• Countly: 실시간 모바일 앱 분석 도구

• Piwik 한국어 현지화 완료

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

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

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

• Scrapy 로 웹사이트 크롤링 해보기

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

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

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

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

• Datasheet.net: 데이터시트 스니펫 도구

• Adaptive Model-Driven User Interface Development Systems

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

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

• Preme: Windows 창 관리 개선 도구

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

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

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

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

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

• 반응형 웹(RWD) 디자인 및 테스트 도구 모음

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

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

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

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

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

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

• 크롬 개발자 도구 101

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

• 브라우저 동작의 이해 - 리플로우와 리페인트 및 그 최적화

• 홈페이지 구축 조건 및 계획

• 웹 성능 크래시 코스 (Ilya Grigorik)

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

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

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

• 웹사이트 구조 개선을 통한 사용자 탐색 효율화

• 심플로우 (Symflow) - 청중 참여형 프레젠테이션 도구

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

• Making it Real

• ITViewpoint.com: 30분 만에 캔디팡 만들기 영상 소개