0
PORT
FOLIO

A Space to Future's Publisher

스크롤을 내려주세요!

About

소개 이미지

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

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

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

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

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

Project

Mobile App/GUI 디자인

GUI 디자인


디자인 콘셉트 수립하기

UI/UX 디자인 콘셉트 수립

수립된 UX 전략을 바탕으로 디자인 콘센트를 정의할 수 있다.

UI/UX 디자인 전략의 이해

UI/UX 디자인 전략의 정의

UX 디자인은 아름답고 미려한 디자인을 만드는 것이 목표가 아니라, 최적의 사용자 경험 을 제공하는 것을 목표로 한다. 최적의 사용자 경험을 제공하기 위해서는 사용자의 니즈, 문제, 맥락, 동기, 태도, 이용행태 등의 사용자 분석을 통한 사용자 이해에서 출발한다. 그 리고 사용자에게 제공할 제품 및 서비스의 가치를 발굴하여 차별화된 UI/UX 전략을 수립 하게 된다. UX 디자인 전략은 제품 및 서비스를 제공하는 개인이나 기업별로 차이가 있 을수있다. 기업의매출증대나경쟁력강화등이목표가될수도있고, 또는사용자에게 탁월한 경험을 전달하기 위한 사용자 중심의 디자인이 목표가 될 수도 있는 것이다. 그러 나 UX 디자인에서 가장 중요한 핵심은 사용자이며, 사용자의 생각, 행동, 감정을 통하여 나타나는 패턴과 문제점 등을 파악하여 사용자가 원하는 최적의 경험을 제공하기 위한 전 반적인 과정을 디자인한다는 것이다. 미국의 사용자 경험 전문회사인 아쳐 그룹(THE ARCHER-GROUP)에서는 UX 디자인 전략에 대하여 다음과 같이 정의하고 있다.

  • 현재 상황에 대한 정의
    • 경쟁 분석, 비지니스와 상품, 서비스의 목적을 정의한다. 사용자에게 전달하고자 하는 가치를 정의하고, 문제점이 무엇인지 파악하고, 비지니스의 관점에서 이루고자 하는 것이 무엇인지를 파악한다.
  • 핵심 가치 정의
    • 만들고자 하는 제품이나 서비스가 긍정적인 경험을 유지하면서 어떻게 지속적으로 제공되도록 할 것인가에 대한 개발 계획을 세우고, 이러한 계획이 구체적으로 확인될 수 있도록 정의한다.
  • 요구사항에 대한 정의
    • 프로젝트의 목표를 명확히 세우고, 사용자로부터 요구사항들이 무엇인지를 구체화한 다. 앱에 대한 최종 결정을 위해 기본적인 가이드를 만들고, 사용자를 위해 더 좋은 서비스를 제공하는 데 필요한 노력이 무엇인지 구체화한다.
  • UX 가치의 측정
    • 앱에서의 경험이 어떠했는지 정의할 수 있어야 한다. 어떤 방법들을 통해 사용자에게 만족스러운 경험을 제공하는 데 성공했는지, 또는 그렇지 못했는지 검증하는 방법에 대한 정의가 필요하다.

UI/UX 디자인 콘셉트(design concept) 정의

디자인 콘셉트

수립된 UX 전략에 따라 최적의 디자인 콘셉트를 정의한다. 명확한 사용자 관점에 따른 서비스가치기준을수립하고, 이에따라현행서비스, 또는신규개발대상에대해나타 나거나, 드러나지 않은 문제점들을 찾아 해결 방법을 찾음으로써 UX 디자인 콘셉트를 도 출한다. 콘셉트를 도출하기 위해서는 콘셉트를 둘러싼 다양한 요소에 대한 정확한 파악이 필요하다. 콘셉트와 관련된 요소로는 가장 중요한 타깃의 니즈, 앱 형태, 디자인, 앱의 특 징및장점, 브랜드, 크기및제원, 가격등이있다. 콘셉트는 이러한 요소들을 분석한 후, 사용자에게 전달할 몇 가지의 핵심어로 축약한다.

디자인 콘셉트의 요소

