문제

당신은 어떻게 프로토타입으로 소프트웨어 UI?
당신의 경험은 무엇입니까?
할 수 있을 공유하시기 바랍니까?
사전에 감사합니다!

도움이 되었습니까?

해결책

펜과 종이 또는 화이트 보드. 최종 제품 모양과 느낌과 합리적으로 이혼하는 모형을 선호합니다. 상호 작용을 논의하고 작업을 완료하는 데 몇 번의 클릭이 필요한지 논의하는 동안 종이 모의 업을 변경하는 것이 매우 빠르며, 이것이 거의 완료된 최종 제품을 나타내지 않는다는 것이 분명합니다.
몇 년 전 저는 이벤트의 흐름을 시뮬레이션하기위한 코드를 가지고있는 정말 상세한 GUI 모의를 제작 한 프로젝트에 참여했습니다. 소프트웨어 사용자가 피드백과 입력을 제공하도록하는 것은 환상적이었습니다. 우리는 사용자가 우리가 기대했던 곳에 끊임없이 뒤처 졌기 때문에 프로젝트의 절대적인 악몽이었습니다.
무엇보다도, 그 던져진 코드 중 일부는 결국 릴리스 된 제품에 포함되었고 나중에 유지하기위한 악몽이었습니다 (원래 그것을 구조화하는 데 많은 생각이 없었습니다. 그것은 시스템의 주요 부분에 대한 논리의 사실상 구현이되었습니다). 수다.

다른 팁

나는 Balsamiq을 사용합니다http://www.balsamiq.com/

그것은 굉장.

Visual Studio로 HTML 페이지를 만듭니다. 이것은 쉽게 DreamWeaver, FrontPage, 메모장 ++ 일 수 있습니다. 나에게 이것은 CSS와 HTML이 거의 시간으로 끝나는 이점을 가지고 있습니다. 일반적으로 전달 가능한 IN을 작성하려는 도구 또는 기술에서 프로토 타입을 수행하는 것이 더 쉽고 생산적입니다.

당신이 사용할 수 있는 GUI 등의 편집기에서 하나 NetBeans IDE IDE 관적이지는 않고,또는 Xcode IDE 을 그래픽 사용자 인터페이스를 창조형하지 않고,구현하는 핸들러한 GUI 를 이벤트입니다.이 GUI 할 수 있 평가,그리고 아마도 다시 디자인되었습니다.면 GUI 로 보인해야 한 다음,이벤트할 수 있는 제대로 처리됩니다.

나는 도구의 조합을 사용하여 UI를 수행했습니다. 정적 모양과 느낌이 내가 테스트하는 것이라면 종이와 화이트 보드 스케치의 조합을 사용합니다. 더 자세한 디자인 작업을 시작하면 빠르게 수행 할 수 있으며 쉽게 버릴 수 있습니다. "Hamish Smith"가 말했듯이, 당신은 당신의 모형과 최종 제품 사이의 어느 정도의 분리를 원합니다.

디자인의 상호 작용을 테스트하고 싶을 때 이전에 종이 모형을 사용했지만 PowerPoint를 사용하여 사용자가 응용 프로그램과 상호 작용할 수있는 더 나은 방법을 제공하는 것을 선호합니다. 그들을 데려 갈 것입니다. 특정 기능이 어떻게 작동하는지. 방금 파워 포인트 슬라이드의 버튼이나 링크를 클릭하면 실제 응용 프로그램에서 해당 버튼이 어디로가는 위치에 해당하는 슬라이드로 이동합니다.

현재 나는 Expression Blend의 일부인 Microsoft의 SketchFlow를 가지고 놀았으며 매우 인상적입니다. 나는 그것을 많이 가지고 놀지 않았으므로 아직 제기 할 수있는 한계를 아직 알지 못합니다. 또한 Balsamiq을 시도했는데 좋은 응용 프로그램처럼 보이지만 다시 한계를 찾기에 충분히 사용하지 않았습니다. PowerPoint를 대체하기 위해 대화율 테스트를 위해서만 사용하고 있음을 분명히하고 싶습니다. 여전히 정적 모형이 종이와 화이트 보드로 가장 잘 수행된다고 생각합니다.

최근에 Visio 추가 기능을 사용했습니다 http://www.guui.com/issues/02_07.php 프로젝트에서. 이 프로젝트에는 60 페이지 정도의 페이지가있어 화면을 매우 쉽게 그리게 만들었습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top