Udostępnij za pośrednictwem

Zasady interfejsu użytkownika

W tym temacie omówiono sposób implementowania intuicyjnych zasad projektowania interfejsu użytkownika i środowiska użytkownika w aplikacjach systemu Windows.

Wprowadzenie

Deweloperzy często nie biorą pod uwagę perspektywy użytkownika końcowego. Deweloperzy ciężko pracują nad pracą nad aplikacją — klienci oczekują, że będzie działać, a ich postrzeganie oprogramowania koncentruje się na tym wymaganiu. Jest to szczególnie istotne w przypadku tworzenia oprogramowania detalicznego lub czegoś, co będzie używane przez ludzi nietechnicznych. Deweloperzy muszą mieć świadomość potrzeb użytkownika końcowego w całym procesie projektowania oprogramowania.

Aplikacja oprogramowania musi być tak łatwa do nawigowania i używania, jak to możliwe. W przypadku tworzenia oprogramowania szacuje się, że około 4 na 10 aplikacji oprogramowania ma naprawdę świetny interfejs użytkownika, który użytkownik końcowy naprawdę lubi i jest natychmiast wygodny w użyciu.

Dla korporacji tworzona jest ogromna ilość oprogramowania do użytku wewnętrznego. Niezależnie od tego, czy jest on opracowany w firmie, czy też pod opieką konsultanta — często jest to najgodszy czas, nakład pracy lub pieniądze są inwestowane w tworzenie lepszego interfejsu użytkownika. Rola "projektanta" jest rzadka w cyklu programowania — zwłaszcza w świecie aplikacji systemu Windows.

Istnieją pewne podstawowe reguły, które należy przestrzegać, aby mieć znacznie bardziej funkcjonalny interfejs użytkownika dla aplikacji. Nie wymaga zbyt dużej ilości czasu ani pieniędzy ze swojej strony i dodaje dobry zwrot z inwestycji.

Zanim przejdziemy dalej, rozróżmy interfejs użytkownika i środowisko użytkownika — przynajmniej dla zakresu tego artykułu. Interfejs użytkownika lub interfejs użytkownika odnosi się do wizualizacji i kontrolek aplikacji, podczas gdy środowisko użytkownika lub środowisko użytkownika obejmuje zarówno interfejs użytkownika, jak i zachowanie aplikacji związane z interfejsem użytkownika, a także "uczucie", które użytkownik pobiera z aplikacji. Nie chodzi tylko o projektowanie dobrze wyglądającego interfejsu użytkownika, ale upewnienie się, że działa świetnie.

W tym miejscu omówimy 20 punktów projektowania środowiska użytkownika, które można łatwo zintegrować z fazą projektowania aplikacji. Wynik będzie bogatszy w aplikacje z lepszą intuicyjną funkcjonalnością — "ludzkim środowiskiem użytkownika". Jak wiemy, generacja aplikacji systemu Windows Vista będzie musiała wyglądać i zachowywać się inaczej. Ten temat pomoże Ci przygotować się do przyszłych aplikacji, jednocześnie dając obecnym użytkownikom smak przyszłości.

W poniższych sekcjach omówiono podstawy odpowiedniego projektowania interfejsu użytkownika.

Podstawowe zasady prawidłowego interfejsu użytkownika

Profesjonalny wygląd środowiska użytkownika zależy od tych czterech czynników:

  • Odstępy i pozycjonowanie
  • Rozmiar
  • Grupowanie
  • Intuicyjność

W przypadku wersji programu Microsoft Visual Studio wcześniejszych niż 8.0 odstępy i rozmiar były nieoptymalne. Siatka 4x4 lub 8x8 nie zawsze działa. Dzięki włączeniu funkcji SnapLines proces został znacznie uproszczony. Wyrównanie etykiety do pola tekstowego lub jeszcze gorszego wyrównanie wielu etykiet do odpowiednich pól tekstowych było niezwykle trudne w poprzednich wersjach programu Visual Studio. Linie przyciągania znacznie uprościły ten proces.

W poniższych sekcjach opisano cztery ważniejsze aspekty profesjonalnego projektowania środowiska użytkownika.

Odstępy i pozycjonowanie

Odstępy między dwoma kontrolkami są ważne. Poniższy zrzut ekranu przedstawia słabo zaprojektowany informacje o użytkowniku formularza wpisu — dwa pierwsze pola tekstowe są zbyt blisko, lista pod nimi jest zbyt daleko i istnieje wiele nieużywanych pomieszczeń w formularzu.

zrzut ekranu przedstawiający słabo zaprojektowaną formę.

Na poniższym zrzucie ekranu można zobaczyć bardziej profesjonalne okno dialogowe z odpowiednim odstępem i odpowiednimi rozmiarami kontrolek. Jest to taka sama forma jak w poprzednim zrzucie ekranu, ale została zmodyfikowana tak, aby korzystała z odstępów zalecanych przez snaplines. Zawsze zaleca się wyrównanie etykiety do linii bazowej tekstu pola tekstowego lub innej kontrolki obok niej, a nie rzeczywistego obramowania dolnego kontrolki. Linie przyciągania obracają inny kolor po osiągnięciu tego wyrównania, zwykle tylko kilka pikseli nad dolną obramowaniem.

zrzut ekranu przedstawiający bardziej dobrze zaprojektowaną formę.

Chociaż nie ma dokładnych reguł odstępów, linie przyciągania zapewniają niezwykle przydatne wskazówki dotyczące odpowiedniego odstępu. Inne narzędzia ułatwiające zachowanie odpowiednich odstępów to kontrolki Układ w grupie przybornika Kontenery. Kontrolka TableLayoutPanel jest również bardzo przydatna do tworzenia okien dialogowych stylu formularza wpisu.

Rozmiar

Te same zagadnienia dotyczą rozmiaru. Przeciągając przycisk z przybornika do formularza — ma doskonałą wysokość i szerokość. Zalecana maksymalna szerokość (z dowolnego ważnego powodu) polega na dwukrotnieniu oryginalnej szerokości.

Jeśli spojrzysz na okno Uruchom w menu Start lub okno dialogowe Właściwości dowolnego obiektu Eksploratora Windows, rozmiary przycisków są "po prostu w porządku". Jeśli masz bardzo ważną funkcję, której potrzebujesz, aby użytkownik końcowy zauważył bez awarii, istnieją inne metody niż użycie dużego przycisku lub nietypowych kolorów (więcej na ten temat później).

Na poniższej ilustracji widać trzy przyciski. Pierwszy przycisk jest najbardziej zalecanym rozmiarem i jest rozmiarem utworzonym domyślnie po przeciągnięciu (lub dwukrotnym kliknięciu) z przybornika. Czasami dodatkowy tekst wymaga, aby przycisk był większy. Drugi przycisk pokazuje duży, ale akceptowalny rozmiar. Nie stworzyłoby bałaganu do układania innych kontrolek. Jednak trzeci przycisk jest całkowicie niedopuszczalnym rozmiarem. Widać, że nawet nieznacznie zniekształca mapy bitowe motywu używane przez system Windows do rysowania motywów kontrolek. Utrudni to również intuicyjne wyrównanie innych kontrolek.

obraz trzech przycisków, zwiększając rozmiar od lewej do prawej.

Grupowanie

