HST Status weergave

Alles m.b.t. HSTtouch (DUTCH forum)

Moderators: TANE, Ruud

User avatar
TANE
Forum Moderator
Forum Moderator
Posts: 4806
Joined: Fri Apr 06, 2007 9:46 pm
Location: Netherlands
Contact:

HST Status weergave

Post by TANE »

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


<b>Button download</b>

[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]
Bastiaan
Senior Member
Senior Member
Posts: 1259
Joined: Sat May 24, 2008 11:36 am
Location: Netherlands
Contact:

HST Status weergave

Post by Bastiaan »

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.

Image

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.

Image
User avatar
TANE
Forum Moderator
Forum Moderator
Posts: 4806
Joined: Fri Apr 06, 2007 9:46 pm
Location: Netherlands
Contact:

HST Status weergave

Post by TANE »

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?
Bastiaan
Senior Member
Senior Member
Posts: 1259
Joined: Sat May 24, 2008 11:36 am
Location: Netherlands
Contact:

HST Status weergave

Post by Bastiaan »

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.

<b>Download Attachment:</b> Image buttons.zip<br />28.41KB

Image
Bastiaan
Senior Member
Senior Member
Posts: 1259
Joined: Sat May 24, 2008 11:36 am
Location: Netherlands
Contact:

HST Status weergave

Post by Bastiaan »

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:

Image

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.
User avatar
TANE
Forum Moderator
Forum Moderator
Posts: 4806
Joined: Fri Apr 06, 2007 9:46 pm
Location: Netherlands
Contact:

HST Status weergave

Post by TANE »

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]
Bastiaan
Senior Member
Senior Member
Posts: 1259
Joined: Sat May 24, 2008 11:36 am
Location: Netherlands
Contact:

HST Status weergave

Post by Bastiaan »

Nog even als mooi voorbeeld.

Image


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.
User avatar
TANE
Forum Moderator
Forum Moderator
Posts: 4806
Joined: Fri Apr 06, 2007 9:46 pm
Location: Netherlands
Contact:

HST Status weergave

Post by TANE »

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

Er is nog ruimte voor een regel tekst boven in.
Bastiaan
Senior Member
Senior Member
Posts: 1259
Joined: Sat May 24, 2008 11:36 am
Location: Netherlands
Contact:

HST Status weergave

Post by Bastiaan »

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)
r_255
Advanced Member
Advanced Member
Posts: 621
Joined: Wed Jun 11, 2008 9:39 pm
Location: Netherlands

HST Status weergave

Post by r_255 »

@zebrafilm

Kijk nou nog eens goed naar het geen wat je zelf zo aantrekt.
Ik zie namelijk tekst en icons ;)
User avatar
TANE
Forum Moderator
Forum Moderator
Posts: 4806
Joined: Fri Apr 06, 2007 9:46 pm
Location: Netherlands
Contact:

HST Status weergave

Post by TANE »

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
User avatar
TANE
Forum Moderator
Forum Moderator
Posts: 4806
Joined: Fri Apr 06, 2007 9:46 pm
Location: Netherlands
Contact:

HST Status weergave

Post by TANE »

[img]uploaded/Chak/200932211842_gordijn.png[/img]
r_255
Advanced Member
Advanced Member
Posts: 621
Joined: Wed Jun 11, 2008 9:39 pm
Location: Netherlands

HST Status weergave

Post by r_255 »

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.
User avatar
TANE
Forum Moderator
Forum Moderator
Posts: 4806
Joined: Fri Apr 06, 2007 9:46 pm
Location: Netherlands
Contact:

HST Status weergave

Post by TANE »

@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..:)
r_255
Advanced Member
Advanced Member
Posts: 621
Joined: Wed Jun 11, 2008 9:39 pm
Location: Netherlands

HST Status weergave

Post by r_255 »

ik zal als ik weer thuis ben mijn verhaal visueel ondersteunen met je gordijn knop ;)
Post Reply

Return to “Homeseer HStouch Forum”