Mam problem mentalny w zakresie projektowania interfejsu głównego ekranu dla aplikacji komputerowej, którą obecnie aktualizuję. Kiedy pierwszy raz opracowałem ten program, rozdzielczość ekranu wynosiła 640 X 480. Obecnie istnieje wiele rozdzielczości ekranu.
Gdzie mogę znaleźć pomysły na dobry układ ekranu głównego dla aplikacji komputerowej?
gui
user-interface
delphi
user-experience
desktop-application
Michael Riley - AKA Gunny
źródło
źródło
Odpowiedzi:
Polecam sprawdzenie kilku różnych książek, które, o dziwo, nie koncentrują się na projektowaniu GUI aplikacji komputerowych. Niezależnie od tego, te teksty pomogą ci zacząć myśleć o tym, jak uzyskać informacje, których potrzebują użytkownicy w formie, którą rozumieją ich mózgi. W każdym razie pierwszą książką jest The Non-Designer's Design Book autorstwa Robina Williamsa. Ta książka nauczy Cię o kompozycji w kategoriach nie tak graficznych. Ta książka sprawi, że zaczniesz myśleć o tym, jak ludzki umysł postrzega elementy projektu.
Po drugie, sprawdź Don't Make Me Think autorstwa Steve Krug. Zajmuje się nawigacją i reprezentacją danych na stronach internetowych, ale wiele z rekomendacji (np. Nawigacja w bułce tartej) często ma taki sam sens w aplikacjach komputerowych jak na stronach internetowych.
Jak wskazał inny plakat, dobre wzorce projektowe nie istnieją w izolacji na medium. Niektóre rzeczy nie tłumaczą się tak dobrze między analogowym a cyfrowym (np. Tekst w wielu kolumnach w rzeczywistej gazecie w porównaniu do aplikacji dla gazety), ponieważ pewne ograniczenia są różne w zależności od medium, ale wiele zasad dobrego projektowania jest prawdziwe bez względu na wszystko medium, o którym mówisz.
źródło
Jedna wskazówka, którą często słyszałem, to inspirowanie się projektami, które lubisz. Nie jest to odosobnione, by po prostu powiedzieć, aplikacje komputerowe, ale powinno obejmować sztukę, architekturę, sieć, fotografię, produkty itp.
Pomoże Ci to zbudować poczucie tego, czym jest dobry projekt i pomoże ci w długoterminowych aplikacjach projektowych, które są miłe dla oka i przyjazne dla użytkownika.
Jeśli prototypujesz swój projekt, możesz uzyskać pomoc od użytkowników lub innych programistów, aby spróbować go podczas zbierania opinii. Nie tylko co mówią, ale co robią. (przykład: ludzie mówią, że nie lubią zaśmieconych wysp w Walmart, ale dosłownie stracili ponad 1 miliard dolarów sprzedaży, kiedy usunęliście bałagan)
źródło
Zawsze przestrzegam zasady minimalizacji kliknięć i naciśnięć klawiszy. Nie jestem zbyt dobry w tworzeniu seksownie wyglądającego interfejsu użytkownika, z dużą ilością kolorów i pulchnymi przyciskami, ale użytkownicy mówią, że moje interfejsy są proste w użyciu. Tu jest jeden.
Odkryłem, że użytkownicy uwielbiają natychmiastową reakcję . To jest jak w Hollywood. Ludzie kochają piksele (najlepiej kolorowe piksele). Naprawdę uwielbiają poruszające się piksele .
Próbując stworzyć takie interfejsy użytkownika i uprościć kodowanie, wiele lat temu wymyśliłem schemat, którego wciąż używam do dziś - Differential Execution . (Nie mogę powiedzieć, że miałem dużo szczęścia, kiedy to opublikowałem, ale oto jest. Zostało opublikowane, FWIW.)
To tylko moje dwa centy.
źródło
Myślę, że pierwszym krokiem jest określenie stylu / motywu. Na przykład styl Windows 8 Metro vs. NT.
Kilka sugestii dotyczących zasobów i inspiracji (wspominam o WPF / Web, ale nie musisz go oczywiście używać):
Odp .: Jeśli chcesz zacząć od prototypowania, style kontroli tutaj są fajnymi stylami i kontrolkami kontroli sieci
B - Component Factory zapewnia dobre uniesienie twarzy - oferują nawet jeden darmowy produkt w: Component Factory
C - Zewnętrzni twórcy kontrolek GUI mają dobrze wyglądające dema
D - Spróbuj wyszukać słowo „książki” na tej stronie: User Experience - Otrzymasz mnóstwo postów.
E- Ta aplikacja WPF : Aplikacja WPF Health Care
F - Ta aplikacja WPF: Billy Holis - WPF i gotowa wersja na: WPF - StaffLynx
G - Narzędzia w stylu Metro są dostępne, jeśli chcesz. Sprawdź to: styl Metro
Co najważniejsze, jak już zapewne wiesz, zrównoważ wysiłek z wartością.
Edytować
DevXpress wydał nową wersję obsługującą Metro Style, właśnie obejrzał wideo z obecnym DevXpress-2
źródło
Nie mogę wystarczająco polecić książki Edwarda Tufte'a Wizualne wyświetlanie informacji ilościowych . Naprawdę sprawia, że myślisz o tym, co prezentujesz i dlaczego. Wszystkie jego książki są dobre, ale najbardziej odnoszę się do tej książki.
Dobra książka „Wzorzec projektowania interfejsu użytkownika”, którą znalazłem, to Projektowanie interfejsów . Zawiera sekcje dotyczące projektowania układów, nawigacji, wyświetlania złożonych informacji i projektowania formularzy wejściowych. Istnieje podobna książka na temat projektowania interfejsów społecznościowych (zwana, odpowiednio, Projektowanie interfejsów społecznościowych ), ale jej nie przeczytałam, więc nie wiem wystarczająco, żeby ją polecić.
źródło
Jest już kilka dobrych książek, które zostały już polecone. Witryna wymiany stosów UX jest lepiej przygotowana do obsługi takich pytań, ale nie jest też całkowicie nie na temat.
Przede wszystkim mediaqueri.es to świetny zasób na Twój konkretny problem, ponieważ jest to galeria stron internetowych i aplikacji internetowych, które są odpowiednio zaprojektowane, aby pasowały do różnych rozdzielczości ekranu i programów użytkownika.
Sprawdź także w Smashing Magazine . To blog, który jest prawdziwym rajem dla programistów, zawierający posty dotyczące UX / UI, HTML / CSS / JavaScript, projektowania graficznego i projektowania stron internetowych. Mają także posty, które badają określone strony internetowe i kampanie marketingowe i widzą, co zrobili dobrze (i źle) z decyzjami UI / UX. Regularnie sprawdzaj tę witrynę, aby uzyskać codzienne porady dotyczące tych tematów.
Potem, gdy zaczniesz czerpać inspirację, spójrz na niektóre pytania SO / SE, w których specjalnie zagrałem na ten temat. Są to tylko ogólne zasoby dla każdego, a nie tylko OP:
źródło