Zazwyczaj aplikacja zawiera wiele kontrolek. Tylko dzięki właściwemu, intuicyjnemu grupowaniu można ułatwić korzystanie ze wszystkich tych kontrolek. Grupowanie oparte na funkcjach lub kategoryzowane odbywa się najlepiej za pomocą kontrolek Tab. Na przykład "Konta", "Raporty", "Pracownicy" i "Projekty" byłyby idealnymi kandydatami do kart w typowej aplikacji biznesowej. Grupowanie elementów równorzędnych — kontrolki, które przyczyniają się do tego samego wyniku końcowego — najlepiej wykonywać kontrolki grupy. Korzystanie z paneli z obramowaniem dla takiego grupowania nie jest zalecane. Kontrolki grup pozwalają zaoszczędzić dodatkową wagę kontrolki etykiety — zwłaszcza jeśli kontrolki podrzędne nie wyjaśniają.

Kontrolki grupy wewnątrz kontrolek grupy nie są zalecane, chyba że nie ma więcej niż 2 lub 3 z nich wewnątrz jednej dużej kontrolki grupy.

Intuicyjność

Jest to najważniejszy aspekt wspaniałego środowiska użytkownika. Intuicyjne środowiska użytkownika zmniejsza potrzebę wyjaśnienia. Użytkownik wie tylko, co robią kontrolki.

Ważnym tematem w intuicyjnym projekcie jest kodowanie kolorami. Dobrym przykładem jest system Windows XP, który przedstawia nowe miękkie przyciski dla funkcji, takich jak nawigacja w aplikacjach motywowych, wyloguj się i Wyłącz komputer okna dialogowe i inne.

Kolorowanie tych kontrolek zostało określone na podstawie ważności wyniku naciśnięcia tego przycisku. Nawigacja jest zielona, podobnie jak sygnalizacja świetlna "Go". Zamknięcie, co spowodowałoby potencjalną utratę pracy, jest kolorem czerwonym jak znak ostrzegawczy. Przyciski częściowo krytyczne, takie jak Wyloguj się lub Hibernacji, są żółte. Neutralne przyciski, które nie mają żadnego krytycznego wpływu na procesy robocze użytkownika, takie jak Pomoc, są miękkim niebieskim. Podczas tworzenia obciętego interfejsu użytkownika należy pamiętać o tych aspektach kolorów.

Bardzo dobrym przykładem rozpoznawania zawartości według kolorów jest program Microsoft Office OneNote. Karty aplikacji można ustawić na różne kolory, mimo że nadal wyglądają jak odpowiednia część ogólnego projektu stylu systemu Windows XP.

Innym ważnym aspektem jest tekst w aplikacjach. Ostatnio nastąpiły różne wysiłki mające na celu uproszczenie języka używanego do instrukcji napisanych w oprogramowaniu systemu Windows. Użycie tekstu wewnątrz oprogramowania zostanie omówione później, ale należy pamiętać o następujących małych, ale ważnych szczegółach.

MSN Messenger miał pole wyboru w oknie dialogowym Opcje oznaczone jako "Udostępnianie możliwości kamery internetowej". Deweloperzy i osoby przyjazne dla technologii wiedzą, co to znaczy, ale początkujący użytkownik może pomyśleć, że możesz pozwolić innemu użytkownikowi na drugim końcu czatu korzystać z kamery internetowej, zbyt. W najnowszej wersji zmienili go na "Moja kamera internetowa: Pozwól innym zobaczyć, że mam kamerę internetową". Jest to idealne rozwiązanie dla odbiorców docelowych, którzy mogą nie mieć wiedzy technicznej i są używane do prostego języka.

Chociaż prostszy język ułatwia zrozumienie, istnieje również dodatkowa zaleta. Badania naukowe pokazują, że nasz umysł działa łatwiej z prostszym językiem podczas próby zrozumienia czegoś nowego. Często nasz mózg przetwarza słowa takie jak "to", "for", "to", i inne popularne słowa tak szybko i bez wysiłku, że więcej "przepustowości" jest przydzielane do zrozumienia słów, które wyróżnia się, takich jak "Kamera internetowa" lub "Inne", w powyższym przykładzie.

Tytuły pól komunikatów, napisy GroupBox i inne takie bloki tekstowe ułatwiają przekazywanie funkcji grup kontrolek użytkownikowi końcowemu za pomocą zaledwie kilku słów.

Intuicyjność rodzi się również z znajomości. Na przykład: Umieszczanie przycisków OK i Anuluj jest tak jednolite i dobrze umieszczone w naszych umysłach, że jeśli okno dialogowe zawiera te przyciski w odwrotnej sekwencji (Anuluj, a następnie OK; zamiast OK ok, a następnie Anuluj)) — po prostu możesz uderzyć Anuluj. Po użyciu określonego standardu do wykonywania zadań — na przykład aplikacji opartych na systemie Windows — przez ponad rok, nawyki rozwijają się. Przestrzeganie standardów branżowych (jednak niestatysowanych) ułatwia korzystanie z oprogramowania.

W jednej z wczesnych kompilacji systemu Windows Vista w wersji zapoznawczej Minimalizuj, Maksymalizuji Zamknij przyciski dowolnego okna stały się inne. W poprzednich wersjach systemu Windows (zwłaszcza w przypadku korzystania z jednego monitora) tworzysz nawyk przesuwania kursora w prawym górnym rogu ekranu i klikania. To zawsze powodowało zamknięcie okna. Teraz w tej konkretnej kompilacji systemu Windows Vista było około 8 pikseli warto przestrzeń między przyciskiem Zamknij a prawym obramowaniem okna. Dodatkowa przestrzeń sprawiała, że wyglądało fajnie (i prawdopodobnie była niezbędna do chłodnej animacji świecącej przycisk sported), ale irytowała, ponieważ nie pozwalała użytkownikom zamykać otwartych okien tak łatwo. Reconditioning twój umysł może być trudny. Na szczęście w poniższej kompilacji ten problem został rozwiązany. Teraz nadal istnieje spacja między obramowaniem okna a przyciskiem zamykania, ale kliknięcie tej przestrzeni powoduje również zamknięcie okna.

Bardzo ważnym czynnikiem intuicyjnego projektowania jest ilość "przepustowości psychicznej" — czas, jaki może zająć nasze umysły, aby coś zrozumieć — wykorzystuje. Im niższe użycie "przepustowości", tym lepsze środowisko użytkownika.

Są to małe rzeczy, które przyczyniają się do "doświadczenia" korzystania z aplikacji programowej. Poniższe przykłady zawierają wskazówki dotyczące ulepszania aplikacji za pomocą rzeczywistych wskazówek i wskazówek.

20 Porady dotyczące lepszego, funkcjonalnego środowiska użytkownika

Celem lepszego środowiska użytkownika jest posiadanie prostszego, łatwiejszego, funkcjonalnego interfejsu użytkownika, który również wygląda dobrze. Te porady pomogą Ci kształtować interfejs użytkownika, aby był bardziej skuteczny.

Korzystanie ze standardów

Ustalone standardy dowolnego środowiska oprogramowania — zarówno na poziomie systemu operacyjnego, na poziomie marki, jak i na poziomie aplikacji — są bardzo ważne. Oprócz znakowania standardy działają jako przysłowiowy schemat w umyśle użytkownika. Gdy użytkownik poświęca długi czas na pracę z aplikacją oprogramowania, automatycznie zwiększy produktywność ze względu na rosnącą znajomość.

