미투데이 글쓰기 기능 토론
2008/03/29 16:573월 28일 금요일 저녁에 미투데이 글쓰기 기능을 다음과 같이 살짝 개편했다.
여기에 사실 논란의 여지가 있는 요소가 하나 있다. 바로 textarea 요소인데, 미친들 중에 여기에 문제제기하는 친구들이 많았고, 사실 한번 같이 얘기해볼만한거 같아서 블로그 글로 작성해본다.
일단, 어떻게 구현해야하는지보다 이 프로그램을 쓰는 사람이 어떤 느낌을 받아야하는지 생각해봤다.
- 번뜩하고 생각나는 내용을 150자 이내로 주루룩 입력할 수 있어야 한다.
- 링크를 포함하는 경우를 포함해서 한눈에 내용을 확인할 수 있어야 한다. (그런 면에서 이전 한줄 입력창은 올리기 전에 내용을 다시 수정하려면 양옆으로 스크롤을 많이 해야해서 너무 불편했다.)
- 키보드만으로 글을 올릴 수 있어야 한다. 본문, 태그 입력은 탭으로 전환하고 어디서든 엔터만 누르면 글이 올라가야 한다.
문제는 여기서 시작된다. 여러 줄로 본문을 보여주는 요소로는 textarea를 써야 하는데, 이 녀석을 쓰게 되면 글을 입력하다가 엔터를 입력했을 때, 글이 올라가는 게 아니라 줄바꿈이 되기 때문이다. 그럼 이 문제를 어떻게 해결해야 할까?
- 엔터만 쳐서 글 올리기가 중요하므로, textarea를 쓰지 않고 한줄짜리 텍스트 입력창으로 돌아간다. (여전히 조금 긴 글을 작성했을때 내용을 한눈에 확인할 수 없고 수정하는 데 번거로움을 느껴야 한다.)
- textarea는 쓰되 엔터입력 줄바꿈을 허용하고, 글 올리는 과정에서 개행문자는 떼어낸다.
- 줄바꿈을 허용하고, 아예 이 참에 한 줄 블로그가 아니라 세줄 블로그까지 쓸 수 있도록 한다.
- 위의 두 경우 모두 본문을 입력하다가 엔터만 치면 글이 올라가는 간편함을 포기하고, 탭을 눌러 태그 입력창으로 이동한 뒤에 엔터를 입력하거나, 마우스로 손을 옮겨 올리기 버튼을 클릭해야만 한다.
그럼 미친들이 투표해서 위에 있는 방법 중에 하나를 선택한다든가, 아니면 새로운 다른 대안을 찾는것. 댓글을 남겨주시거나 sumanpark at me2day.net으로 메일 주시기 바란다. ^^
개인적으로는 input type="text" 요소에 몇 행으로 표시할지를 지정할 수 있는 방법이 있다면 가장 좋을것 같다. 즉, 현재의 HTML 스펙이 이런 요구사항을 만족시키지 못하고 있는 상황인 것 같다. 혹시 이걸 구현할 수 있는 방법이 있다면 알려주시길.
핸드폰 문자로 전송할 때도 줄바꿈은 되므로 그냥 줄바꿈을 지원해 주는 것이 어떨까 생각합니다.
어차피 핸드폰 문자로 작성한 내용을 보여줄 때 똑같이 보여주는 것이 좋을 것 같고, 때로는 줄바꿈도 중요한 정보로서의 역할을 할 수 있기 때문입니다.
그런고로 전 3번을 추천합니다. ^^
제 생각에는 미투데이 환경설정에서 정하면 안될까 하는 생각이 듭니다. 환경설정에서 엔터키를 눌렀을때 바로 입력이 될것이냐 아니면 개행을 할 것이냐를 결정하는것도 괜찮은 방법이라고 생각해요 (가능할지는 모르겟지만 말입니다;;)
미투 8급(!)의 입장에서 한 말씀 드리면, 직관성과 효율성의 문제인 것 같은데, 초보자 Enter Key에서 기대하는 건 개행이라고 생각합니다. 현재와 같은 'Enter=등록'은 효율성은 높일 수 있으나 '낙장불입'인 미투에서는 좋지 않은 기능인 것 같습니다. 물론 초보자 입장에서입니다. ^^
미스랜더님 말씀처럼, 한 줄로 시작해 줄이 넘어가면 늘려주는 게 좋다고 봅니다.
작은인장/ 휴대폰에서는 그렇게 동작하고 있죠! 휴대폰 관련해서는 두가지 얘기를 할 수 있는데요.
1) 줄바꿈으로 입력을 하더라도, 미투에서는 개행문자를 다 떼어내고 한줄로 바꿔서 출력합니다. 자신이 만든 모양과 다른 출력결과에 대한 불일치 문제가 발생하죠. 그렇다고 50행짜리 글을 받아들일 수 있는 미투데이도 아니고 말이죠. 줄바꿈문자를 그대로 출력하는 건 미투데이에서는 불가능할 거 같아요. ^^
2) 휴대폰 입력의 경우, 본문/태그/댓글 모두 글입력을 완료하느라 확인을 누르고, 다시 올리기를 하기 위해서 확인을 누르는 과정이 여간 번거로운게 아닙니다. 어차피 키보드 입력이 아니다보니 그렇게 받아들이고 쓰는거죠뭐. ^^^
하늘바라기/ 가능하죠! 근데 이것마저 개인별 옵션으로 해야 할까요? 링크 클릭시 새창으로 띄울지 현재창에 띄울지 옵션도 쓰시는 분들이 별로 없는데...
nalm/ 초보자의 기준을 뭘로 보느냐가 다를 거 같은데요. 메신저를 쓰듯이 생각나는 글을 주루룩 입력하고 엔터 탁 치면 올라가면 좋겠다는 건. 초보자냐 고급이냐의 문제와 관계없을 거 같아요.
kz/ 한줄로 시작해서 줄이 넘어가면 늘려주는 게 문제가 아니라, 그 한줄을 textarea로 할거냐, input으로 할거냐가 문제겠죠? ^^ 한줄로 표현한 textarea에서 엔터를 쳤다고해서 바로 올라가는 건 문제제기한 내용을 해결하지 못하니까요.
textarea는 쓰되 엔터입력 줄바꿈을 허용하고, 글 올리는 과정에서 개행문자는 떼어낸다.
한 줄짜리 텍스트 입력창도 지원하다.(저같이 엔터로 올리기를 열망하는 사람을 위해)
즉 환경설정에서 자신이 원하는 입력방법을 선택하게 한다.
좀 더 부연을 하자면, 제가 이해한 바로는, 한 줄짜리 TEXTAREA로 시작해 차츰 줄이 넓어지면, 처음엔 INPUT으로 보이기 때문에 기존의 익숙한 레이아웃을 유지함은 물론이고 INPUT에 대한 사용자의 상식도 위배하지 않을 수 있습니다.
저도 좀 부연을 하면... ^^
이 블로그에서처럼 사용자가 textarea에서 기대하는 Enter Action은 개행이라고 생각합니다. 처음 미투를 본 사용자-기존 미투 사용자들은 학습을 통해 Enter가 등록이라는 것을 알겠지요.- 역시 마찬가지 아닐까 싶습니다.
"어디서든 엔터만 누르면 글이 올라가야 한다"가 중요하다면 3번인 "줄바꿈을 허용하고, 아예 이 참에 한 줄 블로그가 아니라 세줄 블로그까지 쓸 수 있도록 한다."가 어떨까 싶습니다.
개행은 예를 드신 메신저와 같이 Alt+Enter나 Ctrl+Enter를 통해 사용자에게 할 수 있도록 하면 되지 않을까 싶네요.
(갑자기 제가 만박님의 문제를 잘 이해했는지 걱정이 되는군요. ^^;;)
저는 2번 "textarea는 쓰되 엔터입력 줄바꿈을 허용하고, 글 올리는 과정에서 개행문자는 떼어낸다."가 괜찮아 보입니다.
대신 accesskey 등의 속성을 이용하여 Alt-S로 전송을 하거나, 아니면 Ctrl-Enter 등을 단축키로 하면 좋을 것 같습니다.
1. 1줄 입력창으로 돌아가기 : 반대 :
링크 URL 들어가서 길어지는 경우 사실 꽤 불편했습니다ㅠㅠ
2. 입력 줄바꿈 허용 + 출력 줄바꿈 제외 : 반대 :
행 끝 스페이스 문제로 띄어쓰기 망칠 확률이 높아 보입니다.
물론 자동으로 입력 행 끝엔 무조건 스페이스 하나로 해주시면 해결되겠지만,
입력=출력이 가장 이상적이라 생각합니다.
3. 3줄 블로그로 변신 : 반대 :
미투의 맛이 사라질 것 같습니다. 도리도리;;
4. 엔터 키 불가 : 반대/중립 :
탭 키 이동 정도야 사실 문제도 아니지만 엔터 입력이 가능하면 좋겠다 싶습니다.
대안 : 환경설정 옵션으로 해결 : 만세;;
1줄 폼 / 3줄 폼 선택 --- 3줄 폼 default
엔터 입력 허용 / 엔터 입력 차단 -- 차단 default
(낙장불입 환경에서 초심자 마음의 상처를 방지하는 의미로;;)
※ 한시적으로 로그인 후 첫 화면에 엔터 입력에 관한 안내문과
환경 설정 이동 링크를 제공하면 좋겠습니다.
추가 의견 :
※ IE7서 버튼 마우스오버시 커서모양이 default/text입니다^^; 누르는 맛이.. 흑.
※ <체크박스 '모바일 댓글받기'>에 label이 붙으면 좋겠습니다^^
※ 임시보관 네모에 마우스오버할 시 본문 일부 툴팁이 보이면 좋겠습니다.
※ 임시보관시 본문에 내용이 없으면 임시보관이 안 되도록 되었으면 좋겠습니다.
++REN++님 의견주신 것처럼 http://me2day.net/blueren/2008/03/29#12:52:48
버튼들이 태그 입력폼 우측 옆으로 올라오면 슬림하고 예쁠 것 같습니다.
( ※ 입력폼 단수 관련하여서는 개인적으로 <삼줄파>입니다^^; )
1번 + 프리뷰 기능 개선
msn이나 nate-on 등의 메신저 대화창에서처럼
shift+enter하면 줄이 바뀌고
enter누르면 글이 올라가는 방식은 어떨까요?
환경 설정에서 엔터를 치면 개행을 할 것이냐 바로 포스팅을 할 것이냐 선택하는게 있었으면 합니다~
미투데이 입력 창이 커졌길래, 오호~ 줄바꿈 지원하는건가? 하고 엔터 쳤다가 낙장불입에 ㄷㄷㄷ..
shift+enter (줄바꿈) / enter (입력)에 한표 날립니다~ ^^
야후위젯이나 대쉬보드로 미투데이에 접속하지 않아도
빠르고 편하게 입력할 수 있도록 위젯이 있으면 좋겠어요.
오호 전 한줄이 좋아요! 라고 하려고 들어왔는데 댓글들 보고 생각이 바뀌는 군요.
먼저 갑자기 세줄이 되어있는 입력창을 보고, 주로 짤막한 글을 올리는 저로서는 좀 섭섭하달까, 미투만의 매력이 반감되었달까 하는 느낌이었어요. 한줄만 올려도 된다는 편안함이 미투의 매력이잖아요?^^ 그래서 저는,
1. 환경설정에서 1줄 - 3줄 변경 가능. 대신 전 디폴트가 1줄이었으면 해요.
왜냐하면, 1줄에서 스크롤이 불편할 만큼 링크를 자유자재로 다시는 분들은 나름
미투 파워 유저분들 일것이고, 그분들이 옵션을 찾아서 바꾸시는게 더 쉬울듯
해서 입니다.
2. 원래 한줄로 되어있는 창이지만 글이 길어질 경우 자동적으로 창이 늘어나서
두줄 세줄이 되게 하는게 가능한가요? 그게 가능하다면 함께 적용하는 것도
좋을 것 같아요.
3. 줄바꿈 지원은 Shift + Enter로에 저역시, 한표.
기존 메신저에서도 널리 쓰이는 기능이고 메신저 역시 엔터치면 낙장불입인
면에서 비슷하게 적용가능하다고 생각합니다. 디폴트를 1줄로 해놓은 사람은
Shift + Entet를 치면 한줄이 늘어나는 거죠.
쉬프트엔터 이거 좋군요!! 저도 한표!!
저도 쉬프트 엔터 말 하려고 했는데…벌써 어떤 분이 해주셨네요 흐흐;
메신저 창 쓰듯이 쉬프트엔터 누르면 줄 바뀌는 거 좋은듯 해요.
미투에 쓴 것 처럼 줄 늘어나는 방식에 한표 던집니다.
엔터 한 번 치면 포커스가 버튼으로.. 한 번 더 치면 submit 어때요?
shift enter -> 복잡합니다 --; 설명서가 필요해질거에요.
- 엔터만 누르면 글이 최종 등록되는 방식은 좋지않다고 생각합니다(낙장불입). 마우스로 올리기 버튼까지 옮겨서 최종 등록을 완료하는 것은 사용자 입장에서 크게 불편한 사항이 아니거든요.
마찬가지로 탭으로 '올리기' 버튼에 포커스를 맞춘 후 엔터를 누르면, 탭으로 사용하고자 하는 사람의 습성을 충족시킬 수 있습니다.
- textarea 는 계속 사용.
- 줄바꿈은 허용할 필요가 없다고 생각합니다. 만약 줄바꿈을 허용한다면 몇 번까지의 줄바꿈을 허용할 것인가가 문제인데, 마이크로 블로그의 정체성과 어울리지 않는다고 생각됩니다.
그냥 한 줄만 표현해주는 게 나을 것 같습니다. 링크를 넣었을 때 길어지는 문제가 있는 건 여전하지만, 그래도 인터페이스에 있어서는 착각할 가능성은 적으니까요.
무엇보다 미리보기가 있기 때문에, 틀렸는지 안 틀렸는지를 일일이 글을 보면서 확인해야 할 필요가 없기 때문에 입력창이 세 줄이나 되지 않아도 될 것 같습니다.
그리고 일단 150자 밖에 안 되기 때문에, 개행을 하지 않아도 내용상 별 지장이 없을 거 같아요. 세 줄 블로그로 늘어나게 되는 건 미투데이의 간편함이라는 면에 반하는 거라고 생각을 해서 문제가 있는 것 같구요.
아무튼 기존의 입력창으로 유지해도 별 문제가 없을 것 같습니다.
줄바꿈은 허용할 필요 없다고 생각하구요..
엔터키 사용시 입력은 실수만 유발할뿐.. 입력버튼으로만 가능한게 좋아요
melomano님 의견하고 같네요
엔터치면 저장할꺼냐고 확인하는 기능이 있었으면 좋겠어요~
그리고 임시저장기능은 뭔가 미투의 매력에서 조금 벗어난 느낌이기도 하구요-
저도 처음에 한줄로 시작했다가 길어지면 textarea로 바뀌는게 좋을 것 같아요. (경계가 조금 모호하겠지만요;; ㅎ)
엔터의 문제는 한번 학습하면 그 후에 문제는 없으니,
가입 초기시에 '엔터를 누르면 글이 등록됩니다.' 식의 안내 말풍선을 잠시 내주는 것도 좋겠구요.
환경설정은 많이 안내는게 좋지만 만약 낸다면 '엔터시 입력 유무' 설정 정도만 내주는건 괜찮을 지도요. 물론 디폴트는 엔터시 입력..
위 아래가 넓어서-_-;
엔터를 치면 한줄 내려갈거 같은 느낌.
미투데이가 한줄블로그 혹은 마이크로블로그 개념인데 개행문자를 사용하게 된다면 개성이 없어질거 같습니다.
제 생각에는 위에 몇몇 분들이 얘기한거 처럼 처음에 한줄로 시작했다가 길어지면 입력폼이 넓어지면 좋겠네요.
그리고 엔터 치면 글 등록되는 것도 계속 유지했으면 합니다.
몇 분 이내에는 글을 삭제할 수 있는 기능을 제공하면 되지 않을까요? 이번 건과 같이 사용자의 기존의 경험을 변경하는 UI는 경우에 따라 필요할 수 있는데 현재 가장 큰 문제는 잘못된 입력을 되돌릴 수 없다는 것입니다.
개인적으로는 한 줄도 별로 안 불편해요. ㅋㅋ
구현이 쉬운지 어려운지 잘 모르겠지만 현재의 엔터 입력 방식을 유지하고 대신 textarea를 한 줄로 보이게 했다가 글이 늘어나면 입력란 크기를 동적으로 조절해주는 것이 가장 좋을 것 같습니다. ('자동'이 힘들면 화살표 버튼 같은 걸 둬서 늘려볼 수 있게 하든가요.)
일단 입력 영역이 기본값으로 넓으면 직관적으로 줄바꿈이 될 것이라고 이해하기 쉬우니 말이죠. (textarea라서 개행을 반드시 허용해야 한다라고 생각지는 않습니다. 사용자에게 느껴지는 바가 중요한 거죠.)
길게 적었는데 이 블로그도 자바스크립트 없이는 접근성이 보장되지 않나 봐요. -_- 다 날라갔네요. 미투데이도 현재 접근성이 보장되지 않아요.
저는 textarea는 textarea답게 써야 한다고 봅니다.
첫 번째로 접근성입니다. 지금 미투데이는 자바스크립트 없이 textarea가 기획한 형태로 작동하지 않으며 심지어 글도 적을 수 없습니다. textarea를 기획한 형태로 움직이게 할려면 javascript에 종속적일 수 밖에 없습니다. 다른 기교를 사용하여 textarea를 input 처럼 사용할 방법이 없을 것입니다.
둘 번째로 사용경험입니다. 사용자는 기본 설정된 행동과 다른 경우 케이스 바이 케이스로 머리 속에 모드를 만들어야 합니다. 다양한 어플리케이션을 바꾸어 가면서 사용할 때 사용자는 더 혼란스러울 것입니다. 모든 사용자가 stand-alone 프로그램을 사용하 듯 어플리케이션을 사용하길 강제하지 않는다면 이 문제는 더 다양한 웹 어플리케이션이 나올 수록 대두될 것입니다.
세 번째로 편의입니다. 진정한 편의는 여러 어플리케이션을 사용자가 원하는 대로 사용할 수 있는 것입니다. 웹의 편의란 것은 전체 웹 어플리케이션의 요소들을 사용자가 원하는 형태로 사용하는 것입니다. 글자를 크게 보고 싶은 사람은 모든 어플리케이션을 크게 보고 textarea로 입력하고 싶은 사람은 모든 어플리케이션에서 엔터를 입력하는 것입니다.
지금은 일부 마니아들이 탭 브라우징을 사용하고 있지만 앞으로는 보다 많은 사람들이 한번에 여러 어플리케이션을 웹 브라우져에서 사용할 것입니다. 탭을 돌려가면서 프로그램을 사용할 때마다 머리 속의 모드를 바꾸어야 할 수 있습니다. 지금도 그런 경우가 있습니다. 태터툴즈와 워드프레스의 링크는 서로 다른 행동으로 정의되어 있고 여러 블로그를 탭에 열거해 둔 경우 사용자는 혼란스럽게 됩니다.
textarea는 textarea답게 쓰는게 장기적으로 가장 올바른 선택이 될 거라고 생각합니다. textarea에 다른 동작을 대입시키는 것은 ad-hoc 해결 방법이 될 가능성이 클 겁니다.
----
차선으로는 fallback을 제공하거나 input 마크업태그로 구성을 해두고 javascript를 사용할 경우 전체 인터페이스를 교체하는 방법이 있을 것입니다. 이 방법들이 모든 문제를 해결할 수는 없겠지만 적어도 접근성 부분은 해결할 수 있겠지요.
가장 이상적인 것은 input 태그가 text가 wrap되어야 할 때 multi-line 출력을 지원해주는 거겠죠. 그럼 접근성도 안 해치고... 원칙적으로 생각하면 씨에님이 하신 말씀이 맞으나 실제로 사람들의 미묘한 욕구를 맞추려면 표준(혹은 표준의 구현)이 못 따라오는 경우가 있지요.;
어쨌든 결론이 textarea로 나건 input으로 나건 js 사용을 어찌하든 간에 전 지금처럼 넓은 편집화면을 보고 싶을 뿐입니다. 기왕에 접근성도 보장되면 좋겠죠.
미투에 이런저런 기능이 추가되는것들은 역시 좋지만...
그래도 미투데이는 역시 단순함이 묘미라는건 저의 생각뿐일까요??
너무 기능들이 많아졌어요... 점점 뚱뚱해지는 미투데이 기능.
기존 1줄 형태인 경우 엔터가 자연스럽게 포스팅과 연결되는 사용성이 좋다고 할 수 있지만 3줄형태인 경우는 문제가 될수 있습니다. Enter는 줄바꿈으로 쓰고 Shift+Enter 와 같은 기능성 키 할당이 어떨까 생각 합니다.^^
와우
shift+enter표가 늘어나네요 ㅋ
미투데이 로그인 하는데 계속 인증에 실패했다고만 뜨네요..
로그인 방식이 예전이랑 바뀌었나봐요 ㅠ_ㅠ
물어물어(?) 여기까지 왔습니다.
본문과는 좀 관련이 없는 것 같습니다만
임시 보관당한(?) 글이 잘못된 덕분인지 임시 보관한 글을 띄워주는... 부분인 것으로 추정되는 부분에서 자바스크립트 에러가 발생해 글 작성이 전혀 되고 있지 않습니다. -_-;
임시 보관당한 글을 정리할 수 있는 법 좀 가르쳐주시면 감사하겠습니다. 아니면 버그를 고쳐주세요. - _-
미투데이 시작한지 몇일 안됐지만 enter키 낙장불입에 당황했었습니다.^^;;
메신져 사용시 shift+enter키가 효율적으로 사용되던데..미투데이에서도 그렇게 지원했으면 좋겠네요^^
늦게 댓글을 다네요- 우선- 제가 정말 기대하는 모습으로 변한것 같아 반갑구요- 반면에 아쉬움도 좀 있습니다- 저의 생각도 역시 "그냥 Enter는 편집중에 줄바꿈"이었으면 좋겠구요. "Shift+Enter 는 글 포스팅" 으로 가는 것이 제일 나을 것 같다는 생각이 듭니다. 이렇게 했을때 (저같이) 미스타이핑으로 잘못된 글이 포스팅 되는 경우도 상당히 줄어들 것으로 예상되구요. 물론 최종 등록시에는 편집중에 "줄바꿈"되었던 것들은 다 무시되고 한줄로 블로깅 되어야 겠죠? 편집중 줄바꿈은 단순히 사람들의 버릇을 허용하고 편집을 용이하게 하기 위한 기능정도?
나는 합의한다 너에 이다. 그것은 이렇게 이다.
우수한 디자인!!
관심을 끌. 너가 좋을 동일할 지점을.
여보세요, 좋은 아주 위치!
우수한과 아주 도움이 되는!
우수한 위치! 많은 감사.
친구는 위치의 너의 현재 팬이 되었다!
아주 좋은 나는 위치 그것을 감사 좋아한다!
아주 유용한 정보!
좋은 위치는 찾아본 그것 즐겼다!