69 replies to this topic

[ovvldc]

I agree with DonGato here: less is more. Although that might just be my hay-feverish mind talking..

[syao]

DonGato, on 16 April 2012 - 02:42 AM, said:

How's this? Some stripes in the dark spots. Looks better for sure, though I think I prefer no stripes at all...

Not fond of stripes, but I don't hate them either (at least they aren't like the annoying pre-Tiger pinstripes )



Just throwing a suggestion about the Wineskin.app interface.  I don't know yet how it'd look and whether it'd be ugly or hard to use, but, since it's pretty much a configuration app, couldn't it be made to look like a Preferences pane?  The ones with icon-based tabs on their toolbar, and that automatically resize to fit the contents of the currently selected tab.
It might be a bit awkward, since that kind of UI is usually only shown in Preferences windows rather than standalone apps, but Wineskin.app really is a prefs window for the wrapper.
An example of standalone app that uses such an UI is Keka.app (screenshot), which also works as a sort of prefs window for its Dock droplet.

[Battlefiler]

yes  your idea with the UI is cool but it thought it look better if the buttons are on the left side not on top

[syao]

You mean something like Twitter.app, Reeder, etc?  That would call for a really customized window style I guess, hmm.  But it's a good idea, it probably makes it less 'boring'.

[Battlefiler]

yes nsobj have made an example but doh only want a simple ui

[wMin17]

Loving it!  However, I think the old design is much simpler...

[samm565]

Battlefiler, on 15 April 2012 - 11:05 AM, said:

thats you uglyist design ever samm

sorry but is so ugly with the wood and UI is very unusefull for wineskin

i'm not the person who put the buttons like that, i just created the background. He did what he wanted with it. The interface i designed is a lot different to that.

[samm565]

doh123, on 15 April 2012 - 12:13 PM, said:

I added a background image to the windows in Wineskin.app, and redesigned it so that once you go in the Advanced window, it stays in there and you don't go back to the normal window... Installer and Screen Options are available now on the Advanced window.

I like it, i think its a bit too wide though.

EDIT: After looking at it for a bit I'm starting to not like it anymore

[samm565]

Winery design. What do you think.

EDIT: Minor UI Changes..

Spoiler

Current Winery below.. (for comparison)

EDIT: Description..
2 tabs for custom/stock engines, update box moved to left and 2 unneeded buttons removed (quit and refresh, the app should auto refresh), which in turn gives more space for the engines list. Which is better for people like cluthz who have about 60 engines, that extra space will hopefully make it easier for people to browser their engines, having 2 tabs also shrinks the users engine list into categories.

Buttons have been put closer together because having them so far apart is just wasting space, and smaller the interface can be and yet still have the same, or even more functionality/ease of use, which is a plus.

[HiPhish]

That's better, not sure why you would change to Wineskin banner, but otherwise it's better. There are less buttons (the Quit button is redundant) and there is more space for engines in the list. I'd call the "Basic" tab "Stock", seems more fitting.

[samm565]

Wineskin Design.

More images..

Spoiler

Interface Demo (<300kb): http://cl.ly/Ftzi

[SouthTuna]

The stripes are fine, in my opinion XD

[samm565]

HiPhish, on 17 April 2012 - 02:02 PM, said:

That's better, not sure why you would change to Wineskin banner, but otherwise it's better. There are less buttons (the Quit button is redundant) and there is more space for engines in the list. I'd call the "Basic" tab "Stock", seems more fitting.

Thanks, my wineskin/winery designs have that banner that i made, so people can easily see the designs that i do. doh123 could do whatever banner she wanted but i just put it their so it made my designs a bit unique

If doh123 made it like mine he could change things like the basic to stock and things like that, i just quickly did it in Xcode and moved it into photoshop but and couldn't be bothered thinking of "fitting" names for them.

I think people are thinking that the design that hmtinc showed is my design, but its not really, i created the background but the design i did with that background was heaps different to what hmtinc did, i just wanted to clear that up, all i did was make the background.

[samm565]

syao, on 16 April 2012 - 06:42 PM, said:

You mean something like Twitter.app, Reeder, etc?  That would call for a really customized window style I guess, hmm.  But it's a good idea, it probably makes it less 'boring'.

or ciderX central

[samm565]

doh123, on 15 April 2012 - 12:13 PM, said:

I added a background image to the windows in Wineskin.app, and redesigned it so that once you go in the Advanced window, it stays in there and you don't go back to the normal window... Installer and Screen Options are available now on the Advanced window.

stripes aren't so good, i think better without.

[Battlefiler]

samm565, on 17 April 2012 - 01:25 PM, said:

i'm not the person who put the buttons like that, i just created the background. He did what he wanted with it. The interface i designed is a lot different to that.

yes it is very cool

[samm565]

Battlefiler, on 17 April 2012 - 02:50 PM, said:

yes it is very cool

I'm not even proud of the background. I could do better. I just don't usually make backgrounds that complicated. I do simple things most of the time.

[doh123]

Refresh is needed. Otherwise it's goin to have to spawn a thread to keep looking at the engines folder for changes, which during a wrapper creation could really start churning... Right now it does keep track of engines, it just reads what's in the folder