Przed omówieniem standardów najpierw omówimy, jakie są dokładnie te standardy. Standardy obejmują wszystko, od układu kontrolek w określony sposób w oknach dialogowych — takich jak OK i Przycisk Anuluj, kształt interfejsu użytkownika — zaokrąglone rogi górnego okna, jak w oknach dialogowych systemu Windows XP, stylach ikon, stylach każdej innej grafiki, interaktywnym zachowaniu aplikacji, i jak.

Jeśli aplikacja znajduje się w określonej niszy, może to być lepsze rozwiązanie, aby postępować zgodnie z innym zestawem standardów. Na przykład jeśli aplikacja obsługuje, aplikację lub dodatek dla programu Office OneNote 2003, warto przestrzegać stylów interfejsu użytkownika i standardów interakcyjności pakietu Office — w szczególności programu OneNote. Obejmuje to używanie pasków poleceń w stylu pakietu Office zamiast standardowych pasków narzędzi i innych takich rzeczy — zarówno wizualnych, jak i behawioralnych. Jeśli aplikacja ma być częścią kategorii Microsoft Visual Studio .NET, masz oddzielny zestaw standardów. W rzeczywistości w przypadku takich aplikacji dodatków lub pomocy technicznej firmy, takie jak Firma Microsoft, wykonują pisemne wytyczne. Należy również pamiętać, że czasami koncepcje graficzne i projektowe są chronione własności intelektualnej. Zawsze sprawdzaj odpowiednią dokumentację, aby upewnić się, że masz licencję na tworzenie takich projektów.

Trzecim przykładem standardów byłoby środowisko komputerów typu Tablet. Te standardy przekraczają granice między wytycznymi dotyczącymi systemu operacyjnego i wytycznymi dotyczącymi aplikacji. Dokumentacja zestawu Tablet PC SDK zawiera bardzo przydatne informacje w temacie "Planowanie aplikacji". W przeciwieństwie do wytycznych dotyczących pakietuOffice 2003 lub Visual Studio te zalecenia dotyczące projektowania mają bezpośredni wpływ na sposób interakcji użytkownika z aplikacją i sposób jej działania. Jeśli na przykład masz okna dokowania w aplikacji, w dokumentacji zaleca się, aby upewnić się, że można wykryć, kiedy orientacja ekranu została zmieniona, i że okna dokowania odpowiednio zreorganizują się w orientacji pionowej lub poziomej zgodnie z potrzebami. Nawet jeśli nie projektujesz aplikacji jako specyficznej dla tabletu, zapoznaj się z tymi wytycznymi.

Wraz z powstaniem klientów inteligentnych aplikacje przekraczają teraz granice między różnymi sprzętami — normalnymi komputerami, komputerami z tabletami, urządzeniami przenośnymi lub Ultra Mobile, komputerami z programem Media Center itd. Każda sytuacja wymaga przestrzegania innego (lub dodatkowego) zestawu standardów.

Gdy aplikacje współdzielą standardy na poziomie systemu operacyjnego lub na poziomie aplikacji, użytkownicy czują się bardziej w domu z oprogramowaniem, co ułatwia naukę i używanie. Wyniki te są bezpośrednim impulsem do produktywności. Użytkownicy chcą jak najszybciej zwiększyć produktywność dzięki nowemu oprogramowaniu.

Zwracanie uwagi na ważne przyciski

Czasami trzeba skierować użytkownika do najważniejszych przycisków nawet wtedy, gdy wokół niego leżą cztery lub pięć innych przycisków. Jeśli poeksperymentujesz z rozmiarem, kolorem lub czcionką, należy złamać standardy — które nie są zalecane. Zamiast tego możesz użyć kilku prostych sztuczek, aby to osiągnąć.

Pierwszym z nich jest przekonwertowanie innych przycisków niekrytycznych na LinkLabels, jak pokazano na poniższej ilustracji. W ten sposób użytkownik wie, że te linki będą wykonywać zadanie, ale ich uwaga najpierw przejdzie do przycisku, który wyróżnia się — bez łamiąc standardowych wytycznych projektowych.

obraz trzech przycisków przekonwertowanych na linki.

Drugi to umieszczenie przycisku krytycznego najpierw w wierszu — po lewej stronie dla układów poziomych, jak pokazano na poniższej ilustracji, lub u góry w przypadku układów pionowych. Należy pamiętać, że może to ulec zmianie w zależności od kultury użytkownika docelowego — jeśli umieścisz odpowiedni przycisk po prawej stronie, jeśli aplikacja jest dowolnym językiem napisanym od prawej do lewej.

obraz trzech przycisków, w których przycisk krytyczny jest najdalej w układzie poziomym.

Zalecaną opcją jest ustawienie, aby domyślnie otrzymywać fokus. Na przykład w oknie dialogowym potwierdzenia usuwania opcja Nie powinna zostać wyróżniona, ponieważ uniemożliwia to przypadkowe usunięcie elementu przez użytkownika.

Upraszczanie rozpoznawania za pomocą ikon

Ikony — zwłaszcza ikony systemów Windows XP i Office 2003 i mapy bitowe paska narzędzi — ułatwiają przyspieszenie poznawania interfejsu użytkownika i zadania, które musi wykonać użytkownik.

Na przykład po wyświetleniu ikony wykrzyknika najczęściej widocznej w polu komunikatu natychmiast dowiesz się o poziomie ryzyka związanego z kontrolkami obok tej ikony. Podobnie, gdy aplikacja umieszcza wiele kontrolek — niezależnie od tego, jak prawidłowo się rozmieści — może to być trudne do znalezienia zestawu kontrolek, których szukasz.

W systemie Windows XP z dodatkiem Service Pack 2 zaktualizowana karta jest dodawana do właściwości systemu apletu panelu sterowania o nazwie "Aktualizacje automatyczne". Istnieją cztery opcje — automatyczne pobieranie aktualizacji, pobieranie aktualizacji, ale pozwala użytkownikowi zdecydować, kiedy je zainstalować, powiadomić użytkownika, jeśli aktualizacje są dostępne, ale nie uruchamiają pobierania i wyłączają aktualizacje automatyczne całkowicie.

Nowy użytkownik komputera może nie wiedzieć, jakie są te aktualizacje i może nie wiedzieć, którą opcję najlepiej wybrać. Dlatego firma Microsoft umieściła na nim zieloną ikonę tarczy z dużym znacznikiem wyboru obok najbardziej zalecanej opcji oznaczającą "bezpieczną" opcję i czerwoną ikonę tarczy z dużym znakiem "x" obok tej, która byłaby potencjalnie szkodliwa dla użytkownika. Jest to bardzo przydatne w sytuacjach krytycznych — zwłaszcza gdy użytkownik nie ma czasu na odczytanie zbyt dużej ilości tekstu.

W tym samym właściwości systemu apletu każda karta ma wiele elementów GroupBoxes z różnymi kontrolkami dla różnych zadań. Grafika względna jest umieszczana obok każdej grupy, która z łatwością oznacza zadanie grupy kontrolnej. Ten typ kodu graficznego jest podobny do kodowania kolorami w plikach fizycznych lub parkingach. Działa to również na tej samej zasadzie posiadania co najmniej niektórych wizualizacji w artykule magazynu — utrzymuje zainteresowanie czytelnika.

