Page 1 of 1

New UI/UX Arrangement+ idea [With Image Execution]

Posted: Wed Sep 21, 2016 5:27 am
by ArctyxFish
Hi guys, after playing for while I've thinking of the problem in this game which distract me most
User Interface / Experience So we have been developing this design and hope you like it

Let see for the first one, Tech tree from original to redesigned one


00.jpg
00.jpg (337.66 KiB) Viewed 5176 times
New Framework
01.jpg
01.jpg (180.89 KiB) Viewed 5176 times
:D !!!
03.png
03.png (1.07 MiB) Viewed 5176 times

-----------------------------------


And this is the cargo box, sometime i find it too hard to drag all item
04.jpg
04.jpg (766.4 KiB) Viewed 5176 times
So i came with this idea, only for chest window there will be all mini icon to transfer item quickly.
[Normal inventory will not appear this feature]
05.jpg
05.jpg (162.09 KiB) Viewed 5176 times

------------------------------

And this one is Main UI of the game, i consider for consistency of previous game that i played before sometimes UI is block me almost everything
or notify in misplace so... This is the original layout of UI
07.jpg
07.jpg (899.08 KiB) Viewed 5176 times

To make it clear let see its outline
08.jpg
08.jpg (173.14 KiB) Viewed 5176 times



And this...
is my idea for new UI Placement / Redesign for some
-- Notification will stack multi pop up in bar at top left corner,
I think 1 wouldn't be enough and it's too hard to see
It create confusion that information were group in once place, we need some space
[Think of Notification eg. Line/Facebook message pop up on your lock screen for top left Notification Slot]
09.png
09.png (4.81 MiB) Viewed 5176 times
Let see its outline..
10.jpg
10.jpg (203.47 KiB) Viewed 5176 times

And how we(two of us in team) relocate / redesign them
11.png
11.png (866.91 KiB) Viewed 5176 times

aw.... i can attach only 10 images, there're 2 more

Re: New UI/UX Arrangement/ idea

Posted: Wed Sep 21, 2016 5:30 am
by ArctyxFish
This is how we move UI
Fac 2 - mock 444 yolo-03.png
Fac 2 - mock 444 yolo-03.png (96.31 KiB) Viewed 5175 times


---------------------------------------------


And for the last, a small design for better quality of settings in game
hope you get into idea :D
12.png
12.png (177.17 KiB) Viewed 5175 times
13.png
13.png (2.16 MiB) Viewed 5175 times

Redesign/Develop

ArctyxFish and Catpr0n









Thankyou :D



For Reading, hope UI/UX get better

Re: New UI/UX Arrangement+ idea [With Image Execution]

Posted: Wed Sep 21, 2016 6:57 am
by Nexela
If I could pick any 2 things from this thread to have right away


Hot bar sliding, to hide the bottom 3 hotbars when I don't need them

Map gen icons :)

Re: New UI/UX Arrangement+ idea [With Image Execution]

Posted: Wed Sep 21, 2016 9:46 am
by aubergine18
Love all of this.

One thing I would say, please make whole in-game UI via a mod, which can be overriden or switched off; allow mods to augment and even replace the in-game UI.

Re: New UI/UX Arrangement+ idea [With Image Execution]

Posted: Wed Sep 21, 2016 11:05 am
by ssilk
Image

The Factorio Team should hire you both for a week or two to redesign the whole UI in that way. :lol:

Re: New UI/UX Arrangement+ idea [With Image Execution]

Posted: Wed Sep 21, 2016 5:36 pm
by Xeteth
ArctyxFish wrote:So i came with this idea, only for chest window there will be all mini icon to transfer item quickly.
FYI - this can be done already using keyboard shortcuts. Shift-click to move the stack the cursor is over, shift-right-click to move half the stack over or ctrl-click to move all of that type of item over.

Re: New UI/UX Arrangement+ idea [With Image Execution]

Posted: Wed Sep 21, 2016 7:02 pm
by ssilk
Added to viewtopic.php?f=80&t=4832 Mouse / Touchscreen / Keyboard only interface
Added to viewtopic.php?f=80&t=25782 Improvements of the Graphical User Interface (GUI)

Re: New UI/UX Arrangement+ idea [With Image Execution]

Posted: Wed Sep 21, 2016 9:37 pm
by ArctyxFish
Xeteth wrote:
ArctyxFish wrote:So i came with this idea, only for chest window there will be all mini icon to transfer item quickly.
FYI - this can be done already using keyboard shortcuts. Shift-click to move the stack the cursor is over, shift-right-click to move half the stack over or ctrl-click to move all of that type of item over.
Sometimes there're too many stack of same item in my inventory, like 20 bundle but i want to put only 4-5 in chest, then put in other chest for other pipeline
As new player i dont know much function so there're no tips while open it so i guess user interface might help