디자인 콘셉트는 다양한 방법론을 이용하여 도출할 수 있지만, UX 디자인에서는 사용자 의 관점에서 진행이 되며 크게 다음의 3단계로 구분할 수 있다.

  • 이슈 추출
    • 앱 서비스의 문제점을 파악하는 것으로, 사용자 관점에서 바라본다. 앱 서비스의 목적 과실제앱서비스가그목적을이루게하는가, 그리고콘텐츠나기능적문제점, 디자 인적 문제점을 찾아내어 개선해야 하는 점과 지향하는 방향을 설정하는 단계이다.
  • 사용자 니즈
    • 사용자로부터 발견한 다양한 문제점들을 분석하여 구체적인 개선 방향을 찾고, 사용자 에게 제공해야 할 앱 서비스의 가치를 도출한다.
  • 콘셉트 키워드 도출
    • 사용자에게 제공하고자 하는 가치를 수립하고 최종 콘셉트를 선정하여, 적절한 키워드 를 추출한다.
디자인 콘셉트의 정의

앞선 디자인 콘셉트 도출 방법에 따라 키워드를 도출하였다면, 이를 검토하는 단계를 거 쳐 디자인 콘셉트를 정의한다. 콘셉트 내용에서 적절한 키워드를 찾기 모호한 경우가 발 생할 수 있으며, 이후 본격적인 디자인 과정에서 다른 문제가 나타날 수도 있다.

  • 디자인 콘셉트 정의 시 유의사항
    • 디자인 콘셉트를 정의 시, 그 내용이 사용자 특성에 부합하는가, 차별성을 가지는가, 균형을 이루고 있는가, 구현상의 문제점은 없는가, 지나치게 많이 도출되지 않았는가, 정돈된 언어로 전달되는가, 등의 내용을 점검해야 한다. 또 디자인 콘셉트가 사용자가 앱을 사용하면서 느끼는 감성적인 느낌을 표현한 경우에는 화려한, 차분한, 중후한 등 의 형용사적인 언어를 사용하기도 하는데, 이러한 경우에 그 의미가 명확하게 전달될 수 있어야 한다. 앱 디자인에 대한 사용자의 니즈에 있어서도 단순하고 깔끔한 디자 인, 화려한 디자인과 같이 적절하게 그 의미가 전달될 수도 있지만, 좋은 이미지, 세련 된 컬러 등처럼 정확하지 않은 표현은 지양해야 한다.
  • 디자인 콘셉트 및 키워드 선정
    • 콘셉트 내용을 유사한 것끼리 그룹핑하여 디자인 콘셉트를 정의하고, 해당 내용을 대 표할 수 있는 키워드를 선정한다. 키워드는 단순 명료한 언어로 표현해야 한다.
사용자 니즈 중심의 디자인 콘셉트

사용자 니즈(needs)로부터 도출된 디자인 콘셉트는 사용자에게 가치 있는 것이며, 이것은 사용자의 경험으로부터 비롯된 결과이다. UX 디자인에서 가장 중요한 핵심은 사용자의 니즈이다. 사용자 니즈로부터 디자인 콘셉트를 도출하는데 중요한 구분은 다음과 같다.

  • 감성적(emotional) 니즈
    • 즐거움, 만족감, 색, 형태, 재질과 같은 디자인적 선호도 등의 앱에 대한 심미적이고 감성적인 니즈를 말한다.
  • 기능적(functional) 니즈
    • 사용자가 UI를 이용하면서 느끼는 앱 서비스에 대한 실용성, 효과성, 효율성과 같은 기 능적인 니즈를 말한다.
  • 인지적(cognitive) 니즈
    • 제품 및 서비스에 대해 분명하게 이해하고 인식하고 의미를 부여하는 등의 인지적인 인 측면에서의 니즈를 말한다.
  • 신체적(physical) 니즈
    • 제품의 그립감이나 촉감, 키보드, 버튼의 조작, 인식, 습관적인 반응 등의 신체적인 니 즈를 말한다.

Interview

Contact

소개 이미지

안녕하세요!

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

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

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

kakao ID
@webstupids
public an
episode together.