[DonGato]

doh123, on 17 April 2012 - 03:47 PM, said:

Refresh is needed. Otherwise it's goin to have to spawn a thread to keep looking at the engines folder for changes, which during a wrapper creation could really start churning... Right now it does keep track of engines, it just reads what's in the folder

Seems like a good place for it. Doesn't make the app needlessly bigger...

Or you could make the window autorefresh when you DL a new engine, and just make users quit and reopen the program when they manually install engines. Nothing wrong w/ that.

samm565, on 17 April 2012 - 02:03 PM, said:

Wineskin Design.

Spoiler

More images..

Interface Demo (<300kb): http://cl.ly/Ftzi

Nice! I dislike the user and porter headers over some buttons. Also the buttons in the advanced section are a too small IMO. Finally, why have a screen options tab? Just put a button in the advanced section, so that the set screen options button is available from either the basic or advanced screen. For that matter put an install Windows software button in advanced to, so there is no functionality missing from the advanced screen.    Other than that, I think your design is wonderful!

BTW, why have access to screen options from basic anyway? I have never used it on one of the ports I've downloaded...

[doh123]

DonGato, on 17 April 2012 - 05:25 PM, said:

Or you could make the window autorefresh when you DL a new engine, and just make users quit and reopen the program when they manually install engines. Nothing wrong w/ that.

thats the way it already works, except you can push refresh instead of restart.  If you download through Winery then you never need the refresh button.

Screen Options on basic because some end users may need to adjust resolution settings and stuff since thats the most problematic part switching from machine to machine.

Here are the current changes I made that I pushed to git...

not much changed in the tabs except Kill Wineskin processes and the Command Line test are on Tools... and Change Engine window has a filter...


I've left the Quit button mainly for window spacing... I don't want a lot of blank space.  I guess I could change Refresh to the little button thingy, and get rid of quit... move the Wrapper over.. and make the list longer to fill up the rest of the space...

[doh123]

ok.. for a simpler Winery interface, how's this?


Wineskin Advanced screen.. still doesn't go back to basic screen once you go to advanced (unless you re-open the app)... kept this one close to the old format.

[DankoB]

WS9?

[ovvldc]

I think I like both of the designs and WS9 .

However, if you want to keep the new logo, I would also like the layout as shown in DonGato's post. Both seem simple and functional enough .

[doh123]

WS9 is just what I've been calling them if Wine was built for 10.6+ instead of 10.5+ like WS8s are

I'll probably just leave WS9 on new 10.6+ ones so people using older Wineskin on 10.5 can easily know they cannot run WS9 engines.

[doh123]

well not much more input from anyone i guess... I really like Winery more simple like this... still does everything... So people can manually install 2.5.4 or older and WS8 engines and still run on 10.5 I'll leave it as a 10.5 app... but Wineskin 2.5.5 which it will want to download (when released) and WS9 engines will be 10.6+

[samm565]

doh123, on 18 April 2012 - 12:37 PM, said:

ok.. for a simpler Winery interface, how's this?


Wineskin Advanced screen.. still doesn't go back to basic screen once you go to advanced (unless you re-open the app)... kept this one close to the old format.

I don like the new version much, it doesn't have the logo and its a little tall. how do i use git? I'll see if i can make it look better.

[doh123]

https://sourceforge....group_id=292583

you can install git using Macports... then go to the command line and ...

git git://wineskin.git.sourceforge.net/gitroot/wineskin/wineskin

it should make a folder called wineskin in your current folder you are in, that has sources.  The Wineskin Winery folder has all of Winery in it in an Xcode project.

[julus]

doh123, on 04 May 2012 - 12:16 PM, said:

https://sourceforge....group_id=292583

you can install git using Macports... then go to the command line and ...

git git://wineskin.git.sourceforge.net/gitroot/wineskin/wineskin

it should make a folder called wineskin in your current folder you are in, that has sources.  The Wineskin Winery folder has all of Winery in it in an Xcode project.

The git (at least on my system 10.7.3) is alredy included, no need to install macports...

[HiPhish]

I don't see why Winery would need the logo, but I agree that it's too tall. It's more natural to move the eyes horizontally than vertically, Winery's old landscape format was more pleasant than the portrait format. This one was all right to me:

Spoiler

Personally I don't really see any reason to wast that much thought on Winery's design, the only thing it's used for is downloading engines, updating and creating new wrappers. All these tasks can be performed with just one or two clicks and the windows has only five buttons, that's good enough.

[hmtinc]

samm565, on 04 May 2012 - 12:05 PM, said:

I don like the new version much, it doesn't have the logo and its a little tall. how do i use git? I'll see if i can make it look better.

doh123, on 04 May 2012 - 12:16 PM, said:

https://sourceforge....group_id=292583

you can install git using Macports... then go to the command line and ...

git git://wineskin.git.sourceforge.net/gitroot/wineskin/wineskin

it should make a folder called wineskin in your current folder you are in, that has sources.  The Wineskin Winery folder has all of Winery in it in an Xcode project.

If you don't like command line and want more flexibility . theres this application called GItx that can clone gits for you  , show project notes , and display updates,
heres link : http://gitx.frim.nl/