구루의 기술뉴스 : 좋은 UI를 위한 16가지 아이디어 외 32건

구루의 기술뉴스 ( GuruNews ) 83회차 입니다.

간만에 발행하는 기술뉴스입니다 ^^; Good UI 라는 사이트를 통해서 좋은 UI를 만들기 위한 16가지 아이디어를 전달하고 있는데요. 계속 추가될 예정이라고 합니다. 웹사이트를 만드시는 모든 분들 꼭 한번쯤은 읽어보시기 바랍니다.

[ 웹사이트, 웹서비스, 웹기술 ]

  • Good UI – 좋은 UI를 위한 16가지 아이디어. 단일컬럼/선물주기/비슷한 기능 통합/소셜평가 보여주기/중요액션은 반복노출/클릭가능&선택 아이템 구분/여러개중 추천/확인보다 Undo/타게팅.. 강력추천글!
  • 전환율 최적화(CRO)와 A/B테스팅 에 대해 알아야할 25가지 – 전환율은 보통 1~3% 인데 이를 높이는 방법과 A/B 테스팅을 왜 해야하는지 사례들로 정리
  • 테크회사들이 주목해야할 5가지 웹 디자인 트렌드 깔끔한 아이콘 / 대담한 색상 / 데이터 통합 / 웹 타이포그라피 / 패럴럭스(Parallax) 스크롤링
  • 구글이 어떻게 Organic Search를 죽이고 있는가 구글도 검색결과에서 광고 영역이 점점 늘어나고, 그외의 영역들은 자신들의 제품들로 채우고 있다는 이야기. 국내 포털만 뭐라할 상태는 아닌 듯
  • http://MQtest.io – 접속한 디바이스가 어떤 Media Query 에 대응하는지를 알려주는 간단한 툴. 깔끔하네요.
  • PHP로 3만 동시접속자를 처리하기 위한 팁 5가지 PHP APC를 써라/.php외 모든파일은 CDN에/코드내에서 다른서버로 접속금지/Varnish를 사용할것/EC2라면 c1.xlarge를 쓸것(8CPU)
  • Notes for Gmail – 지메일에 노트 기능을 추가해주는 크롬확장. 서버동기화 되기 때문에 회사에서 같이 공유하는 메일계정에서 노트를 달거나 공유하기에 최적. 레진코믹스도 내부적으로 사용중입니다 😉
  • Premailer – HTML 이메일 템플릿 작성시, 웹메일에서 적용 안되는 STYLE 태그의 CSS들을 모두 inline CSS로 변환해주는 도구. 이메일 보낼 일이 많아지니, 이런툴도 찾아쓰게 되네요 😉
  • DNS: The Good Parts – 개발자가 DNS에 대해서 알아야할 것들. dig 사용법과 A/CNAME/MX 등 설명
  • 구글과 페이스북의 매출/Capex/인프라스트럭쳐 비용 비교 아직 구글이 여러면에서 페이스북을 압도한다는 이야기. 아직 인스타그램과 Parse 는 AWS에서 러닝중.

[ 모바일 – 아이폰/안드로이드 ]

  • 더 나은 Android 애플리케이션 만들기 – 두번째 직접 개발중인 안드로이드 앱의 UI/UX 개선사례를 통해 꼭 안드로이드 뿐만 아니라 모바일 앱에서의 UI 고민점을 풀어낸 글
  • iOS7 의 숨겨진 기능 10가지 – 전화면 잠금해제/패럴럭스 배경화면/기기간 노티 싱크/페이스타임전화/비디오촬영중 줌/60fps촬영/전화&문자 차단/Flickr&Vimeo연동/쉬운 앱종료/QR코드로 패스북추가
  • 사례로 보는 부분유료화(F2P) 기술 – 가상화폐를 통한 결제의 고통 없애기/캔디크러쉬 사가의 스킬게임 vs 머니게임/퍼즐앤드래곤의 Reward Removal/CoC의 프로그레스 게이트 등..
  • 앱스토어에 Featured되는 앱들 분석 – 게임은 전체 앱중 16.8% 밖에 안되지만 50%의 피쳐링 비율. 한국만 특이하게 64% 피쳐링이 게임. 브라질은 음악,한국은 아이패드 교육앱에 집중. 정말 좋은 자료
  • 안드로이드 앱에 백엔드 추가하기 구글이 안드로이드 스튜디오를 출시하면서 구글 클라우드 플랫폼과의 연계를 더욱 쉽게 만들고 있네요. 간단하게 앱엔진에 GCM 백엔드를 만드는 걸 설명하는 글
  • HideOut – 디즈니가 만든 모바일카메라+모바일프로젝터 시스템. 증강현실 동화책 멋지네요. 스마트폰에 프로젝터 붙이는게 우스워 보였는데, 이렇게 만들면 정말 좋을 듯
  • 크롬캐스트와 함께한 하룻밤 웹에 있는 모든 것(아마존/훌루/Rdio/플리커..)을 TV에서 볼수 있다. 현재 몇개 안드로이드앱은 지원하고 iOS/퀵타임은 미지원. 여행 필수품. USB전원은 티비의 USB포트에 연결하면 케이블은 보이지 않는다고.
  • Calca – 인간적인? 계산기 Soulver 보다 훨씬 진화된 계산기네요. 마크다운 수준의 편집기능까지 포함. 변수/함수/행렬 부터 로직까지.. 맥/아이폰/아이패드용

[ 프로그래밍/HTML5/CSS/Javascript ]

  • 자바스크립트 이제 충분해요! 너무 많은 JS남발로 속도가 느려지는 사이트들에 대해 속도개선을 위한 기본제안들. 서버/HTML/CSS/JS가 각자 할일하기. JS로딩 시간 4가지중에서 선택하기
  • LocalTunnel – 로컬 웹서버를 외부에서 접근하게 만들어주는 툴. gem 으로 설치하고 localtunnel 8000 처럼 실행하면 외부 URL이 생겨서 접속가능. 편리하네요
  • 파이낸셜 타임즈 Web App 개발기 : Coding Responsively HTML5적용 성공사례로 유명한 FT의 사례 발표
  • Inquirer.js – Node.js 를 위한 공용 커맨드 라인 인터페이스 제작용 라이브러리. 리스트,체크박스,Y/N,입력,암호 등. 깔끔하군요
  • Git & GitHub Secrets – 당신을 좀 더 생산성있게 만들어주는 팁들. 무려 186페이지 슬라이드. 깃허브의 이모티콘들 이쁘네요 :clap: :+1: :-1: 발표동영상은 곧 올라온다고

[ DB,DevOps,클라우드,웹서버 기술 ]

[ 추천글 ]

피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다

  1. 정보를 잘 모아주신 덕에 매번 잘 찾아보고 있습니다. ^^

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>