Udostępnij przez


Zarządzanie oknami

Uwaga

Ten przewodnik projektowania został utworzony dla systemu Windows 7 i nie został zaktualizowany dla nowszych wersji systemu Windows. Większość wskazówek nadal ma zastosowanie w zasadzie, ale prezentacja i przykłady nie odzwierciedlają naszych bieżących wskazówek dotyczących projektowania.

W tym artykule opisano domyślne umieszczanie okien podczas początkowego wyświetlania na ekranie, ich kolejność stosu względem innych okien (kolejności Z), ich początkowy rozmiar i sposób, w jaki ich wyświetlacz wpływa na fokus wejściowy.

W przypadku następujących wytycznych:

  • Okno najwyższego poziomu nie ma okna właściciela i jest wyświetlane na pasku zadań. Przykłady: okna aplikacji. W systemie Windows Vista i nowszych okna dialogowe bez okien właściciela i arkuszy właściwości są również uważane za najwyższego poziomu.
  • Okno własności ma okno właściciela i nie jest wyświetlane na pasku zadań. Przykłady: modalne okna dialogowe, okna dialogowe bez moderowania.
  • Okno inicjowane przez użytkownika jest wyświetlane jako bezpośredni wynik akcji użytkownika. W przeciwnym razie program jest inicjowany w przypadku zainicjowania przez program lub zainicjowanego przez system w przypadku zainicjowania przez system Microsoft Windows . Na przykład okno dialogowe Opcje jest inicjowane przez użytkownika, ale jest inicjowane przypomnienie o spotkaniu.
  • Okno kontekstowe to okno inicjowane przez użytkownika, które ma silną relację z obiektem, z którego został uruchomiony. Na przykład okna wyświetlane przez menu kontekstowe lub ikony obszaru powiadomień są kontekstowe, ale okna wyświetlane według pasków menu nie są.
  • Aktywny monitor to monitor, w którym jest uruchomiony aktywny program.
  • Domyślny monitor to ten z menu Start, paska zadań i obszaru powiadomień.

Pojęcia dotyczące projektowania

Zarządzanie oknami jest jednym z najbardziej podstawowych działań użytkownika. Przed windows Vista okna były często podane małe rozmiary domyślne i umieszczone w środku ekranu. Takie podejście działa dobrze w przypadku starszych monitorów o niskiej rozdzielczości, ale nie dla nowoczesnego sprzętu wideo.

System Windows jest przeznaczony do obsługi nowoczesnego sprzętu wideo, który często działa w rozdzielczości znacznie wyższej niż minimalna obsługiwana rozdzielczość ekranu i może mieć wiele monitorów. W tym celu:

  • Umożliwia użytkownikom pełne korzystanie ze swojego zaawansowanego sprzętu.
  • Wymaga mniejszego nakładu pracy od użytkowników, aby przenieść mysz na większą odległość.
  • Sprawia, że umieszczanie okien jest bardziej przewidywalne i dlatego łatwiejsze do znalezienia.

Minimalna obsługiwana rozdzielczość ekranu

Minimalna efektywna rozdzielczość ekranu obsługiwana przez system Windows to 800x600 pikseli. Oznacza to, że okna o stałym rozmiarze powinny być w pełni wyświetlane w minimalnej rozdzielczości (podczas rezerwowania miejsca na pasku zadań), ale okna z możliwością zmiany rozmiaru można zoptymalizować pod kątem efektywnej rozdzielczości 1024 x 768 pikseli, o ile działają w minimalnej rozdzielczości.

Chociaż obecnie najbardziej typowe rozdzielczości ekranu fizycznego dla komputerów z systemem Windows to 1024 x 768 pikseli lub większa, ustawienie docelowe 800x600 pikseli umożliwia systemowi Windows:

  • Dobrze pracować ze wszystkimi nowoczesnym sprzętem, w tym małymi komputerami z notesami.
  • Obsługa ustawień o wysokiej rozdzielczości dpi (kropek na cal).
  • Obsługa większych czcionek w celu ułatwienia dostępu.
  • Obsługa sprzętu używanego na całym świecie.

