세미나/스터디/게임제작 활동 예시 페이지 제작

[2kindsofcs]

안녕하세요, 홈페이지를 둘러보던 중 개선하면 좋을 부분이 보여 이슈 작성하게 되었습니다.
현재 홈페이지에서 "동아리 활동" 아래 3개의 큰 동아리 소개 항목이 보이는 형태인데요,
막상 각각의 항목을 클릭해도 딱히 특정 게시판으로 넘겨주지 않아 어색합니다.

링크를 적용시키는 것은 별 문제가 안되겠지만, 로그인을 하지 않은 상태에서, 특히 회원가입을 하지 않은 사람이 항목을 클릭했을 때 404 에러 페이지를 본다면 이는 매우 어색하며 좋지 않은 경험이 될 것입니다.

따라서 회원가입하지 않은(로그인을 하지 않은) 상태에서 동아리 소개 항목을 클릭했을 때 각각 클릭한 항목의 예시들을 보여주는 페이지를 보여주면 좋겠습니다.
과거에 진행한 적 있는 세미나/스터디, 게임제작 활동 일부를 보여주는 페이지를 만들어서 보여주면 어떨까요?

(물론 페이지를 제작하게 된다면 헤당 세미나, 게임제작 활동 등을 진행했던 사람들에게 동의는 구해야 할 것입니다.)

[hellodhlyn]

상용 프로젝트에서 그러한 UX를 채용한 예시가 있을까요?
그리고 현재 게임제작 활동을 보여주는 페이지는 있으며, 세미나나 스터디는 의도적으로 보여주지 않고 있는 것이긴 합니다.

cc. @zych1751

[2kindsofcs]

@hellodhlyn 회린님

https://www.docker.com/ 도커 같은 경우에 choice, agility, security 세 가지 항목이 텍스트 설명과 함께 각각 박스에 들어있고, 클릭하면 관련 페이지로 넘어갑니다. 지금 다시 비교해서 보니 풀씨의 경우 각 텍스트 설명이 박스 안에 들어가 있지는 않군요.
https://www.typescriptlang.org/ 타입스크립트 같은 경우에는 화면 중간에 마찬가지로 세 가지 항목으로 나눠서 타입스크립트의 장점에 대해 기술하고 있는데, 각 설명에 링크가 걸려있진 않으나 바로 아래에 배경색과 확연히 대비되는 색상으로 "learn it fast"라는 버튼이 있습니다. 사실 홈페이지 최상단의 "documentation" 버튼과 같은 페이지로 넘겨줍니다.

게임제작활동 페이지가 있으며 로그인 없이도 접속 가능함은 확인하였습니다.
일단 세미나/스터디는 의도적으로 보여주고 있지 않다고 하셨고, 수면 활동은 사실 설명 페이지가 필요할 것 같지 않으니, 그렇다면 타입스크립트 홈페이지처럼 세 개의 설명 항목 밑에 "프로젝트 구경하기" 같은 (프로젝트 갤러리 버튼과 동일한 기능을 하는) 버튼을 눈에 잘 띄는 색상으로 추가하는 것은 어떻습니까?

세미나/스터디는 의도적으로 보여주지 않는 특별한 이유가 있나요? ppt 파일의 전체 슬라이드를 공개하지는 않아도 대략 어떤 토픽으로 스터디를 했는지 정도는 알려줄 수 있을 것도 같습니다만. 혹시 세미나/스터디를 공개했다가 누군가 악용했던 전례가 있기 때문인가요? (무조건 세미나/스터디를 공개해야한다고 주장하는 것은 아닙니다 ^^;)

[hellodhlyn]

@2kindsofcs 안녕하세요,

우선 홈페이지 메인 구성에 대한 예시 공유 감사드립니다. 저희도 개발하며 현재 메인화면 구성이 너무 단순하고 정보성이 부족하다는 생각은 갖고 있었지만 마땅한 좋은 사례들을 찾지 못하는 상태였는데, 공유해주신 내용들을 참고해서 좀 더 개선해볼 수 있을 것 같습니다 :)

세미나/스터디를 대외적으로 보여주지 않는 것은 사실 관습적으로 그래왔던 것으로 알고 있고 특별한 이유가 있는 것은 아닙니다. 아마 금지의 의도라기 보다는, 동아리 회원 유치를 위해 '보고 싶으면 가입하세요' 정도의 느낌으로 막아왔던 것 같습니다.

말씀해주신 것처럼 어떤 세미나나 스터디를 진행했는지 정도는 보여주는게 동아리 홍보 차원에서도 좋을 것 같습니다. 다만 현재 홈페이지에는 특별히 세미나 목록을 보여줄만한 구성이 없는 관계로, 이 부분은 홈페이지에 별도의 기능을 만들어서 진행해야할 것 같습니다. 개최된 세미나 목록과 간단한 정보는 리스트 형태로 보여주고, 구체적인 내용이나 게시물은 로그인해야 볼 수 있도록 구성하는게 어떨까 싶네요.

[hellodhlyn]

@devjwsong @kingsj0405
위 내용들 참고하시고 운영진에서도 좋은 아이디어 있으면 공유해주세요
예전에 스치듯이 지나간 얘기로 외부인도 소정의 참가료를 받고 수강신청해서 세미나 듣게 할 수 있자라는 아이디어가 있었던 것 같은데 그거랑 연계해도 좋을 것 같구요.

[blakkk-jason]

안녕하세요.
홈페이지 UI와 관련하여, 하기 방안은 어떤지 문의드립니다.

개선 방안)

• 프로젝트 갤러리와 구인/홍보 문의를 없애고 프로젝트 시연 영상을 넣는다
  (구인/홍보는 footer에 이미 있는데 굳이 버튼을 통해 편의성을 제공해야되나?라는 생각이 있습니다)

참고 사이트: https://mlcs.yonsei.ac.kr/

[2kindsofcs]

버튼 추가 건이 다소 미묘한 부분이기는 합니다. 예시로 들었던 타입스크립트같은 경우 설명이 다소 긴 것도 있고, 결과적으로 스크롤바를 내려서 보다 보면 가장 상단에 노출되는 버튼은 잘 보이지 않기 때문에 동일한 링크로 넘겨주는 사실상 중복되는 버튼이라 하더라도 버튼이 하나 더 있는 게 자연스러운데, 현재 풀씨 홈페이지 같은 경우 굳이 스크롤을 내릴 필요도 없이 상단 버튼과 설명들이 한 화면에 다 들어오니까요. -_-;

프로젝트 시연 영상 관련하여 의견을 드리자면 아트 리소스의 퀄리티가 충분히 좋을 경우에는 OK라고 생각합니다. 대학교 동아리 활동으로 게임을 만들 때 (특히 프로그래밍 동아리에서 만들 때) 아트보다도 내부 로직, 구조를 짜고 구현하면서 얻는 교훈 등 다른 것들이 더 중요하다고 생각하지만, 단순히 사이트를 방문하는 입장에서는 거기까지 생각이 미치긴 힘들고 아트 리소스의 퀄리티가 떨어질 경우 도리어 실망감이 들 수 있을 것 같습니다.