HST Status weergave

Post by **TANE** » Sat Mar 21, 2009 12:13 am

Vanaf het begin ben ik bezig om mijn Touch screen interface te optimaliseren.

Belangrijke Uitgangspunten:
- Overzichtelijk / duidelijk
- Bruikbaar
- Geen GEEK look
- Intuitief
- Efficient (800 x 600 scherm)
- Snel

Rij een
Nieuwe indeling
Grijs Off
Groen On
Geel Dim

Rij twee
Vermeldingen met tekst was efficient maar ook tegelijk rommelig en iets minder duidelijk.

[img]uploaded/Chak/200932023439_HST-status.gif[/img]

Werkwijze die ik hier gebruik.
Afhankelijk van de status toets image veranderen.
Binnen HST is er een andere methode om dit voor elkaar te krijgen nl. via "Zorder" maar dat heeft vanaf het begin niet goed gewerkt en als je meerdere lagen hebt werkt het helemaal lastig

Button download

[img]uploaded/Chak/200932112576_button-black.png[/img]
[img]uploaded/Chak/2009321125738_BlackOff.png[/img]
[img]uploaded/Chak/200932112581_BlackDim.png[/img]
[img]uploaded/Chak/2009321125820_BlackOn.png[/img]

Post by **Bastiaan** » Sat Mar 21, 2009 9:48 am

Wat ik nog niet voor elkaar heb gekregen maar zelf de beste oplossing vind is een knop waarom het plaatje met de status mee veranderd, bv gordijn open/ gordijn gesloten (dat kan al) maar met daarover heen tekst om welk gordijn het gaat. Het lukt me niet om die zaken te combineren en ik zie dat jij ook nog drie knoppen nodig hebt voor je gordijn. IK heb het als toggle staan en nu maar de tekst eronder.
Ik ben het met je eens dat te veel tekst onduidelijk werkt en gauw rommelig wordt.

In dit voorbeeld zie je mijn poging en hoe de transparant instelling niet goed werkt onder de tekst. Op de Client verdwijnt de tekst geheel.

Post by **TANE** » Sat Mar 21, 2009 1:00 pm

Hoi Bastiaan..Voor gordijnen heb ik nog geen goede oplossing.
Wat je gemaakt hebt ziet er heel goed uit.

Ook je garage oplossing is super.
Kan ik een kopie van de toetsen krijgen?

Post by **Bastiaan** » Sat Mar 21, 2009 2:31 pm

Credits voor het grafische werk gaan naar mijn vriending Pat

Ondertussen ben ik net als jij nog aan het stoeien naar een overzichtelijke cleane look.
Bijgaan de laatste pogingen voor mijn security screen.

Download Attachment:

buttons.zip 28.41KB

Post by **Bastiaan** » Sat Mar 21, 2009 2:41 pm

Ik ben ook nog erg aan het zoeken of ik nou met icoontjes of met tekst de status moet aangeven.
De icoontje van HS zijn een beetje stijlloos dus moet je overal andere dingen aan gaan koppelen.

Testje:

Wat ik een strak ontwerp vind is bv van Homeserver 3 van Gira (Gira.com) er heeft al eens een plaatje van ze op het forum gestaan. Er is consistentie in de iconen, (alles wit), er zijn hele subtiele nuances en als er kleuren gebruikt worden is het met rustige tonen.

Post by **TANE** » Sat Mar 21, 2009 2:47 pm

Ziet er super uit..
ik heb je idee van Lock Unlock naar mijn buttons gekopieerd.
Zal kijken of het met de gordijnen ook gaat werken..
thanks

[img]uploaded/Chak/200932113450_BlackLock.png[/img]
[img]uploaded/Chak/2009321134527_BlackUnlock.png[/img]

Post by **Bastiaan** » Sat Mar 21, 2009 6:15 pm

Nog even als mooi voorbeeld.

Zij werken bv met een kleine slider naast een dimbaar item, bij aanklikken komt een grote popup met de gorte slider en een percentage.
Spaart ruimte op het hoofd scherm en je kunt echt goed handelbare grote sliders maken, zelfs op een klein scherm.

Ben er nu zelf mee bezig, voorbeeld volgt.

Post by **TANE** » Sun Mar 22, 2009 12:29 am

[img]uploaded/Chak/200932123287_CurtainOpen.png[/img]
[img]uploaded/Chak/2009321232849_CurtainClose.png[/img]

Er is nog ruimte voor een regel tekst boven in.

Post by **Bastiaan** » Sun Mar 22, 2009 8:09 am

Maar ik krijg het niet goed om zowel status images te gebruiken als ook een tekst over een button te leggen. In de de designer zie ik die wel maar in de Client vaak niet. Ik ga daarom maar weer tetug naar een button met een icoon erachter. Probeer wel een soort eenvormigheid te maken door de iconen wel allemaal zelf te maken.
Geloof wel dat iconen een sneller overzicht geven dan tekst. Wat denk jij?
(nu eerst even twee dagen werken, ja buiten dus hopen dat het droog blijft)

Post by **r_255** » Sun Mar 22, 2009 9:20 am

@zebrafilm

Kijk nou nog eens goed naar het geen wat je zelf zo aantrekt.
Ik zie namelijk tekst en icons

Post by **TANE** » Sun Mar 22, 2009 11:33 am

Bastiaan,
Probeer eens DPI instellingen te veranderen
In project setting kan je deze veranderen.
Op de Asus Top is de DPI veel hoger dan op een gewone scherm
Zelfde probleem heb ik ook op mijn HTC HD
Hier gebruik ik DPI X 0,7

Post by **TANE** » Sun Mar 22, 2009 12:09 pm

[img]uploaded/Chak/200932211842_gordijn.png[/img]

Post by **r_255** » Sun Mar 22, 2009 12:34 pm

Ik zou gewoon de letters op de knop zetten in photoshop, dan heb je ook geen last van fontscaling geneuzel.

Het is even wat meer werk, maar het uiteindelijke resultaat is dat je letters ook veel mooier in je gfx blenden door de anti alliasing die ze dan mee krijgen.

Onderschat ook zeker niet het gebruik van kleuren, kijk maar eens om je heen.. Stations, vliegvelden... icons zijn in de praktijk doorgaans in 1 kleur gemaakt. En op de momenten dat er extra aandacht gewenst is gebruikt men rood of een andere in het oog springende tint. Wat dat betreft is het wel leuk dat je dat ook weer terug ziet in het mooie voorbeeldje van Zebrafilm.

Sugestie aan Chak knijp je ogen eens een beetje dicht en kijk nog eens naar je vormgeving om zo kwa kleur ook een funktionele interface te krijgen. Je gordijn icon krijgt namelijk nu wel erg onredelijk veel aandacht. Het is een truukje wat ik vaak gebruik met het maken van posters.

Post by **TANE** » Sun Mar 22, 2009 12:56 pm

@Robin,
Daar heb je wel gelijk in.. minder kleur voor de normale status.
Gordijn icon past nog niet goed bij het geheel.
Wel blij dat het iets compacter is geworden.
Slot open dicht ziet er beter uit.

Als je voor de gordijnen iets moois kan maken graag..

Post by **r_255** » Sun Mar 22, 2009 1:25 pm

ik zal als ik weer thuis ben mijn verhaal visueel ondersteunen met je gordijn knop