Wybranie minimalnej rozdzielczości do obsługi wymaga właściwego zrównoważenia. Ukierunkowanie na wyższą rozdzielczość spowodowałoby nieoptymalne środowisko dla znacznego procentu nowoczesnego sprzętu, natomiast ukierunkowanie na niższą rozdzielczość uniemożliwiłoby projektantom pełne wykorzystanie dostępnego miejsca na ekranie.

Jeśli uważasz, że użytkownicy docelowi używają znacznie wyższych rozdzielczości niż minimum systemu Windows, możesz zaprojektować program, aby w pełni wykorzystać dodatkowe miejsce na ekranie przy użyciu okien z możliwością zmiany rozmiaru, które skalują się dobrze.

Wytyczne

Ogólne

  • Obsługa minimalnej efektywnej rozdzielczości systemu Windows 800x600 pikseli. W przypadku krytycznych interfejsów użytkownika (UI), które muszą działać w trybie awaryjnym, obsługują efektywną rozdzielczość 640x480 pikseli. Pamiętaj, aby uwzględnić miejsce używane przez pasek zadań, rezerwując 48 pionowych pikseli względnych dla okien wyświetlanych na pasku zadań.
  • Zoptymalizuj układy okien z możliwością zmiany rozmiaru, aby uzyskać efektywną rozdzielczość 1024 x 768 pikseli. Automatyczne zmienianie rozmiaru tych okien w celu uzyskania rozdzielczości dolnego ekranu w sposób, który nadal działa.
  • Pamiętaj, aby przetestować okna w rozdzielczości 96 dpi (100 procent) przy rozdzielczości 800 x 600 pikseli, 120 dpi (125 procent) przy rozdzielczości 1024x768 pikseli i 144 dpi (150 procent) przy 1200x900 pikseli. Sprawdź, czy występują problemy z układem, takie jak wycinki kontrolek, tekst i okna oraz rozciąganie ikon i map bitowych.
  • W przypadku programów z obsługą dotykową i urządzeniami przenośnymi można zoptymalizować pod kątem 120 dpi. Ekrany o wysokiej rozdzielczości są obecnie powszechne na komputerach dotykowych i mobilnych.
  • Okna z możliwością zmiany rozmiaru nie muszą już pokazywać zmiany rozmiaru w prawym dolnym rogu, ponieważ:
    • Wszystkie boki i krawędzie okna można zmienić rozmiar, a nie tylko prawy dolny róg.
    • Glyph wymaga paska stanu do wyświetlenia, ale wiele okien z możliwością zmiany rozmiaru nie zapewnia pasków stanu.
    • Obramowania okien z możliwością zmiany rozmiaru i wskaźniki zmiany rozmiaru są bardziej skuteczne w komunikowaniu się, że okno jest możliwe do zmiany rozmiaru niż rozmiar glif.

Kontrolki paska tytułu

Użyj kontrolek paska tytułu w następujący sposób:

  • Zamknij. Wszystkie okna podstawowe i pomocnicze ze standardową ramką okna powinny mieć przycisk Zamknij na pasku tytułu. Kliknięcie przycisku Zamknij ma wpływ na anulowanie lub zamknięcie okna.

zrzut ekranu okna dialogowego bez przycisku zamknięcia

W tym przykładzie okno dialogowe nie ma przycisku Zamknij na pasku tytułu.

  • Zminimalizować. Wszystkie okna podstawowe i okna pomocnicze z długim trybem (takie jak okna dialogowe postępu) powinny mieć przycisk Minimalizuj. Kliknięcie pozycji Minimalizuj zmniejsza okno do przycisku paska zadań. W związku z tym okna, które można zminimalizować, wymagają ikony paska tytułu.
  • Maksymalizuj/przywróć w dół. Wszystkie okna z możliwością zmiany rozmiaru powinny mieć przycisk Maksymalizuj/Przywróć w dół. Kliknięcie pozycji Maksymalizuj powoduje wyświetlenie okna o największym rozmiarze, który w przypadku większości okien jest pełnoekranowy. Kliknięcie przycisku Przywróć w dół powoduje wyświetlenie okna w poprzednim rozmiarze. Jednak niektóre okna nie korzystają z pełnego ekranu, więc okna te powinny być zmaksymalizowane do największego użytecznego rozmiaru.

