Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Run] Search box size customization #3503

Closed
Agent24015 opened this issue May 22, 2020 · 36 comments
Closed

[Run] Search box size customization #3503

Agent24015 opened this issue May 22, 2020 · 36 comments
Labels
Area-User Interface things that regard UX for PowerToys Cost-Large Large work item - 3+ days worth of work (chances are needs to be broken down) Product-PowerToys Run Improved app launch PT Run (Win+R) Window Resolution-Duplicate There's another issue on the tracker that's pretty much the same thing.

Comments

@Agent24015
Copy link

Hi Can You Please Reduce The Size Of the search bar or is there a way to do it myself
@niels9001
Copy link
Contributor

@Agent24015 The search bar itself, or the amount of results? What's not working for you in terms of dimensions (e.g. height / width or both?)

@crutkas
Copy link
Member

crutkas commented May 22, 2020

can you take a screenshot of your desktop or tell us the resolution / DPI settings you have?

@crutkas crutkas added Area-User Interface things that regard UX for PowerToys Product-PowerToys Run Improved app launch PT Run (Win+R) Window labels May 22, 2020
@Agent24015
Copy link
Author

Agent24015 commented May 23, 2020 via email

@crutkas
Copy link
Member

crutkas commented May 23, 2020

For the image to be sent, you have to do it via the web client. Thanks.

@Agent24015
Copy link
Author

Agent24015 commented May 24, 2020 via email

@crutkas
Copy link
Member

crutkas commented May 24, 2020

You need to use the website. Attaching images via email doesn’t work on GitHub.

@Agent24015
Copy link
Author

Hi @crutkas ,
This Is the Image,

Image

@crutkas
Copy link
Member

crutkas commented May 25, 2020

Issue is that doesn’t tell me what your dpi and resolution is.

Helps in being sure we can simulate sizing on our computers.

@Agent24015
Copy link
Author

Hi @crutkas ,
My dpi setting is 100% and my screen resolution is 1366 x 768

@bkromhout
Copy link

I agree, it's far too large by default. Here's a screenshot of my desktop. 1920x1080, 100% DPI. I think if it was ~80% as large by default it would look far better.

What would really be great would be to add a size slider to its settings, allowing you to make it bigger or smaller at will (doesn't need to be a continuous slider, 3-5 notches in either direction would be sufficient; not sure if you'd want a linear progression on the various sizes, or something else...you'd probably want to mess with the values a bit). I remember using Launchy extensively back in the Vista/7 days, and I seem to recall it had something like that, though I may be mistaken.

screenshot

@Agent24015
Copy link
Author

Agent24015 commented May 28, 2020 via email

@crutkas
Copy link
Member

crutkas commented May 28, 2020

I think this is great feedback.

@crutkas crutkas added this to the v1.0 Release milestone May 28, 2020
@Agent24015
Copy link
Author

Agent24015 commented May 29, 2020 via email

@crutkas
Copy link
Member

crutkas commented May 29, 2020

This work is not planned for .19. Maybe .20 or .21. Right now we are focused on improving search and stability for PT Run.

@Agent24015
Copy link
Author

Thanks @crutkas ,

Thanks for all your help. Looking forward to the next release of PT .
I am closing this issue now thanks again.

Regards,
Agent

@bkromhout
Copy link

bkromhout commented May 29, 2020 via email

@MartinLichtblau
Copy link

Search bar size isn't the problem ‒ it's the limit it imposes on the size of the result list.
IMO 80% - 90% of current size would be fine, thus capable to show ~15 entries.
Making the size==capacity customizable is common practice from what I have seen.

In Quicktabs I decided to provide a larger overview, capable to show ~30 tabs.

@Agent24015 Agent24015 reopened this May 29, 2020
@Agent24015
Copy link
Author

Hi @bkromhout ,

I am reopening this issue now as you suggested, please keep me posted on the happenings.

@bkromhout
Copy link

Ah, I see this is your first issue @Agent24015 :)
Don't worry, you'll get an email about every comment/change here, so you'll see it when the PowerToys developers make progress/fix it, no need to do anything extra!

@crutkas
Copy link
Member

crutkas commented May 29, 2020

Yup, please keep it open. This let’s us keep tracking the work.

@Agent24015
Copy link
Author

Agent24015 commented May 29, 2020 via email

@niels9001
Copy link
Contributor

niels9001 commented May 31, 2020 •
edited
Loading

What if we'd have a ComboBox in Settings that would allow for different result item templates?

For example, this could be the Compact template - smaller fonts and icon and only shows the title. The height of each row is 48px instead of 72px. So it would almost double the amount of results that could be shown.

Launcher compact

The current implementation in 0.18 could be the Extended template.

Curious to know what y'all would think!

@bkromhout
Copy link

bkromhout commented May 31, 2020 via email

@mdtauk
Copy link

mdtauk commented May 31, 2020

The large search box is similar to macOS's Spotlight feature - if it was a standard sized textbox, it would get lost on the screen.

image

Eventually it would be good if there were shadows and Acrylic for the PowerRun UI - which would help a slightly smaller UI stand out when on screen.

