0
PORT
FOLIO

A Space to Future's Publisher

스크롤을 내려주세요!

About

소개 이미지

꿈을 설계하고 디자인 하다.

안녕하세요! 웹스토리보이입니다. 저는 공간을 만드는 것을 좋아합니다. 단 하사람이라도 제가 만든 공간 속에서 영감을 받거나 마음이 움직였으면 좋겠습니다. 웹 사이트라는 공간은 상상을 넘어 우리에게 많은 창의력과 영감을 줍니다. 이러한 공간에서 다 같이 꿈을 꾸고 열정적인 엔지니어가 됐으면 좋겠습니다.

이 사이트는 웹스토리보이와 함께 포트폴리오를 완성하고 다같이 정보를 공유하는 사이트입니다. 스터디와 포트폴리오 강의는 매달 강남에서 열리며, 한달에 한번씩 모집합니다. 포트폴리오 강의는 포트폴리오를 만들기 위한 스킬을 배우는 강의이며, 기존에 학원에서 배우지 못한 중급 이상의 기술과 포트폴리오의 퀄리티를 높이는 강의입니다. 포트폴리오 스터디는 혼자서 만들기 힘든 포트폴리오를 도와주는 스터디입니다. 초보 단계에서 느낌는 어려움을 스터디를 통해 해결 할 수 있습니다. 혼자서 하면 힘들 수 있지만 다 같이 하면 좀 더 수월 할 수 있습니다.

웹스토리보이와 같이 포트폴리오를 완성하려면 첫째 유튜브에 공유된 웹표준 사이트 만들기, 반응형 사이트 만들기, 메가박스 사이트 만들기 영상을 보고, 포트폴리오 강의를 들으면서 스터디 하는 것을 추천합니다. 아직 우리는 부족한게 많고 가야할 길이 많이 남았지만 우리의 꿈을 위해 노력한다면 언젠간 99%의 실력이 될 것입니다.

  • 99HTML
  • 99CSS
  • 99Javascript
  • 99jQuery
passion led
us here

Project

UI.UX DESIGN/UI.UX 요구 분석

UI/UX 요구 분석

UI/UX 콘셉트 아이디어 도출하기

요구사항 분석, 콘셉트 아이디어 도출

UI/UX 개발 과제의 목표 충족을 위하여 사용자 리서치 결과를 토대로 UI/UX 콘셉트 아이디어를 도출 할 수 있다.

요구사항분석(requirement analysis)

요구사항(Requirement)
  • 요구사항은 제품, 서비스 등의 개발의 결과물이 충족하여야 할 대상으로 아래와 같이 정의 된다.
    • 어떤 문제를 해결하거나 특정의 목적을 위하여 사용자가 필요로 하는 조건이나 능력.
    • 계약, 표준, 명세 또는 다른 형식으로 제시된 문서에 맞추어 시스템이나 시스템 구성 요 소가 갖추어야 할 조건이나 능력. 요구 사항들은 시스템이나 시스템 구성 요소의 후속 개발 단계의 자료가 된다. (한국정보통신기술협회. IT용어사전)
요구사항분석(Requirement Analysis)

요구사항 분석은 제품 또는 서비스의 사용자를 포함한 이해관계자들의 요구사항을 파악하 고 이를 고려하여 제품 또는 서비스가 이와 부합하도록 하기 위한 조건을 결정하는 과정 이 주가 되는 업무로 이후 개발 생명주기(SDLC, Software Development Life-Cycle)의 시 발점이 되며, 아래와 같이 정의 된다.

  • 시스템이나 소프트웨어 요구사항을 정의하기 위해 사용자의 요구 사항을 조사하고 확인 하는 과정.
  • 시스템이나 소프트웨어 요구사항의 검증.

이러한 요구사항분석은 아래와 같은 유형의 작업을 수반하게 된다.

  • 요구사항의 도출 : 요구사항이 무엇인지를 파악하기 위해 고객 및 사용자 등 이해관계 자와 인터뷰 등을 수행하는 작업.
  • 요구사항의 분석 : 도출된 요구사항이 명확한지를 판단하고 이를 요구사항의 성격에 따 라 분류하는 등의 작업
  • 요구사항의 기록 : 자연어로 기록된 문서, 사용자케이스(User Case), 사용자 스토리(User Story) 등의 형태로 요구사항의 분석 결과를 문서로 명세화하는 작업
요구사항의 구분

요구사항은 다음과 같이 다양한 기준에 따라 구분된다.

  • 요구사항의 목표 대상에 따른 구분
    • 사용자 요구사항
    • 시스템 요구사항
  • 요구사항의 기능적 특성에 따른 구분
    • 기능 요구사항
    • 비기능 요구사항
    • 도메인(domain) 요구사항