Rozmiar okna

  • Wybierz domyślny rozmiar okna odpowiedni dla jego zawartości. Nie bój się używać większych rozmiarów okien początkowych, jeśli możesz efektywnie używać miejsca.
  • Używaj okien z możliwością zmiany rozmiaru za każdym razem, gdy jest to praktyczne, aby uniknąć obcinania pasków przewijania i obcinanych danych. System Windows z zawartością dynamiczną i listami najbardziej korzysta z okien z możliwością zmiany rozmiaru.
  • W przypadku dokumentów tekstowych należy wziąć pod uwagę maksymalną długość wiersza wynoszącą 65 znaków, aby tekst był łatwy do odczytania. (Znaki obejmują litery, znaki interpunkcyjne i spacje).
  • Okna o stałym rozmiarze:
    • Musi być całkowicie widoczny i mieć rozmiar, aby zmieścić się w obszarze roboczym.
  • Okna z możliwością zmiany rozmiaru:
    • Można zoptymalizować pod kątem wyższych rozdzielczości, ale rozmiar w dół zgodnie z potrzebami w czasie wyświetlania do rzeczywistej rozdzielczości ekranu.
    • W przypadku progresywnie większych rozmiarów okien należy wyświetlić stopniowo więcej informacji. Upewnij się, że co najmniej jedna część okna lub kontrolka ma zawartość z możliwością zmiany rozmiaru.
    • Należy unikać domyślnych przywróconych rozmiarów, które są zmaksymalizowane lub prawie zmaksymalizowane. Zamiast tego wybierz domyślny rozmiar, który jest zazwyczaj najbardziej przydatny bez pełnego ekranu. Załóżmy, że użytkownicy zmaksymalizują okno zamiast zmiany rozmiaru, aby był pełnoekranowy.
    • Należy ustawić minimalny rozmiar okna, jeśli istnieje rozmiar poniżej zawartości, której nie można już używać. W przypadku kontrolek z możliwością zmiany rozmiaru ustaw minimalne rozmiary elementów możliwych do zmiany rozmiaru na najmniejsze rozmiary funkcjonalne, takie jak minimalna funkcjonalność szerokości kolumn w widokach listy.
    • W przypadku zmiany prezentacji zawartość powinna być dostępna w mniejszych rozmiarach.

zrzut ekranu przedstawiający przyciski odtwarzacza multimedialnego

W tym przykładzie program Windows Media Player zmienia swój format, gdy okno stanie się zbyt małe dla standardowego formatu.

