좋은 사용자 인터페이스에 대한 영감을 어디서 찾을 수 있습니까? [닫은]

18

현재 업그레이드하고있는 데스크톱 응용 프로그램의 기본 화면 인터페이스를 원하는 한 정신 블록이 있습니다. 이 프로그램을 처음 개발했을 때 화면 해상도는 640 X 480이었습니다. 오늘날에는 여러 화면 해상도가 있습니다.

데스크탑 응용 프로그램에 적합한 기본 화면 레이아웃에 대한 아이디어는 어디에서 찾을 수 있습니까?

gui  user-interface  delphi  user-experience  desktop-application 
— 마이클 라일리-AKA Gunny
소스
1
어떤 종류의 앱입니까? 포토샵 / 이미지 / 이미지, 이클립스 / VS / 코디, Maya / 3DStudio / Cad : y?
— Macke
개인 금융 응용 프로그램, 데이터는 독점 데이터베이스에 보관됩니다.
— Michael Riley-AKA Gunny
7
사용자 경험 스택 교환 -답변은 아니지만 UI를 재 설계하는 과정에서 흥미로울 것이라고 생각했습니다.
— yannis
2
나를 생각하게하지 마십시오 amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758
— B Seven
1
@Yannis-고맙습니다 ... 어제 거기서 잃어 버렸습니다.
— 마이클 라일리-일명 Gunny

답변:

6

데스크톱 응용 프로그램 GUI 디자인에 중점을 두지 않은 몇 가지 다른 책을 확인하는 것이 좋습니다. 어쨌든이 텍스트는 사용자가 필요한 정보를 뇌가 이해할 수있는 형태로 얻는 방법에 대해 생각하는 데 도움이됩니다. 어쨌든 첫 번째 책은 Robin Williams 의 비 디자이너의 디자인 북 입니다. 이 책은 그래픽이 아닌 디자인 지향 용어로 구성에 대해 설명합니다. 이 책은 인간의 마음이 디자인 요소를 어떻게 인식하는지 생각하게 해줄 것입니다.

둘째, Steve Krug의 Do n't Make Me Think 를 확인하십시오 . 웹 페이지의 탐색 및 데이터 표현을 다루지 만 많은 권장 사항 (예 : 빵 부스러기 탐색)은 종종 웹 페이지에서와 마찬가지로 데스크톱 앱에서도 의미가 있습니다.

다른 포스터에서 알 수 있듯이 매체 별 격리에는 우수한 디자인 패턴이 없습니다. 매체에 따라 특정 제한 사항이 다르기 때문에 아날로그와 디지털 (예 : 실제 신문의 여러 열 텍스트와 신문의 응용 프로그램)간에 잘 번역되지 않는 것이 있지만, 좋은 디자인의 많은 원칙이 무엇이든 관계없이 사실입니다. 당신이 말하는 매체.

— 트래 브
소스
— Michael Riley-AKA
5

내가 종종들은 팁은 영감을 얻기 위해 좋아하는 디자인을 보는 것입니다. 이것은 데스크톱 응용 프로그램을 말하는 것이 아니라 예술, 건축, 웹, 사진, 제품 등으로 확장되어야합니다.

이것은 좋은 디자인이 무엇인지에 대한 이해를 돕고 눈을 즐겁게하고 사용자에게 친숙한 장기 디자인 응용 프로그램에서 도움이 될 것입니다.

디자인을 프로토 타이핑하면 사용자 나 다른 개발자가 피드백을 수집하는 동안 스핀을 얻기 위해 도움을받을 수 있습니다. 말하는 것뿐만 아니라 그들이하는 일. (예 : 사람들은 월마트의 혼란스러운 섬을 좋아하지 않는다고 말하지만 혼잡을 제거했을 때 문자 그대로 $ 1B 이상을 잃었습니다)

— 빌 리퍼
소스
3
프로토 타이핑 +1 "1 최고의 아이디어!"에 초점을 맞추기보다는 전체를 생성하십시오. 그런 다음 많은 사람들에게 프로토 타입 아이디어를 보여주십시오. 많은 피드백을 받고 디자인을 구체화 할 수 있습니다.
— Stephen Gross
[Walmart]는 혼란을 제거하면서 문자 그대로 $ 1B 이상을 잃었습니다. 소환?
— funkybro
3
— ghoppe
3
— Robert Harvey
1

