It's time for UI update!



  • I would say both Yes and No…

    Yes, it would of course be nice with a new fresh looks.

    No, because…

    • current NPP is still functional, quite minimalistic and still not too disturbing GUI.
    • I believe there are enhancements and bugs to sort out of higher priority and wouldn’t like to see the developers getting too overloaded if they don’t have enough with man-power for all the coding needed.

    Suggestion:
    If possible make NPP skinable so skilled and graphically tallented users can create their own skins and upload them on NPP web page and make them available for all user, I believe this is the best sollution making most people happy.



  • @Ricardo
    If the OS uses flat design then the apps running on it should too. I’m not sure how the new skin will be implemented but it should probably use native UI elements as much as possible. If the OS uses translucent elements like vista then the app should follow, if the OS has a flat look then once again the app should too. Consistency is very important.

    As for the guys saying the devs should focus on functionality: the editor is brimming with functionality which is why you (and me) probably use it. The devs have been focusing on functionality since day one (which was many years ago), it’s version 6.8 already, maybe some minimal attention to the design would be in order.



  • @chilli2

    I agree with others that the flat design is a stupid mistake - simply Microsoft changing things for the sake of it. I don’t see why NP++ need follow that mistake!

    Microsoft is already acknowledging that it made a lot of mistakes with W8/W8.1, and I suspect the main reason more people did not complain about the flat UI, is that there were even more egregious issues to address!



  • @maiko
    From what I can see, creating and maintaining an interface in C++ win32 is just a big pain. Using an HTML engine, otherwise, will make it much, much easier to generate skins with any possible design.



  • I have several different editors on my PCs, but the one I use the most is NP++ regardless of its UI: it’s fast, it doesn’t take control of my work, and I rank it #1 easily. Many times I wished I could change the UI to be dark (something like Expression or Brackets), but I am more than happy to continue using NP++ as-is. The skinning idea I think is best, so we can either leave it as-is or tweak it a little for our personal tastes (even VS is finally modernizing a little). I am in the minority with my liking Windows 8/8.1 flatness, but I am no fan of W10’s UI, and yes yes yes please no ribbons!! LOL! Wow, ribbons are so way-wrong.



  • i hope all these new design morons go die in a fire… we, the USERS of N++ dont’ care for your stupid decor… go away… go back to pinterest… shoo…



  • @AJ-Baxter Unfortunately to attract new users that have never used N++ before, a semi-updated UI is kind of needed.



  • i also think skinnable UI would be a good option, i would love to see a dark UI as well.
    i did a quick mockup of how it should look like in the dark mode. Don’t use toolbar so it is hidden, but it should be optional. I hope Notepad++ will get a dark skin soon :)

    Imgur



  • @David-Bailey whatever problems people had with win 8, the flat design was far from the burning ones, which is why 10 also uses flat design and this is the last version of windows. In addition to that both apple and android also went with flat design so the reality is that flat design is here to stay, regardless if you like it or not.

    Also, someone who cares about the design of his app and the user experience will value consistency (which in this case will also mean flat design) instead of making his app look different for the hell of it



  • Been using using notepad++ for years. I honestly wouldn’t mind if the UI was updated to fit in with the windows 10 theme.
    Would be nice it NPP kind of looked like visual studio’s little brother.



  • @RedactedContent said:

    Would be nice it NPP kind of looked like visual studio’s little brother.

    This!



  • @chilli2
    Don’t forget that many people will be using NP++ under XP, W7, W10, under Wine, or with some sort of skin over a native Windows. You can’t please them all without going to the trouble of making multiple GUI interfaces!

    I would say that if this has to be done, then some sort of skin solution is the best. Even then, I would say this is low priority.

    David



  • Here are 2 screenshots of what np++ looks like on Win7/Win10
    Win7
    Win10

    Take a closer look!
    Every element except one DOES fit into both OSs:
    Windowborder: yes
    Menubar: yes
    Toolbar: yes
    Tabs: no
    Contentwindow: yes
    Statusbar: yes

    We do not need a full UI-Overhaul, making the tabs-container integrate with the OS-Design would be enough :)

    Edit: Ok, if you want to be picky, you could nag that the toolbar has a grip on the left side which makes no sense and the statusbar does not go with the background color of the OS in Win10, but this are marginal issues

    Edit2: Working with OS-native tabs would probably mean loosing some of the already implemented tab features:
    -vertical tabs: which make no sense anyway because they take up very much of your vertical space and vertical font rendering is currently ugly as f***
    -highlight active tab with orange line and darken inactive tabs: open some options window in windows which utilizes tabs and you will realize the active tab is visible enough
    -icons (saved and unsaved state plus the close button): ok, THIS would hurt, but maybe the rendering-function could be overloaded?
    -different size: not that bad, if you want bigger tabs use windows dpi settings

    Now that i am thinking of it: would it be possible to replace the tabbar like the toolbar with the CustomizeToolbar Plugin?



  • @reckless_writing said:

    -icons (saved and unsaved state plus the close button): ok, THIS would hurt, but maybe the rendering-function could be overloaded?

    the save-state can be visualized through an asterisk, mousewheel-click on tab does the same as clicking on an x-icon



  • Compromise it in two options:

    Legacy: Still shows as it does in its old form for those that love it.
    Win 10: A new cleaner, more modern look but with the same options available for fully customizing how it looks, behaves, and functions.



  • windows 2000 style ui is very good.



  • @reckless_writing:

    highlight active tab with orange line and darken inactive tabs: open some options window in windows which utilizes tabs and you will realize the active tab is visible enough

    +1



  • OMG a flame war… Maybe the topic should be more focused and explicitly state what parts of the UI could need what kind of update/change. I’ll try to summarise my impression after a few occasional uses in the past and 15 minutes on my main computer with the intention to keep it for my daily work from now on:

    • Window frame: Nothing to change here. It’s native and blends in everywhere.
    • Menu bar: Is it just me that hotkey underlines are displayed permanently? They should only appear when pressing the Alt key or so. Also, that strange “X” menu on the right end should probably be replaced with a proper “close document” button. Or removed altogether. Also, using the icons from the toolbar could make commands easier to find in the long menus. IIRC Win32 can’t do that though, you need to custom-draw the menus, or use some library for that. (I did that myself back in my C++ days. Long ago.)
    • Toolbar: It’s native but that isn’t the best solution. The icons are from famfamfam I believe. A pretty soft iconset, blurry or dull at times. Not available in higher resolution but popular in open-source applications. Some of them are customised and there are wrong pixels in them, also they’re not edge smoothed thoroughly. The disabled buttons are too grey and have a jagged outline. A softer effect like in other applications would look better. But I might hide the toolbar anyway when I know the most important hotkeys.
    • Tab bar: The problem number one! It doesn’t even look like Windows XP (only the accent colour), it’s still much like Windows 95, to name its first appearance, which is more similar to Windows 3! Windows XP already featured a flat look. 16-colour greyscale 3D is dead since shortly after Windows XP. That was 10 years ago. Windows 7/8/10 didn’t change it much.
    • Tab save icon: I don’t like it, to be honest. No other application I use has such a huge modification indicator. Most just add an asterisk (*). I’d like to remove it completely but it’s not possible. But if you want to keep it, IIRC tab headers could always be custom-drawn in Win32, so that should be possible.
    • Editor border: It might belong to the tab page, not sure about that. Again, greyscale 3D inset border. Can we please remove that completely?
    • Status bar: Everything OK again here.

    The options and styles dialog windows are scary. Cut off localised text, inconsistent layout, not resizable, sometimes chaotic organisation. Might be limited by pure Win32, not sure. .NET WinForms and Qt offer layout containers for that but you probably can’t use those.

    Those who complain about “Windows 10” and “Flat is ugly” and so on, do you actually know what you’re talking about? I have the impression you’re mixing lots of things. I know Windows 10, and it’s not finished yet, despite Microsoft declaring it as such. They’re still tweaking basic UI elements like the active window title bar colour. Windows 10 is currently in beta. Don’t take it as reference.

    If “flat” means to you that you can’t see where the toolbar ends – so what? I don’t care where the toolbar ends, I want to have the buttons on it. Giving each toolbar an extra border is called visual distraction and is bad. Most separator lines could easily be replaced by simple spaces, if done well. There are visual design experts who are able to do such things. Sadly, open source development doesn’t have many of them.

    Sometimes, flat icons require you to simplify the shape which makes it easier distinguishable. You just can’t put the world in 16 by 16 pixels. Flat isn’t about “hard to see”, it’s basically “simple shape without gradients and shadows” but still with sufficient contrast. Also, flat is a lot easier to make and render. I believe those who outright reject “flat” haven’t seen it done right yet.

    Oh, what about High-DPI? I can’t easily test this, but it’s definitely coming. Some current tablets and notebooks, even desktop screens, are already relying on that.



  • @Avik-Biswas This is how it’s done. Not just complaining, instead giving a good design. I would love to have a dark Notepad++

    Keeping this minimalistic style. No big fonts or buttons. Just plain simple.



  • @Avik-Biswas Under Windows 10, and I believe in earlier versions too, you can change the theme. The theme affects Notepad++ colors for:

    • window borders
    • menu bar
    • toolbar background
    • scroll bars
    • status bar
    • tab bar inactive disk icon colors (odd)

    In Notepad++ Style Configurator - Global Styles allows you to change colors for:

    • line number (Line number margin)
    • folder margin tree (Fold margin)
    • tab bar (Active tab text, Inactive tabs)

    Set Notepad++ Preferences - Editing - Border Width to 0.