Wybór właściwej ikony jest również ważny. Firma Microsoft udostępnia wiele standardowych grafik w ramach programu Visual Studio 2005. Byłby to najlepszy wybór. Jeśli tworzysz własne ikony, zdecydowanie zaleca się przestrzeganie standardów na poziomie systemu operacyjnego lub na poziomie aplikacji dla tych grafiki, jak wspomniano w powyższej sekcji Use Standards.

Wskazówki dotyczące interakcji środowiska użytkownika systemu Windows zawiera bardzo pomocny przewodnik dotyczący tworzenia ikon stylu systemu Windows.

Upraszczanie rozpoznawania przy użyciu nagłówków

Nagłówki są idealnym sposobem wyjaśnienia całego okna dialogowego w jednym zdaniu (i opcjonalnie grafiki). Czasami nagłówki mogą nawet pomóc w dopasowaniu do nich nawigacji i poleceń. Nagłówki działają wydajniej niż zwykłe etykiety opisu, ponieważ są one pierwszą rzeczą, którą użytkownik widzi po wyświetleniu okna dialogowego.

Kreatory Instalatora Windows są prawdopodobnie najpopularniejszymi nagłówkami: prostą ikoną po prawej stronie; etykieta tytułu opisująca okno dialogowe (na przykład Wybierz folder instalacyjny); i pod nagłówkiem, który opisuje przeznaczenie okna dialogowego (na przykład Wybierz folder, w którym zostaną zainstalowane pliki oprogramowania).

Załóżmy, że mamy typową aplikację biznesową z sekcją kont. Zgodnie z modelem projektowania obsługiwanym przez system Windows Vista możemy dostarczyć informacje o znaczeniu krytycznym i powiązane polecenia w nagłówku (lub stopce, jeśli scenariusz go wywołuje). Nasz użytkownik otworzył plik konta "Big Company", a nagłówek będzie wyglądać mniej więcej tak, jak pokazano na poniższym zrzucie ekranu.

zrzut ekranu okna dialogowego zawierającego szczegółową stopkę.

Poniższy zrzut ekranu przedstawia przykład szczegółowego nagłówka w oknie dialogowym.

zrzut ekranu okna dialogowego zawierającego szczegółowy nagłówek.

Podobnie można uniknąć konieczności dodawania okienek zadań w stylu systemu Windows XP — zwłaszcza gdy masz tylko kilka poleceń, które zmarnowałyby dużo miejsca w pionie — przenosząc te polecenia do nagłówka.

Podczas projektowania nagłówków należy pamiętać o kilku kwestiach:

  • Upewnij się, że kolor tła różni się od koloru tła okna dialogowego. Częściej niż nie, biały nagłówek nad standardowym kolorem twarzy kontroli wewnętrznej systemu Windows będzie wykonywać. Ale jeśli naprawdę chcesz upewnić się, że nie ma specjalnego motywu lub kolorów niestandardowych nie bałagan nagłówka, narysuj LinearGradient przy użyciu Color.FromKnownColor z kolorami ControlLight i ControlDark.
  • Jeśli to możliwe, zachowaj wysokość nagłówka poniżej 150 pikseli. Zazwyczaj będzie to wysokość 100 lub 120. Ogólnie rzecz biorąc, upewnij się, że jest ona mniejsza niż 1/4 wysokości całego formularza.
  • Jeśli chcesz dodać edycję w miejscu dla informacji wyświetlanych w powyższym nagłówku, dynamicznie zastąp etykietę LinkLabel polem tekstowym i zamień je ponownie po zakończeniu edycji.
  • Jeśli masz etykietę tytułu z czcionką powyżej 10 pkt, użyj arial lub Franklin Gothic Medium. MS Sans Serif będzie wyglądać zbyt postrzępione i nieprofesjonalne. Franklin Gothic Medium jest zaleceniem w dokumentacji wytycznych dotyczących projektowania systemu Windows XP. W przypadku aplikacji przeznaczonych dla systemu Windows Vista użyj czcionki interfejsu użytkownika Segoe, która jest czcionką domyślną systemu.

Używanie niestandardowych pól komunikatów

Opcje dostępne w standardowym oknie komunikatów systemu Windows są bardzo ograniczone. Jeśli musisz zadać użytkownikowi pytanie, na które nie można odpowiedzieć za pomocą prostego polecenia tak/nie lub OK/cancel, staje się to skomplikowane.

Aplikacje systemu Windows stają się teraz prostsze w użyciu ze względu na dużą liczbę użytkowników nietechnicznych. Czasami może być znacznie prostsze udostępnianie przycisków bardziej przyjaznych tekstów, a nawet niektórych dodatkowych kontrolek — na przykład LinkLabels — aby ułatwić wykonywanie zadania.

Program Microsoft .NET Framework ułatwia implementowanie niestandardowych okien dialogowych. Po prostu przypisując kilka właściwości w niestandardowym formularzu okna dialogowego lub przy użyciu jednego wiersza kodu, formularz może działać podobnie jak standardowe okno komunikatu. W przypadku kliknięcia przycisku ustaw właściwość DialogResult okna dialogowego na właściwość DialogResult.Ok lub DialogResult.Cancel. Użyj metody ShowDialog([OwnerForm]) z formularza nadrzędnego. Ta metoda zwraca wartość DialogResult.

Możesz użyć wszystkich członków DialogResult. Te same opcje są używane przez standardową metodę MessageBox.Show.

Alternatywnie można ustawić właściwość AcceptButton okna dialogowego na btnOK, a właściwość CancelButton na btnCancel. Spowoduje to automatyczne mapowanie Enter i Esc na klucze btnOK i btnCancel odpowiednie zdarzenia kliknięcia.

Oto kilka wskazówek, aby przyprawić niestandardowe okna dialogowe:

  • W przypadku skomplikowanych tematów podaj linki do lokalnej lub online Pomocy dotyczącej linku z napisem "Dowiedz się więcej" w odpowiedniej etykiecie tekstowej.
  • Zamiast Tak/Przycisk Nie/Anuluj, użyj tekstów, które wyraźnie informują o wyniku kliknięcia przycisku, takiego jak "Zapisz plik i zakończ", "Zakończ bez zapisywania" i "Nie zamykaj". Należy jednak trzymać się standardowego Tak/No, OK/Anuluji takie standardowe przyciski, jeśli to możliwe. Znajomość sprawia, że zapewnia wielką produktywność.
  • Zachowaj 50 pikseli miejsca na marginesie po lewej stronie (lub po prawej stronie w zależności od ustawień kultury docelowej) i dodaj ikonę reprezentującą scenariusz okna dialogowego. Jeśli jest to okno dialogowe informacji, możesz użyć ikony "i" używanej przez standardowe pola komunikatów; Jeśli jest to okno dialogowe zabezpieczeń, możesz użyć ikony blokady lub ikony klucza. Program Visual Studio 2005 jest dostarczany z doskonałą grafiką wysokiej jakości.
  • Zawsze upewnij się, że zapewniasz odpowiednią nawigację za pomocą klawiatury dla tych przycisków — użytkownicy używają skrótów klawiaturowych dla pól komunikatów (na przykład O dla ok, Y dla tak, C dla anulowania itd.) w dużym stopniu. Z pewnością znajdą to irytujące, jeśli niestandardowe okno dialogowe ich nie używało.