클릭과 키 입력을 최소화하는 규칙을 항상 따릅니다. 나는 많은 색상과 통통한 버튼으로 섹시한 UI를 만드는 데 능숙하지 않지만 사용자는 내 UI가 사용하기 쉽다고 말합니다. 여기 하나 있습니다.

내가 발견 한 것 중 하나는 사용자가 즉각적인 반응을 좋아한다는 것 입니다. 할리우드와 같습니다. 사람들은 픽셀 (바람직하게는 컬러 픽셀)을 좋아합니다. 그들은 정말 움직이는 픽셀을 좋아합니다 .

그런 UI를 만들고 코딩 노력을 단순화하기 위해 몇 년 전 저는 오늘날에도 여전히 차동 실행 방식을 사용했습니다 . (나는 그것을 운이 좋았다고 말할 수는 없지만 거기에있다. 그것은 FWIW로 출판되었다.)

그것은 단지 나의 2 센트입니다.

— 마이크 던 라비
소스
위키 페이지가 삭제되었습니다. 다른 곳에 있습니까?
— Michael Riley-AKA Gunny
@Cape은 : 네, 거기에 무릎 차단되었다 -에 대해 뭔가 신조어를 . 도대체 무엇이. SO 태그 "differential execution"에 대해 설명하고 sourceforge에 구현했습니다. 또한 유약이 필요한 경우 최근에 보내드릴 수있는 간행물이 있습니다. 아마도 몇 년 전에 내가 당신에게 지퍼로 넣을 수있는 경매 앱 일 수도 있습니다. VC6 (MFC)에 있지만 크지 않고 잘 작동합니다.
— Mike Dunlavey
@ 케이프 : 사실 내 위키 백과 사용자 페이지 에는 여전히 있지만, 내가 볼 때별로 좋지 않습니다.
— Mike Dunlavey
클릭 및 키 입력 최소화에 대해 고려해야 할 사항은 생각할 때의 각 클릭 비용입니다. 사람들은 일반적으로 몇 가지 클릭을 고려하는 것보다 거의 신경 쓰지 않는 것을 선호합니다. 분명히 몇 개의 마인드 클릭보다 마인드리스 클릭이 적을수록 좋습니다. 이 원칙은 Do n't make think in에서 조금 논의되었습니다 .
— whatsisname
@whatsisname : 통찰력을 가져 주셔서 감사합니다. 나는 사람들이 가장 원하는 "최소 저항 경로"를 만들려고 노력합니다. 그러나 항상 그렇게 할 수는 없습니다.
— Mike Dunlavey
1

첫 번째 단계는 스타일 / 테마를 결정하는 것입니다. 예를 들어 Windows 8 Metro와 NT 스타일.

리소스와 영감에 대한 몇 가지 제안 (WPF / Web에 대해서는 언급했지만 물론 사용할 필요는 없습니다) :

A-프로토 타이핑으로 시작하려는 경우 여기에 컨트롤 스타일은 멋진 웹 컨트롤 스타일 및 컨트롤입니다

B - 구성 요소 공장 형태를 창에게 좋은 페이스 리프트를 줄 않습니다 - 그들은 심지어 하나 개 무료로 제품을 제공 : 구성 요소 공장

C-타사 GUI 컨트롤 메이커는보기 좋은 데모를 가지고 있습니다

D-이 사이트에서 "도서"라는 단어를 검색해보십시오. 사용자 경험 -많은 게시물을 얻게됩니다.

E-이 WPF 응용 프로그램 : WPF 건강 관리 응용 프로그램

F-이 WPF 애플리케이션 : Billy Holis-WPF 및 완성 된 버전 : WPF-StaffLynx

G-Metro 스타일 도구는 원하는 경우 사용할 수 있습니다. 이것을 확인하십시오 : Metro Style