Lokalizacja okna

  • W przypadku poniższych wytycznych "wyśrodkowanie" oznacza stronniczość w pionie nieco w kierunku górnej części monitora, zamiast umieszczać dokładnie w środku. Umieść 45 procent odstępu między górną częścią monitora/właściciela a górną krawędzią okna, a 55 procent między dolną częścią monitora/właściciela i dolnej części okna. Zrób to, ponieważ oko jest naturalnie stronniczy w górnej części ekranu.

    rysunek okna umieszczonego nieco powyżej środka

    "Wyśrodkowanie" oznacza stronniczość w pionie nieco w kierunku górnej części monitora.

  • Jeśli okno jest kontekstowe, zawsze wyświetla go w pobliżu obiektu, z którego został uruchomiony. Umieść go poza sposobem, aby obiekt źródłowy nie był objęty oknem.

    • Jeśli jest wyświetlana przy użyciu myszy, jeśli to możliwe, umieść przesunięcie w dół i po prawej stronie.

    rysunek okna kontekstowego umieszczonego po prawej stronie obiektu

    Pokaż kontekstowe okna w pobliżu obiektu, z którego został uruchomiony.

    rysunek okna obszaru powiadomień

    System Windows uruchomiony z ikon obszaru powiadomień jest wyświetlany w pobliżu obszaru powiadomień.

  • W przypadku wyświetlania przy użyciu pióra, jeśli to możliwe, umieść go tak, aby nie był objęty ręką użytkownika. W przypadku użytkowników z prawej strony, wyświetl do lewej strony; w przeciwnym razie jest wyświetlana po prawej stronie.

    rysunek okna kontekstowego umieszczonego po lewej stronie obiektu

    W przypadku korzystania z pióra pokaż również okna kontekstowe, aby nie były objęte ręką użytkownika.

  • Deweloperzy: Zdarzenia myszy i zdarzenia pióra można odróżnić za pomocą interfejsu API GetMessageExtraInfo . Możesz określić wręczenie użytkownika przy użyciu interfejsu API SystemParametersInfo z SPI_GETMENUDROPALIGNMENT.

  • Umieść okna dialogowe postępu poza drogę w prawym dolnym rogu aktywnego monitora.

    rysunek paska postępu w prawym dolnym rogu

    Umieść okna dialogowe postępu w prawym dolnym rogu.

  • Jeśli okno nie jest powiązane z bieżącym kontekstem lub akcją użytkownika, umieść je z dala od bieżącej lokalizacji wskaźnika. Zapobiega to przypadkowej interakcji.

  • Jeśli okno jest aplikacją lub dokumentem najwyższego poziomu, zawsze kaskadowo od lewego górnego rogu monitora. W przypadku utworzenia przez aktywny program użyj aktywnego monitora; w przeciwnym razie użyj monitora domyślnego.

    rysunek trzech okien kaskadowych z lewej górnej

    Kaskadowe okna aplikacji lub dokumentu najwyższego poziomu w lewym górnym rogu monitora.

  • Jeśli okno jest narzędziem najwyższego poziomu, zawsze wyświetla go "wyśrodkowany" w monitorze. W przypadku utworzenia przez aktywny program użyj aktywnego monitora; w przeciwnym razie użyj monitora domyślnego.

    rysunek okna narzędzi wyśrodkowanego w monitorze

    Środkowe okna narzędzi najwyższego poziomu.

  • Jeśli okno jest oknem należącym do użytkownika, początkowo wyświetl je "wyśrodkowane" w górnej części okna właściciela. W przypadku późniejszego wyświetlania rozważ wyświetlenie go w jego ostatniej lokalizacji (względem okna właściciela), jeśli tak będzie prawdopodobnie wygodniejsze.

    rysunek okna należącego do właściciela wyśrodkowany nad oknem właściciela

    Początkowo środkowe okna należące do właściciela w górnej części okna właściciela.

  • W przypadku okien dialogowych bez moderowania zawsze wyświetlaj początkowo w górnej części okna właściciela, aby ułatwić ich znalezienie. Jeśli jednak użytkownik aktywuje okno właściciela, może to spowodować ukrycie moderowego okna dialogowego.

    rysunek okna dialogowego bez moderowania nad oknem właściciela

    Wyświetlanie okien dialogowych bez moderowania na początku okna właściciela w celu ułatwienia ich znalezienia.

  • W razie potrzeby dostosuj lokalizację początkową, aby całe okno było widoczne w monitorze docelowym. Jeśli okno z możliwością zmiany rozmiaru jest większe niż monitor docelowy, zmniejsz go do dopasowania.