Dołączanie alternatywnych poleceń

Dwa ważne czynniki dyktują potrzebę alternatywnych metod wprowadzania — frustracji i lenistwa. Frustracja jest zbyt często zdarza się dla użytkowników komputerów. Gdy jesteś sfrustrowany, chcesz, aby zadanie zostało wykonane szybko. Dodatkowe kliknięcie lub dodatkowe oczekiwanie na kilka sekund naprawdę rozwścieczy osobę pod stresem — wiesz, jak to jest, wszyscy tam byliśmy. Lenistwo często wzywa cię do zakończenia zadania tylko za pomocą klawiatury lub myszy — niezależnie od tego, którego używasz w tej chwili. Jednak inne niż te dwa czynniki, posiadanie alternatywnych metod wejściowych ułatwia użytkownikowi wykonywanie zadań.

Jeśli na przykład masz pole listy z dwoma przyciskami — "Dodaj" i "Usuń" po obu stronach, należy dodać menu kontekstowe dla tego pola listy z poleceniami menu analogicznymi do tych przycisków. Dzięki temu użytkownik może wybrać metodę, którą znajdzie najbardziej odpowiednią. Nowicjuszy użytkownicy, jako stan Wytyczne dotyczące środowiska użytkownika systemu Windows Vista, często używają menu kontekstowych i oczekują, że będą w dowolnym miejscu, w jakim klikną prawym przyciskiem myszy.

Podobnie używamy kontrolek wizualnych dla danych wejściowych tekstowych lub liczbowych. Na przykład suwaki służą do określania liczb całkowitych, a kontrolki Kalendarz są używane do wprowadzania dat. Czasami może być bardziej wygodne, aby po prostu wprowadzić dane wejściowe, wpisując. Często może to mieć wpływ na użytkownika, jeśli dodasz kontrolkę Numeryczna Up-Down połączoną z suwakiem lub użyjesz kontrolki DateTimePicker zamiast kontrolki Kalendarz.

Jak obsługiwać akcje krytyczne

Podczas wykonywania krytycznej, nieodwracalnej funkcji zazwyczaj dobrym rozwiązaniem jest wyskakujące okno komunikatu w celu potwierdzenia akcji. Weźmy to na wycięcie. Na poniższym zrzucie ekranu widać podobne niestandardowe pole komunikatu, ale z dodatkową korzyścią — czasomierz wyświetlany wizualnie z pomocą paska postępu.

zrzut ekranu okna dialogowego akcji krytycznej.

Istnieje kilka odmian specyficznych dla scenariusza, których można użyć. Jeśli akcja do podjęcia jest bardzo krytyczna (od przeciążenia elektrowni jądrowej do trwałego usuwania plików), akcja domyślna po upływie limitu czasu powinna zostać anulowana. Okno dialogowe nie powinno odejść, ale raczej zmienia się etykieta tekstowa, aby pokazać, że akcja została anulowana. Użytkownik może potwierdzić polecenie lub anulowanie.

Zawsze upewnij się, że przyciski wykonujące operacje krytyczne są wyraźnie oznaczone — zawsze używaj zwykłego tekstu, który dokładnie opisuje akcję. Jeśli akcja jest usuwaniem plików, nie zapisuj "Usuń pliki z repozytorium"; Napisz "Usuń pliki z repozytorium". Podczas pracy z listami plików, jeśli polecenie menu Usuń usuwa wybrane pliki z samego dysku twardego (w przeciwieństwie do usunięcia z listy plików), należy prawidłowo podkreślić krytyczny charakter tego i jawnie podkreślić, że akcja spowoduje trwałe usunięcie plików.

Ktoś kiedyś powiedział: "Jesteś tak dobry, jak twoja najgorsza praca." To samo dotyczy aplikacji oprogramowania. Pojedyncze złe środowisko aplikacji może mieć duże negatywne wrażenie na użytkowniku. Aby upewnić się, że tak się nie stanie, jedną z rzeczy, którą można zrobić, jest upewnienie się, że jeśli aplikacja ulegnie awarii, będzie ona bezpiecznie wyłączona. Jeśli możesz dodać odzyskiwanie danych lub zezwolić użytkownikowi na zapisanie kopii tych danych, może to być duży plus. Użytkownik powinien być prawidłowo powiadamiany, jeśli aplikacja ulegnie awarii. JIT-Debugger lub krytyczne okno dialogowe błędu nie jest dobrą rzeczą. Mówiąc o tym, jak obsługiwać awarie wykracza poza zakres tego artykułu, polecam proste okno dialogowe, które przeprasza użytkownika i informuje go o sytuacji (i ewentualnie z linkiem do dodatkowych informacji na temat odzyskiwania po awarii) byłoby bardzo pomocne dla użytkownika.

Jeśli chcesz wykonać ten krok dalej, możesz zrobić to, co robi jedna z moich ulubionych aplikacji do projektowania graficznego. Jeśli ulegnie awarii, zostanie wyświetlone okno dialogowe odzyskiwania, które pozwoli na zapisanie oddzielnej kopii pliku, nad którym pracujesz, a następnie zostanie wyświetlone okno dialogowe opinii, w którym można wprowadzić informacje o awarii (informacje osobiste opcjonalne, oczywiście) i wysłać go do twórców.

RadioButtons lub ComboBoxes?

Na pierwszy rzut oka metoda dokonywania wyboru jeden z wielu nie wydaje się tak trudna ani ważna. Czasami może to być — zwłaszcza jeśli scenariusz jest aplikacją używaną do pracy z uwzględnieniem czasu.

Przyjrzyjmy się rzeczywistej przykładzie. Firma Microsoft niedawno wydała wersję zapoznawcza aplikacji grafiki, Expression Graphics Designer (dawniej codenamed "Akryl"). Miałem około 20 obiektów graficznych, do których musiałem przypisać określoną właściwość oddzielnie w tej aplikacji. To był ponury proces. Aby to zrobić, musiałem wybrać obiekt, kliknąć przycisk, aby otworzyć okno ustawień i ustawić opcje. W jednej z takich opcji trzeba było wybrać jedną z opcji ComboBox, jak widać na poniższym zrzucie ekranu.

zrzut ekranu okna dialogowego tekstury frędzl dla projektanta grafiki wyrażeń.

Po wyświetleniu listy ComboBox i wybraniu drugiego elementu (z zaledwie 2 elementów) może to być naprawdę irytujące. Zazwyczaj nie zdajemy sobie sprawy z tego, że czas potrzebny na wyświetlenie listy rozwijanej. Może to zmarnować dużo czasu i może być frustrujące. Można to łatwo rozwiązać, umieszczając element GroupBox z dwoma przyciskami RadioButton — zwłaszcza gdy jest tak dużo dostępnego miejsca. Napotkałem podobne problemy w aplikacjach, takich jak FirmaDraw, Microsoft Access i inne.

Oprócz marnowania czasu ze względu na animację listy rozwijanej, to również marnuje naszą "przepustowość psychiczną". Dzięki dwóm "zawsze widocznym" przyciskom RadioButton nasz umysł wzniosłowo zna położenie kursora do kliknięcia. Za pomocą kontrolki ComboBox zostanie ona przetworzona dopiero po narysowanym liście. Chociaż może się wydawać zbyt nieistotne, to rzeczywiście jest bardzo ważne.

