웹디자인 기능사 풀어보기 홈페이지(+오답노트)
오늘은 두 가지 컬러 조합 제의 해주는 사이트에 관하여 알려 드리도록 하겠습니다. 여러 디자인에 활용 가능했던 2가지 컬러를 시각적으로 보여주며, 해당 색상의 색상 숫자 번호도 제공해 줍니다. 게다가 CSS 그러데이션 버튼 및 여러 색상의 코드를 제공해 줍니다. 평소에 컬러 조합에 자기가 없으신 분은 사이트에서 추천하는 컬러 조합으로 디자인을 해보십시오. 시각적인 디자인을 만들는 데 사용할 수 있는 두 가지의 색상의 정보를 제의 제의 해주는 사이트입니다.
무수히 많은 컬러 조합을 추천해 주며, 개발자 모드를 통해 해당 박스를 가져와 html에서 활 용 해볼 수 있습니다.
분석 및 의사결정
테스트가 종료됐다면 결과를 분석하고 의사결정을 해야 합니다. 변형된 B안이 과거 안 보다. 높게 평가되었다면, 신규안을 배포합니다. 게다가 어떤 부분에서 더 좋은 성과가 나타났는지에 대한 사정을 정리해야합니다.
* A/B 테스팅으로 결과에 관하여 단순히 더 높은 지표값을 나타내느 안으로 의사를 결정할 수 있지만, 일관되어 정교한 테스트를 위해서는 t-검정을 적용하여 유의성을 검증해야합니다.
테스트 진행
실험의 진행방식은 3가지 요소입니다. 1. 분기 2. 구현 3. 지표 트래킹 1. 분기 분기는 수립된 가설에 따라 하나하나씩 원본 A와 솔루션 B를 보여줄 트래픽을 분리하는 작업입니다. A/B테스트 기능을 직접적으로 개발하는 경우엔 DB의 PK값처럼 유일한 식별자가 그 기준이 됩니다. PK 홀수 짝수 여부에 따라 A/B를 보여줍니다. A/B테스트를 진행하기 위해서는 A와 B의 정보 외에는 두 조직 차이의 차이가 존재해서는 안됩니다.
A/B 테스트를 하기위해 트래픽을 분기할 때 고려해야 하는 가장 중요한 내용은 트래픽이 해당 실험에 관하여 얼마나 정확한가 이므로 날짜, 요일, 시간 같은 같은 시점에 따라 영향을 받을 수 있기에 같은 조건을 부여해야합니다.
Behance
전 세계 디자이너들의 물건 시리즈 커뮤니티 온라인 사회 뒤이어 말씀드릴 dribbble과 함께 세계 최대의 디자이너 커뮤니티 사이트입니다. dribbble이 정보기술 디자이너에게 좀 더 초점이 맞춰져 있으면 Behance는 포토그래피, 회화, 일러스트 등 보다. 폭넓은 작품 스펙트럼을 가지고 있습니다. 프로 디자이너들의 포트폴리오를 둘러보며 영감을 얻을 수 있습니다. 작업 도구가 무엇파악 알 수 있고 마음에 드는 작가를 팔로우할 수도 있습니다.
작업에 관하여 더 궁금하다면 메모를 활용해볼 수 도 있을 것 같습니다. 무엇보다. 작업물의 퀄리티가 좋고 대세 변화를 가장 빠르게 캐치할 수 있습니다.
Dribbble
디자이너가 영감, 피드백, 커뮤니티 및 일자리를 얻는 곳이며 전 세계 디자이너를 찾아내고 연결할 수 있는 리소스 온라인 사회 앞서 이야기한 핀터레스트, 비헨스와 더불어 디자인 레퍼런스 온라인 사회 삼대장이라고 생각됩니다. 디자이너를 위한 커뮤니티로 개혁적인 작품들이 많고 디자이너들의 흥미진진한 시도를 엿볼 수 있습니다. 다른 사이트에 비해 인터렉션, 애니메이션이 들어간 리소스가 많은 편입니다. 디자이너들이 무료 제공하는 정교한 리소스들도 많게 있어 다운로드하여 활용하기 좋습니다.
해외에서는 드리블을 통한 채용이 활성화되어있다고 하려면 국내에서는 아직 벤치마킹 사이트로의 역할만 하고 있는 것으로 보입니다. 드리블 역시 자신의 컬렉션에 타 디자이너들의 작품을 수집할 수 있습니다.
실험 중지
실험 중에 지속적으로 p-value의 변화를 살펴보다가 p-value가 0.05 이하로 내려가는 시점에 돌연 실험을 중단하는 경우입니다. 처음 진행할 수록 이 실수에 주의해야합니다. 통계적으로는 유의미한 차이가 있는 것으로 보이지만, 사실은 실험자가 인위적으로 만들어낸 결과이므로 서비스의 성장에 크게 도움이 되지 않습니다. p-value는 통계적 가설 검정에서 사용되는 개념으로 ‘가설검정(귀무가설, 대립가설, p-값)’에서 명백한 내용을 확인할 수 있어요.
CSS 그라데이션 버튼
Gradient Buttons 페이지로 이동하면 이미 디자인되어있는 CSS 버튼을 제공받을 수 있습니다. 많은 CSS 버튼을 제공하고 있으면 COPY 버튼으로 CSS 코드를 복사하여 사용해볼 수 있습니다.