가장 중요한 것은 이미 알고 있듯이 노력과 가치의 균형을 유지하는 것입니다.

편집하다

디벨로퍼 익스프레스 메트로 스타일을 지원하는 새로운 버전을 발표했다, 단지 아첨 비디오를 볼 디벨로퍼 익스프레스-2

— 기회 없음
소스
1
E-WPF-Health Care Application에 대한 링크가 끊어졌습니다.
— Michael Riley-AKA Gunny
@CapeCodGunny, 메모 주셔서 감사합니다, 지금
— 괜찮을 것입니다
0

Edward Tufte의 저서 '정량 정보의 시각적 표시'를 충분히 추천 할 수는 없습니다 . 발표 내용과 이유에 대해 실제로 생각하게합니다. 그의 모든 책은 훌륭하지만이 책을 가장 많이 언급하고 있습니다.

내가 찾은 좋은 "UI 디자인 패턴"책은 Designing Interfaces 입니다. 레이아웃 디자인, 탐색, 복잡한 정보 표시 및 입력 양식 디자인에 대한 섹션이 있습니다. 소셜 인터페이스 디자인에 대한 비슷한 책이 있습니다 (적절하게는 Designing Social Interfaces ).하지만 그것을 읽지 못했기 때문에 그것을 추천 할만 큼 충분하지 않습니다.

— TMN
소스
Tufte의 책에서 발견 한 가장 유용한 것들 중 하나는 무엇입니까? 생각이 어떻게 바뀌 었습니까?
— 마이클 라일리-일명 Gunny
초보자가 간단한 UI 디자인을 제안하기에 좋은 책이라고 솔직하게 생각하십니까? 난 아니야 이 책은 귀중한 책이지만, 원하는 것은 쿠키를 굽는 것만으로 식당을 여는 것에 대해 배우는 것과 비슷합니다.
— Bryan Oakley
@CapeCodGunny : 저와 함께하는 사실은 전형적인 프리젠 테이션 스타일을 해체하여 가장 간결한 필수 요소 (6 장)와 "그래픽 무결성"섹션으로 축소 한 것입니다.
— TMN
@BryanOakley : 그는 처음 몇 년 전 640x480의 화면 해상도를 위해 화면을 디자인했다고 말했기 때문에 초보자라고 생각합니다. 그리고 그는 UI가 단순했거나 그렇지 않다는 표시를하지 않았습니다. 난 그냥 도움 일부 리소스에 관한 한 저를 정말 UI를 설계하는 대신 단지 화면에 텍스트 상자와 라벨의 무리를 고집 시작했을 때를.
— TMN
@Bryan-내 제품은 20 세이며 DOS에서 Windows로 이동했습니다. 여전히 판매되지만 구식입니다.
— 마이클 라일리-일명 Gunny
0

이미 추천 된 훌륭한 책들이 있습니다. UX Stack Exchange 웹 사이트는 이와 같은 질문을 처리하는 데 더 적합하지만 주제를 완전히 벗어난 것은 아닙니다.

무엇보다도 mediaqueri.es 는 다양한 화면 해상도 및 사용자 에이전트에 맞게 반응 적으로 디자인 된 웹 사이트 및 웹 응용 프로그램 갤러리이기 때문에 특정 문제에 대한 훌륭한 리소스입니다.

mediaqueri.es

Smashing Magazine 도 확인하십시오 . UX / UI, HTML / CSS / Javascript, 그래픽 디자인 및 웹 디자인 관련 게시물이 포함 된 프론트 엔드 개발 환경 인 블로그입니다. 또한 특정 웹 사이트 및 마케팅 캠페인을 연구하고 UI / UX 결정으로 자신이 옳고 그른 것을 확인하는 게시물도 있습니다. 이 주제에 관한 일일 팁은이 사이트를 정기적으로 확인하십시오.

그런 다음 영감을 얻었을 때 이런 종류의 주제에 대해 특별히 별표 표시된 SO / SE 질문을 살펴보십시오. 다음은 OP뿐만 아니라 모든 사람을위한 일반적인 리소스입니다.

— gr33kbo1
소스
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.