Czasami lepiej jest użyć RadioButtons, zwłaszcza jeśli masz 4 opcje lub mniej.

Nigdy nie zakłócaj pracy użytkownika!

Brak oddania broni do głowy, jest to najbardziej destrukcyjna rzecz, którą deweloper może zrobić dla użytkowników. Gdy aplikacja, niepotrzebnie lub w inny sposób, przerywa użytkownika podczas pracy nad inną aplikacją z polem komunikatu lub paskiem zadań flash, uzyskujesz negatywne punkty od użytkownika.

Pasek zadań może być przydatny, oczywiście, ale powinien być wywoływany tylko wtedy, gdy proces aplikacji wymaga danych wejściowych od użytkownika, aby kontynuować, lub jeśli masz coś krytycznego do przekazania użytkownikowi. Jeśli użytkownik zachowa pasek zadań na auto-ukryj, przycisk paska zadań może utrudniać użytkownikowi dostęp do paska stanu lub innych kontrolek o niskim zakotwiczenia, ponieważ pasek zadań będzie na nim znajdować się i nie będzie ukrywany ponownie, dopóki użytkownik nie kliknie przycisku.

zrzut ekranu wyskakujące okno.

Okna "Wyskakujące" (patrz Rysunek 10), znane przez klientów wiadomości błyskawicznych, takich jak MSN Messenger, są doskonałym rozwiązaniem do informowania użytkownika o czymś bez irytujących lub zakłócających przepływ pracy. Istnieje świetny artykuł Bill Wagner na tworzenia wyskakujące okna. Dobrą polityką (i manierami) jest toasty innych aplikacji. Przeszkoda takich okien może być irytujące i nieprodukcyjne. Jednym z rozwiązań jest użycie ToastSemaphore Mutex dostarczone przez system operacyjny, aby uniknąć kolizji wyskakujące.

Czasami może być konieczne wyświetlenie wielu elementów według wyskakujących elementów. Wyskakujące 3 lub więcej tosty nie byłoby naprawdę wskazane. Zamiast tego, jazda na rowerze przez każdy popping / zanikanie jeden toast po drugim byłoby lepiej. Program Microsoft Outlook implementuje podobne rozwiązanie podczas powiadamiania użytkownika o przychodzących wiadomościach e-mail.

Podaj stan postępu

Często istnieją zadania, które wymagają od użytkownika oczekiwania. Oczywiście jest to jedna z rzeczy, które użytkownik po prostu nienawidzi do zrobienia. Ale gorzej jest, gdy czekają, nie wiedząc, co się dzieje. Czasami aplikacja może wymagać połączenia z usługą sieci Web lub komputerem zdalnym, a może przetwarza duże fragmenty danych — bez względu na przyczynę, użytkownik powinien być świadomy lub przynajmniej niejasno świadomy tego, co dzieje się pod maską. Istnieją różne metody tego działania, w zależności od sytuacji.

Jeśli łączysz się z innym obiektem, np. usługą sieci Web lub czymś umieszczonym na serwerze sieciowym lub internetowym, zaleca się wyświetlenie prostego okna dialogowego postępu (zobacz poniższą ilustrację) lub paska postępu hostowanego na pasku stanu. Etykieta dołączona powinna opisywać bieżący stan procesu. Jeśli na przykład łączysz się z usługą sieci Web w celu przetwarzania niektórych danych, po prostu powiedz "Nawiązywanie połączenia z usługą sieci Web... " lub "Czekaj, przetwarzaj... " Jeśli ten proces jest synchroniczny, zaleca się wyłączenie wszystkich kontrolek, do których użytkownik może uzyskać dostęp do momentu ukończenia procesu, lub po prostu pokazać postęp jako modalne okno dialogowe.

zrzut ekranu okna dialogowego paska postępu.

Zdecydowanie zaleca się ustawienie opcji Styl paska postępu na tryb Marquee, jeśli używasz paska postępu, a czas przetwarzania jest nieznany lub jeśli nie masz wartości maksymalnej.

Kolejną metodą, która staje się popularna, jest stałe okno wyskakujące, które wyświetla postęp. Microsoft AntiSpyware downloader/updater lub Norton AntiVirus skanowanie wiadomości e-mail wyskakujących są dobrymi przykładami tego. Oczywiście powinno to być używane tylko w przypadku procesów asynchronicznych. W przeciwnym razie użytkownik może czuć się zniechęcony. Takie okna są najlepiej używane do przetwarzania w tle, takiego jak pobieranie aktualizacji lub wykonywanie zaplanowanego zadania, i nigdy nie powinny być ustawione na "Zawsze włączone".

Upraszczanie złożonych kroków za pomocą kreatorów

Można bezpiecznie założyć, że jeśli w obliczu wielu kontrolek w jednym formularzu typowy użytkownik nie będzie zdezorientowany. Czasami żadna ilość grupowania, określania rozmiaru ani odstępów nie może pomóc w przypadku wielu ważnych kontrolek.

Kreator jest najlepszą rzeczą w takich scenariuszach. Kontrolki można podzielić według zadań lub kategorii zgodnie z potrzebami i umieścić je w osobnych krokach. Może to pomóc użytkownikowi skupić się i nie być zniechęcone przez zadanie. Możesz podać pomoc dotyczącą kroku lub zadania za pomocą przycisku Pomoc. Aby uzyskać więcej informacji, zobacz Wizards.

Kreatory są również dobrym sposobem na skonfigurowanie początkowej konfiguracji aplikacji. Wiele aplikacji używa takiego kreatora do skonfigurowania spersonalizowanej konfiguracji tuż po zakończeniu instalacji lub przy pierwszym użyciu. Taki kreator początkowy powinien być również opcjonalny, jeśli to możliwe — jeśli użytkownik anuluje w dowolnym momencie, nieokreślone ustawienia przechodzą do wartości domyślnych. Jeśli kreator będzie nieco graficzny (zobacz sekcję Use Pretty Graphics), znacznie ułatwia to zadanie konfiguracji.

Uzyskiwanie tonu tekstu w prawo

W wytycznych dotyczących interakcji ze środowiskiem użytkownika systemu Windowsbardzo ważne jest wprowadzenie "tonu tekstu". Jest to wrażenie i uczucie podane przez tekst w aplikacji. Może to być wszystko, od prostej etykietki narzędzia do kontrolki etykiety instrukcji.

Wcześniej omówiliśmy zmianę tekstu w opcji Kamery internetowej w MSN Messenger. To jest nazywane prawidłowym tonem tekstu. W przypadku pracy z użytkownikami nietechnicznych lub początkujących, pobieranie komunikatu w różnych aspektach.

Jeśli piszesz "Ścieżka docelowa" nad polem tekstowym w aplikacji wyodrębniającej się samodzielnie, użytkownik techniczny może łatwo wiedzieć, że wprowadzasz coś takiego jak "C:\Temp\MyPath". Początkujący użytkownik (myślę, że "Mama") może być równie łatwo zaskoczony i musiałby odwoływać się do podręcznika, zadzwonić do pomocy technicznej lub gorzej — zrezygnować. Dobrą alternatywą jest określenie, co ma zrobić użytkownik: "Wybierz folder, w którym chcesz umieścić te pliki". Możesz nawet zmienić nazwę "Przeglądaj... " przycisk znajdujący się obok tego pola tekstowego na "Wybierz folder... "