Kolejność okien (kolejność Z)

  • Zawsze umieszczaj okna należące do właściciela w górnej części okna właściciela. Nigdy nie umieszczaj okien należących do właściciela w oknach właściciela, ponieważ najprawdopodobniej użytkownicy ich nie zobaczą.
  • Szanuj wybór kolejności Z użytkowników. Gdy użytkownik wybierze okno, przełącz tylko okna skojarzone z tym wystąpieniem programu (okno oraz wszystkie okna właściciela lub okna własności) na początku zamówienia Z. Nie zmieniaj kolejności innych okien, takich jak niezależne wystąpienia tego samego programu.

Aktywacja okna

  • Uwzględnianie wyboru stanu okna użytkowników. Jeśli istniejące okno wymaga uwagi, kliknij przycisk paska zadań trzy razy, aby zwrócić uwagę i pozostawić je wyróżnione, ale nie rób nic innego. Nie przywracaj ani nie aktywuj okna. Nie używaj żadnych efektów dźwiękowych. Zamiast tego pozwól użytkownikom aktywować okno, gdy będą gotowe.
    • Wyjątek: Jeśli okno nie jest wyświetlane na pasku zadań, przesuń go na górę wszystkich pozostałych okien i za pomocą paska tytułu flash.
  • Przywrócenie okna podstawowego powinno również przywrócić wszystkie okna pomocnicze, nawet jeśli te pomocnicze okna mają własny przycisk paska zadań. Podczas przywracania umieść dodatkowe okna w górnej części okna podstawowego.

Fokus danych wejściowych

  • Okna wyświetlane przez akcje inicjowane przez użytkownika powinny podjąć fokus wejściowy, ale tylko wtedy, gdy okno jest renderowane natychmiast (w ciągu 5 sekund). Gdy okno zostanie renderowane, może on podjąć fokus danych wejściowych raz.
    • Jeśli okno jest renderowane powoli (ponad 5 sekund), użytkownicy prawdopodobnie będą wykonywać kolejne zadanie podczas oczekiwania. Skupienie się na tym momencie byłoby irytująco, zwłaszcza jeśli zrobiono więcej niż raz.
  • System Windows, który nie jest natychmiast wyświetlany lub wyświetlany przez akcję zainicjowaną przez system, nie powinien podjąć fokusu danych wejściowych. Zamiast tego wyświetlaj je na górze bez fokusu i pozwól użytkownikom aktywować je, gdy będą gotowe.
    • Wyjątek: Menedżer poświadczeń.

Wytrwałość

  • Gdy okno jest odtwarzane ponownie, rozważ wyświetlenie go w tym samym stanie co ostatnio używany. Podczas zamykania zapisz używany monitor, rozmiar okna, lokalizację i stan (zmaksymalizowane a przywracanie). Podczas ponownego zapisywania przywróć zapisany rozmiar okna, lokalizację i stan przy użyciu odpowiedniego monitora. Należy również rozważyć utrwalone te atrybuty w wystąpieniach programu na podstawie poszczególnych użytkowników. wyjątki :
    • Nie zapisuj ani nie utrwalij tych atrybutów dla okien, gdy ich użycie jest takie, że użytkownicy są znacznie bardziej skłonni do całkowitego rozpoczęcia pracy.
    • W przypadku programów, które mogą być używane na komputerach z systemem Windows Tablet i Touch Technology, zapisz dwa stany okien dla trybów poziomych i pionowych. Aby uzyskać więcej informacji, zobacz Projektowanie pod kątem różnych rozmiarów wyświetlania.
  • Jeśli bieżąca konfiguracja monitora uniemożliwia wyświetlanie okna przy użyciu ostatniego stanu:
    • Spróbuj wyświetlić okno przy użyciu ostatniego monitora.
    • Jeśli okno jest większe niż monitor, zmień rozmiar okna zgodnie z potrzebami.
    • Przenieś lokalizację w kierunku lewego górnego rogu, aby zmieścić się w monitorze w razie potrzeby.
    • Jeśli powyższe kroki nie rozwiążą problemu, wróć do domyślnych wytycznych dotyczących umieszczania okien. Rozważ przywrócenie poprzedniego rozmiaru, jeśli to możliwe.