UI에관한 자료가있을까요?

dummy999의 이미지

사용자 인터페이스 즉 (UI)에대하여 관심을 가지고있습니다.

이것에대해 체계적으로 정리해둔 사이트가있을까요?

예컨데
환경설정 메뉴는 어디에서 반드시 필요하고
그형태는 어떤식으로 구성하는게 효율적이고
메뉴바를 통해접근하는게 효율적이고
단축키는 무엇을쓰는게 효과적이다. 라는등의 기술이되어있는 자료들이요..

MS가 윈도우 디자인할때 남겨둔 보고서같은것이 있었음좋겠는데
있는지모르겠습니다.

제가 영어가 좀약합니다.
그런데 영어의 필요성을 절실하게 느낍니다. 외압이 90%지만..

그래서 영어 사이트좀 검색해서라도 알려주세요..
제가 찾을려고하면 뭘어떻게 찾아야할지 잘몰라서요

예전에 제가 KldP.net에 그것을 올려둘려했었는데
접근방법도 어려워서 포기했습니다.
이번에 좀 찾아지면 마인드맵같은걸이용해서 정리좀할려합니다.

다크슈테펜의 이미지

보통 운영체제나 아니면 사용자 환경에 따른 가이드라인이 모든 경우는 아니지만 대부분 있는 걸로 알고 있습니다.윈도우즈는 모르겠고 그놈이나 아니면 KDE 그리고 맥오에스는 확실히 있습니다.구글링하시면 도움이 될것 같습니다.
Human Interface Guideline

인생이란게 다 그런게 아니겠어요....? 뭘(?)
http://schutepen.egloos.com

sh.의 이미지

http://korean.joelonsoftware.com/
이곳에 보시면 프로그래머를 위한 사용자 인터페이스 설계론 이라는 글이 있습니다. 도움이 되시길..

bus710의 이미지

bs0048 wrote:
http://korean.joelonsoftware.com/
이곳에 보시면 프로그래머를 위한 사용자 인터페이스 설계론 이라는 글이 있습니다. 도움이 되시길..

음.... 링크명을 보고... 절이 소프트웨어 위에...?

라고 생각했습니다 :oops:

life is only one time

sh.의 이미지

ㅎㅎ 얼마 전에 한국어로도 출간된 책 '조엘 온 소프트웨어'의 저자인 조엘 스폴스키가 운영하는 블로그죠 :) 꽤 괜찮은 글들이 많이 있어요.

정태영의 이미지

google 에서 "apple HIG" 로 검색한 결과입니다
http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/index.html?http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/XHIGHIDesign/chapter_4_section_2.html

이건 "gnome HIG" 로 찾은 결과구요
http://developer.gnome.org/projects/gup/hig/

요번엔 "KDE HIG"
http://www.kde.org/areas/guidelines/html/

찾으면 자료는 많습니다... 다만 싫어하시는 영어일 뿐이죠 ;)

오랫동안 꿈을 그리는 사람은 그 꿈을 닮아간다...

http://mytears.org ~(~_~)~
나 한줄기 바람처럼..

비행소년의 이미지

http://www.hci.or.kr/

한국 hci 연구회 입니다.

높이 날다 떨어지면.
아푸다 ㅡ,.ㅡ

dummy999의 이미지

apple HIG / gnome HIG /KDE HIG / HIC

이사람들이 표준에대해 연구할생각은 하지않고 저마다 독자적인 표준을 만들고있는거같네요..

질문이있습니다.

객체지향적으로 말하자면 이들객체의 상위객체 즉 이들이 상속하고있는..상위개체가 있을까요?

뭔가 상위 클래스 표준이 있지않을까싶은데..

만약 그들이 그런 연결고리조차 없이 개발한다면.. 이는 상당히 위험하고 소모적이고 실망적인 삽질이 될꺼같다는

생각이듭니다.

상위개념에서 이들이 통용적으로 절대표준이란것을 정하고 상위를 연구하는 사람과 하위를 연구하는사람들이

구분되거나 또는 그개념을 구분시킨다면 그들이 상호간에 자료를 공유함에있어서 가장 효율적인 연구가 될수있을꺼같습니다.

제가 UIPATTERN이라는 프로젝트를 올리려다 중지를 했는데.. 솔직히 이게 그것들중에 하나였었습니다.

저도 이것들을 좀정리해볼필요는 있다고 생각이듭니다만..

이게 한글로 번역된건 없을까요? 그많은 자료들을 영어로 무리하게 읽어대는건 한글보다 그속도가 몇배는 늦는지라..

정리를 할라면 약간은 스피디한.. 리딩이 필요하지않을까요?

------------------------------------
F/OSS bless you... ^^*

sh.의 이미지

http://www.aladdin.co.kr/shop/wproduct.aspx?ISBN=897059180X
위의 책은 한글로 되어있습니다..

버려진의 이미지

Microsoft에서 나온 책 있습니다.

이름이 기억 안나네요 ㅠ

시디 어딘가에 백업해놨었는데 :twisted:

fender의 이미지

dummy999 wrote:
apple HIG / gnome HIG /KDE HIG / HIC

이사람들이 표준에대해 연구할생각은 하지않고 저마다 독자적인 표준을 만들고있는거같네요..

질문이있습니다.

객체지향적으로 말하자면 이들객체의 상위객체 즉 이들이 상속하고있는..상위개체가 있을까요?

뭔가 상위 클래스 표준이 있지않을까싶은데..

만약 그들이 그런 연결고리조차 없이 개발한다면.. 이는 상당히 위험하고 소모적이고 실망적인 삽질이 될꺼같다는

생각이듭니다.


음... 키보드를 두드릴 때 손목의 각도나 각 손가락 별로 누르는 힘의 세기에 대해 국제 표준을 정하면 지금보다 훨씬 더 편하게 타이핑을 할 수 있을까요? 아니면 그런 표준이 없이 아무나 컴퓨터를 배우면서 아무렇게나 키보드를 두드리는게 '상당히 위험하고 소모적이고 실망적인 삽질'이 된다고 보시나요?

참고로, 특히 OSX의 경우가 그렇지만 말씀하신 세 가지 데스크탑 환경의 GUI는 각 제품의 중요한 특성이자 차별화된 장점입니다. 물론 장애인을 위한 접근성 같이 공통으로 연구할 수 있는 부분도 있겠지만 예를들어 '왜 윈도우즈는 C: D: E: 드라이브'로 디스크를 나누는데 리눅스나 OSX은 그런게 없냐? 표준화해서 통일하자'하는 건 별 도움이 안될 것입니다. 주변을 봐도 지나다니는 차 모양, 색깔 다 다르고 운전하는 사람들 옷차림도 다 다릅니다. 반면 어디를 가도 도로 표지나 교통신호는 대충 표준을 준수합니다.

따라서 생각하고 계신 대상이 과연 전국의 자동차 색깔과 모양, 운전자들의 옷차림을 통일 하자는 것인지 통일된 도로교통법을 만들자는 것인지 먼저 확실히 해 두시는게 무익한 고민을 피할 수 있는 방법이라고 생각합니다.

----------------------------
[서명] 그놈 한국 사용자 모임 - 그놈에 대한 모든 것! - 게시판, IRC, 위키, 갤러리 등등...

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.