Podaj jasny opis tego, co chcesz, aby użytkownik również zmniejszył potrzebę plików Pomocy lub przynajmniej zmniejszy szczegóły, które należy uwzględnić w plikach Pomocy.

Bardzo dobra sugestia z wytycznych dotyczących interakcji środowiska użytkownika systemu Windows dotyczy dowolnego oprogramowania. Stwierdza, że pisarz powinien zachować konwersację tekstowa. Wytyczne określają to jako "Unikaj słów, które nie mówisz komuś innemu osobiście".

Kilka wskazówek dotyczących pisania tekstu:

  • Unikaj mówienia o użytkowniku w trzeciej osobie. Powiedz "You" zamiast "User".
  • Zawsze, gdy jest to możliwe, należy używać "Moja nazwa:" lub "Mój adres e-mail:" zamiast "Name:" lub "E-Mail:"
  • Podczas udzielania wielu opcji napisz tekst z perspektywy użytkownika. Jeśli na przykład masz dwa przyciski RadioButton w etykiecie, takie jak "Select permission for [Username] on this network" (Wybierz uprawnienie [Username] w tej sieci) powyżej dwóch przycisków RadioButton, takich jak "Allow" (Zezwalaj) i "Deny" (Odmów), zastąp tekst RadioButton tekstem "Chcę zezwolić na [nazwa użytkownika]" i "Chcę nie zezwalać na [nazwa użytkownika]."
  • Podkreśl tekst tylko wtedy, gdy jest używany do obsługi łączy. Myli użytkownika, jeśli podkreślony tekst nie jest linkiem.
  • Należy zwrócić uwagę na ważne informacje z pogrubioną etykietą, ale ostrożnie jej używać. Zbyt dużo tekstu pogrubionego jest mylące i zmniejsza ogólny wpływ formularza.
  • Podczas pisania tekstu dla pola wyboru upewnij się, że łatwo jest wiedzieć, co się stanie po jej wybraniu i wyczyszczone lub gdy jest niezaznaczone. Zalecaną opcją jest napisanie tekstu bezpośrednio w wyniku zaznaczenia pola wyboru. Na przykład napisz "Wyślij mi przydatne informacje od partnerów" zamiast "Nie wysyłaj mi przydatnych informacji od partnerów". Chociaż mogę sobie wyobrazić wiele osób marketingowych argumentujących o tym konkretnym przykładzie, jestem pewien, że wiesz, co mam na myśli.
  • Jeśli masz kontrolkę przypominającą przycisk (zwykle przycisk radiowy z wyglądem przycisku polecenia), która kontroluje kontrolkę Włączone/Wyłączone, upewnij się, że została ona poprawnie oznaczona. Jeśli proces jest włączony, napisz "Włączone" zamiast "Włącz" lub "Wyłącz". Po zapisie Włączone zostanie wyświetlony bieżący stan. Jeśli przycisk jest klikany (włączony), a przycisk "Włącz", może to być mylące i problematyczne. Opcja "Włącz" może monitować użytkownika o kliknięcie go, myśląc, że proces nie jest aktywny.

Czasami element ListView jest lepszy

Często trzymamy się elementu DataGrid lub ListBox, a nawet ComboBox do zadań wyboru, ale w systemie Windows XP i nowszych wersjach systemu Windows przy użyciu kontrolki ListView można uzyskać większe opcje.

Drobne punkty kontrolki ListView:

  • Przyspiesza rozpoznawanie elementów za pomocą ikon i map bitowych.
  • Wyświetla dodatkowe informacje z widokami szczegółów lub kafelków.
  • W programie Visual Studio 2005 można nawet mieć grupy na potrzeby dodatkowej kategoryzacji. Grupy obejmują wszystkie widoki i są elastyczne. Grupy mogą również służyć do spłaszczenia widoku hierarchii (na przykład TreeView), gdzie istnieje więcej węzłów podrzędnych niż węzły nadrzędne. Dobrym przykładem jest okno dialogowe Połączenia sieciowe w systemie Windows XP, w przypadku wyświetlania z opcją "Pokaż w grupach" i widok ustawiony na Szczegóły.
  • Aby dostosować kontrolkę ListView, ręcznie maluj ją, ustawiając właściwość OwnerDraw i używając DrawItem i DrawSubItem zdarzeń.
  • Obsługuje szybkie edytowanie elementów ListView w miejscu.
  • Łatwo obsługuje ręczne zmienianie kolejności.
  • Pozwala użytkownikom wybrać widok (duże ikony, małe ikony, listę itd.) są najbardziej wygodne.

Upraszczanie nawigacji za pomocą kontrolek i pasków bocznych stron nadrzędnych

"Nawigacja podrzędna" to klucz do złożonego interfejsu użytkownika. Czasami nie można uniknąć skomplikowanego interfejsu użytkownika. Najlepszą rzeczą do zrobienia w takiej sytuacji jest jak najwięcej możliwości dla użytkownika. Pasek boczny składający się z etykiet linków lub TreeView na potrzeby nawigacji opartej na hierarchii sugeruje nawigację na poziomie równorzędnym dla zadania bieżącego okna dialogowego. Bardzo łatwo jest użytkownikowi przechodzić między etapami procesu, wiedząc, gdzie jest.

Jeśli przejdziesz do nawigacji opartej na hierarchii z kontrolkami TreeView lub innej podobnie złożonej nawigacji, dobrym narzędziem dla użytkownika będzie kontrolka linku do stron nadrzędnych. Chociaż program Visual Studio nie jest jeszcze wyposażony w wbudowaną kontrolkę, zobacz Creating A Breadcrumb Control (Tworzenie kontrolki do stron nadrzędnych), aby uzyskać informacje na temat samodzielnego tworzenia. Kontrolka stron nadrzędnych ułatwia znalezienie bieżącej lokalizacji w odniesieniu do hierarchii.

Nawigacja do stron nadrzędnych można łatwo scalić w nagłówku, jeśli formularz ma jeden. Zobacz poprzednią sekcję dotyczącą nagłówków .

Używanie ładnej grafiki

Każdy lubi aplikacje z chłodną grafiką — większość przynajmniej. Chociaż interfejs użytkownika z ładną grafiką nie jest logicznym wyborem dla wszystkich aplikacji, pomaga zrobić miłe wrażenie i może być przyjemnością pracy. Oczywiście grafika nie powinna utrudniać produktywności, ale jeśli jest używana poprawnie, mogą ją zwiększyć!

Nie musi być wiele grafiki, ani niekoniecznie wymagają dużo pracy. Profesjonalnie zaprojektowany ekran powitalny lub nagłówek (jak ten, o którym mówiliśmy wcześniej) robi sztuczkę. Jeśli budżet pozwala, możesz użyć ładnie zaprojektowanej grafiki dla pasków narzędzi, kreatorów i nie tylko. Sprawiają, że Twoja aplikacja wygląda ładnie i bardziej profesjonalnie. Jest to subtelny efekt, ale profesjonalny wygląd daje pewność siebie i stabilność. Jeśli jesteś stosunkowo małą firmą tworzącą aplikacje detaliczne, jest to kluczowy aspekt, który należy wziąć pod uwagę.