@niels9001
Copy link
Contributor

niels9001 commented May 31, 2020 •
edited
Loading

@bkromhout Are you talking about the search field bar or results list? My concern with decreasing the height that it could be missed as @mdtauk mentioned as well - especially if no text is entered and no results are shown. Width could work if we make fontsizes slightly smaller for the results, since some application names can be long.

Decreasing the size of the results item makes more sense to me personally, since it would allow more results to be shown and less mouse travel.

@mdtauk
Copy link

mdtauk commented May 31, 2020

The search results could have a setting to change the density, like with the Mail app - but I think the search box is the core UI, and should not change size. (although if enough a-typical screen sizes pop up in feedback, there is no harm in adding logic to how the size is set, based on the DPI/Scale/Resolution etc.

image

On a side note, will the search box eventually support the inking text entry UX? That is larger than standard TextBoxes at the moment.

image

@bkromhout
Copy link

bkromhout commented May 31, 2020 •
edited
Loading

@niels9001: Both; the entire UI is a little too large by default to my eyes. But again, only a little; if it was ~80% of its current size, I think it'd be much better. Still plenty large enough to see everything and not get lost on the screen, and it gives you room for at least 10 result items on a 1080p screen at 100% DPI scaling (currently there's only room for 9 items).

Like I said, I think both ideas are important here:

  • The size slider addresses the original concerns raised in this issue, namely that the UI is too large right now overall. And it's a good solution because it will satisfy everyone: those who like the current size, and those who don't.
  • Your suggestion of multiple view types is also a good one, but it addresses a slightly different issue: how many results you can get on screen (which is related to, but not quite the same as, the originally-stated issue).

Personally, I would love to see both of these added as options, because I think they're both great (and practical) ideas.

All I was trying to point out in my last comment was that this issue is purely about overall UI size, and that if the devs want to keep it focused on that, it might be better to move your suggestion to a different issue. I wasn't trying to discount your idea, apologies if it came across that way :)

@Agent24015
Copy link
Author

Agent24015 commented May 31, 2020 via email

@Agent24015
Copy link
Author

Hi all,

I have an idea for a new powertoy / feature, something like a menu bar on top,

It will look something like this,

image

It can have themes like this image,

image

Please suggest what you guys think about this.

@niels9001
Copy link
Contributor

@Agent24015 That is not related to the initial ask of this issue.

Please create a new issue so it can be tracked seperatly. Or, issue #1240 is pretty similiar so you can post your mock-ups there as well.

@Agent24015
Copy link
Author

Agent24015 commented Jun 1, 2020 via email

@mxrsoon
Copy link

mxrsoon commented Jun 10, 2020

So, I agree with @bkromhout in regards to the whole UI being a little too big. The search box, the low density of the results as they are too large for little information and have a lot of blank space. The UI being large increases the font weight too, it's a little too thick and is not pleasant at all.

PT Run is an awesome feature and refinements to the UI would make it even better. If not everyone agree with the sizing, at least the option to change it should be present.

@jyuwono jyuwono mentioned this issue Jun 12, 2020
Closed
@shirkerohit
Copy link

Along with reducing the height and font size can we have list items to be shown categorically? as of now all result are shown in plain list one after another.

Proposed :

  • Reduce font and UI size overall (Event the dropdown box!)
  • Show items in categories.

Eg.

A search "Code" Shows result as below.

image

It will be more Intuitive if It were shown in categories as :

  • Apps
  • Files & Folders
  • Others

and may be each section can have its own configuration of limit of files being shown?

@bkromhout
Copy link

bkromhout commented Jun 29, 2020 via email

@shirkerohit
Copy link

shirkerohit commented Jun 29, 2020 •
edited
Loading

I thought this is related to current Issue on UI improvement and hence tagged here.. 😅😅

Ok sure.. Thanks! Opening a new issue! :)

Update :

#4568
done!

@saahmedm saahmedm mentioned this issue Jul 7, 2020
Closed
@crutkas crutkas mentioned this issue Aug 26, 2020
Closed
@crutkas crutkas mentioned this issue Nov 3, 2020
Closed
@crutkas crutkas added the Cost-Large Large work item - 3+ days worth of work (chances are needs to be broken down) label Dec 10, 2020
@crutkas crutkas removed this from the 2020 Stability Release milestone Dec 10, 2020
@enricogior enricogior changed the title Powertoys Run Search Size Too Large [Run] Search box size customization Jan 9, 2021
@enricogior
Copy link
Contributor

Closing this in favor of #4794

@enricogior enricogior added the Resolution-Duplicate There's another issue on the tracker that's pretty much the same thing. label Jan 9, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Area-User Interface things that regard UX for PowerToys Cost-Large Large work item - 3+ days worth of work (chances are needs to be broken down) Product-PowerToys Run Improved app launch PT Run (Win+R) Window Resolution-Duplicate There's another issue on the tracker that's pretty much the same thing.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
9 participants
@crutkas @enricogior @bkromhout @MartinLichtblau @mdtauk @niels9001 @shirkerohit @mxrsoon @Agent24015