비기능 요구사항

UI/UX가 갖는 사용성과 관련한 요구사항은 일반적으로 비기능 요구사항으로 구분된다. 비 기능 요구사항은 아래와 같이 구분된다. UI/UX 관련 비기능 요구사항은 일반적으로 제품 에 대한 사용성(Usability)에 대한 요구로 집중된다.

비기능 요구사항의 구분(Ian Sommerville(2010), Software Engineering (9th Edition))
  • 제품 요구사항 : 제품, 서비스에 대한 요구사항
  • 조직 요구사항 : 조직 내부의 정책, 규칙, 표준 등에 부합되도록 하기 위한 요구사항
  • 외부 요구사항 : 조직 외부의 법령, 표준 등에 부합되도록 하기 위한 요구사항

사용자리서치(User Research)에 의한 요구사항 분석

사용성 요구사항 등 UI/UX와 관련한 요구사항은 일반적인 요구사항 파악 방법인 사용자 등과의 인터뷰를 포함하여 다양한 방법, 기법이 적용된 ‘사용자리서치를 통한 니즈 도 출’이라는 형태로 도출해 내게 된다. 아래는 이러한 사용자리서치를 과정 에서 활용되는 방법, 기법의 예이다

  • 포커스 그룹 인터뷰(FGI)
  • 심층(In Depth) 인터뷰
  • 필드 스터디(Field Study)
  • 카드 소팅(Card Sorting)
  • 정보구조와 카드소팅 연관성 - 5whys기법
  • 쉐도우 트랙킹(Shadow Tracking) - 피어 쉐도잉(Peer Shadowing)

UI/UX 사용성 관련 기준

UI/UX와 관련한 요구사항은 주로 ‘제품 요구사항’ 차원에서 식별되나, 이와 관련한 조직 내부, 외부의 표준, 가이드 등을 따라야 하는 ‘조직 요구사항’, ‘외부 요구사항’의 형태로 나타나기도 한다. 다음은 이러한 예로 전자정부 모바일 서비스에 지침의 내용 일부이다.

(행정자치부 (2011). 모바일 서비스 사용자 인터페이스 설계 지침)

제3장. 공공기관 모바일 서비스의 UX 디자인 기본원칙

기본원칙은 스마트폰과 태블릿PC를 통한 서비스를 기획하고 설계하는데 반드시 준수해 야 할 기본사항들을 정의하고 있다. 공공기관 모바일 서비스의 발주자와 설계자는 다음의 기본원칙을 숙지하고 기본원칙에서 제시하는 필수사항과 권장사항, 제약사항을 고려하여 개 발한다.

  • 사용자 경험에 초점을 맞춘다.
  • 소수의 핵심기능에 집중한다.
  • 디바이스의 호환성, 확장성을 고려한다.
  • 정보소외계층의 접근성을 고려한다.
  • 웹표준을 준수하여 개발한다.
  • 일관성을 유지한다.
  • 이미지를 제한적으로 사용한다.
사용자 경험에 초점을 맞춘다.
  • 사용자가 서비스를 사용하는 목적과 상황을 이해한다.
  • 사용자가 설명서 없이 쉽게 사용할 수 있어야 한다.
  • 사용자의 잠재적인 실수를 고려해야 한다.
  • 항상 훌륭한 기술이 사용자의 만족도를 높이는 것은 아니다.
  • 아름다운 디자인만이 최선인 것은 아니다.
  • 모바일 사용성의 특징을 이해한다.

Interview

Contact

소개 이미지

안녕하세요!

포트폴리와 스터디와 포트폴리오 강의는 여기서 신청을 받습니다. 스터디와 강의는 웹퍼블리셔 취업 또는 이직을 목표로 한 분만 지원을 받습니다. 다음의 내용을 적고 보내주시면 신청됩니다.

이름 : 누구누구
나이 : 몇 살
배움 이력 : ex)국비학원 6개월 수료
배움 과목 : ex)스터디 or 강의 or 둘다
취업 준비 기간 : ex)1개월
카카오 아이디 : 단톡 초대를 위함

강의와 스터디는 보통 대기 기간이 2~3달 정도 소요됩니다. 그 부분을 계산하시고 신청해주시기 바랍니다. 메일이 확인되면 메일로 신청 계좌가 전송되고 입급하시면 예약이 완료됩니다. 완성된 포트폴리오 사이트와 공부 방법들은 다 같이 볼 수 있도록 공유됩니다. 스터디 또는 강의를 참여하는 분들은 이 부분을 동의한 것으로 간주되며, 이 부분을 확인 후 신청해주시기 바랍니다. 여러분이 보내 주신 개인 정보는 참고만 하고 즉시 파기함을 알려드립니다.

kakao ID
@webstupids
public an
episode together.