Zawsze należy zwrócić uwagę na użycie profesjonalnie zaprojektowanej grafiki. Grafika bez tantiem jest łatwo dostępna i przystępna cenowo. Możesz również zatrudnić projektanta. Ale jeśli grafika nie jest twoim forte, nie spróbuj go samodzielnie. Jeśli nie możesz nabyć ani używać profesjonalnie zaprojektowanej grafiki, lepiej nie używać ich w ogóle.

W przypadku małej grafiki zawsze można znaleźć ikony i mapy bitowe dostarczane za pomocą programu Visual Studio 2005. (Grafika dostarczana z poprzednimi wersjami nie jest zalecana!)

Udostępnianie formularzy z możliwością zmiany rozmiaru, gdy jest to możliwe

Okna z możliwością zmiany rozmiaru są nieco podobne do okien niezależnych od rozpoznawania. Okna niezależne od rozpoznawania wyglądają tak samo, niezależnie od tego, czy używasz ekranów 96DPI, czy 300DPI. Niezależnie od tego, czy interfejs użytkownika aplikacji jest niezależny od rozpoznawania, będzie lepiej, jeśli jest możliwy do zmiany rozmiaru. Oczywiście nie dotyczyłoby to wielu scenariuszy, ale jest to dobra reguła ogólnego przeznaczenia.

Jeśli okno zajmuje się listami dowolnego rodzaju — zwłaszcza ListViews — staje się to jeszcze ważniejsze. Zmiana rozmiaru umożliwia użytkownikowi jednoczesne przyjrzenie się większej ilości danych.

Na przykład mamy aplikację, w której użytkownik musi wybrać obraz z dużej kolekcji. Otwarte okno dialogowe umożliwia wybranie widoku Miniatura, ale okno dialogowe ma stały rozmiar, a lista miniatur pokazuje tylko 4 miniatury naraz. Jeśli kolekcja ma sto obrazów, przewijanie i szukanie — powtarzalne zadanie — może być dość męczące i zmniejszyć wydajność. Jeśli okno dialogowe jest możliwe do zmiany rozmiaru, użytkownik może sprawić, że będzie on tak duży, jak jest wygodny lub co najmniej tak duży, jak to możliwe, i będzie mógł szybko zakończyć zadanie. Jeśli lista ma poziome przewijanie — takie jak szczegółowy widok ListView lub DataGrid — jest jeszcze bardziej męczące! Okna z możliwością zmiany rozmiaru są bardzo przydatne w takiej sytuacji.

Zapewnianie większej funkcjonalności przy użyciu pasków bocznych/okienek zadań

Podobnie jak w przypadku nagłówków, o których mówiliśmy wcześniej, paski boczne i okienka zadań to wspaniały sposób na zapewnienie dodatkowych funkcji i poleceń narzędziowych. Na przykład okienka zadań w programie Office Word 2003 są bardzo wygodne, dostępne i nieinwazyjne. Działają one również asynchronicznie podczas nawiązywania połączenia z zasobami online, zapewniając użytkownikowi opcję wielu zadań.

Tworzenie okienka zadań lub paska bocznego jest tak proste, jak utworzenie panelu dokowania, z opcją umieszczania grafika z lizaniem u góry, aby działać jako pasek tytułu. Możesz nawet użyć kolorowej kontrolki Etykieta. Możliwości okienk zadań to wiele!

Jeśli masz dodatkowe funkcje i chcesz nie natrętnie dostarczyć go użytkownikowi, nie ma miejsca takiego jak okienko zadań. Możesz również tworzyć okienka zadań "Automatyczne ukrywanie" lub zwijać tak jak okna narzędzi programu Visual Studio.

Nadaj wybór powiadomienia

Wcześniej zobaczyliśmy, jak utworzyć niestandardowe pole komunikatu. Jeśli pole komunikatu w aplikacji będzie często wyświetlane użytkownikowi, warto dodać pole wyboru, które użytkownik może wybrać, aby wyłączyć wyświetlanie tego okna dialogowego w przyszłości. Taka opcja jest szczególnie dobra dla bardziej oczywistych wiadomości.

Znanym przykładem jest okno dialogowe Znajdowanie programu Visual Studio. Podczas wyszukiwania lub zastępowania tekstu program Visual Studio wyświetla pole komunikatu z informacją o wynikach. Ale masz również możliwość wyłączenia tego pola komunikatu. Może to być naprawdę irytujące, jeśli musisz nacisnąć Enter lub kliknąć przycisk OK za każdym razem, gdy szukasz.

Inną fajną rzeczą, którą robi program Visual Studio, jest to, że nawet jeśli okno dialogowe jest wyłączone, nadal wyświetla wyniki tej operacji na pasku stanu.

Podaj etykietki narzędzi!

Czasami etykietki narzędzi mogą zaoszczędzić dużo czasu. Przyciski, pola wyboru i inne kontrolki mogą być niejednoznaczne, a użytkownik może nie mieć pewności, co zrobić. Etykietki narzędzi zapewniają najlepszą formę pomocy kontekstowej w jednym wierszu. Użytkownik może szybko zdecydować, co zrobić bez wyszukiwania niczego w pliku Pomocy lub otwierania innego okna.

Użytkownicy często pomijają to w swoich aplikacjach. Wskaż, aby dodać etykietki narzędzi do wszystkich niejednoznacznych kontrolek — lub wszystkie kontrolki, jeśli to możliwe. Nie powtarzaj tekstu etykiety towarzyszącej ani własnego tekstu kontrolki, ale podaj dodatkowe informacje o tej kontrolce. Tekst powinien wyjaśnić funkcję kontrolki w zaledwie kilku słowach.

Nie zapomnij o małych rzeczach

Małe rzeczy mogą cię denerwować, ale ignorowanie ich może mieć wpływ na wrażenie, które robisz. Kiedyś korzystałem z aplikacji wykonanej przez ważną osobę w branży oprogramowania, która miała postać BorderStyle ustawioną na Sizeable, ale kontrolki po prawej stronie formularza nie były zakotwiczone. W związku z tym aplikacja utworzona przez branżę wagi ciężkiej miała nieprofesjonalnego uczucia.

Tego rodzaju "małe rzeczy" są podstawą ogólnego wrażenia. Interfejs użytkownika i środowisko użytkownika aplikacji są tym, na których użytkownicy będą oceniać twoją aplikację — co najmniej na początku. Jeśli w interfejsie użytkownika są widoczne oczywiste usterki, mogą one postrzegać aplikację jako mniej zaawansowaną i skuteczną.

Konkluzja

Poruszyliśmy tylko niewielką część środowiska użytkownika ludzkiego. Ponieważ środowisko użytkownika staje się prostsze, efektywne, zabawne i bardziej przyjazne dla użytkownika, zadanie tworzenia tego środowiska użytkownika staje się znacznie bardziej złożone. Jednak w przypadku pewnych celów i dobrego planowania możesz utworzyć doskonałe środowisko użytkownika.

Najlepszym sposobem na utworzenie idealnego środowiska użytkownika jest przeprowadzenie testów użyteczności przeznaczonych szczególnie w interfejsie użytkownika — zarówno w przypadku specjalnej grupy testowej, jak i samodzielnej. Tym więcej czasu poświęcasz na testowanie środowiska użytkownika przed udostępnieniem aplikacji, tym lepiej. Pozwoli to zaoszczędzić wiele kłopotów później.