#unify the search button and box

1 messages ยท Page 1 of 1 (latest)

silent lake
#

Currently there is a "search profiles" button ๐Ÿ” at the top of all pages, and on the emotes page below it there is a search box for emotes. I know there are reasons for it, but it has the potential to confuse new users trying to search for either emotes OR users, if they try to use the wrong one. Using the same icon for both can cause people to assume they perform the same function. If unification is impossible, perhaps using different icons could help. Maybe a silhouette-of-head-and-shoulders style "user" or "account" icon.

stray adder
#

make icon anson

wanton echo
#

just make the box bigger with "search for emote/user" 4HEad

stray adder
solar saffronBOT
#

21mtd just got up: GETALIFE ๐Ÿ’ค (1h, 18m ago)

wanton echo
stray adder
#

theres just no "user search" icon

lofty locust
#

I think @dreamy hedge suggested a good icon

#

the person with the glass?

stray adder
#

yeah it will need to be in line with the style though

lofty locust
#

it was afaik

stray adder
#

just adding a magnifier icon to that would work ig

lofty locust
#

this in white

stray adder
#

yea this isnt correct style

lofty locust
#

doesn't need to be that exact one obviously catYawn

#

@silent lake combine these two with pixel perfection rq, please

stray adder
lofty locust
#

alternative: change ALL the icons to another set that has user search PAGMANDANCEBUTFAST ez

stray adder
#

theres legit no other large icon set with a sharp theme

#

i was considering moving off fontawesome (due to it being paid and thereby making it difficult for people to run the frontend locally) but then they came out with that gem of an icon theme

#

sharp themes are just too based (unbiased opinion)

dreamy hedge
lofty locust
#

idc

dreamy hedge
#

BasedGod rounded themes

#

rounded is just too clean doesn't even compare sorry atol

lofty locust
#

what about adding the bar too the profile search to and specify "Search profile" and "Search emote"

onyx maple
#

Keep the search on the top so it's always on no matter which page

lofty locust
#

"the search" which one LULE

onyx maple
#

Exactly the issue

silent lake
#

wow this popped off

#

sorry I had to take a call

#

yeah I can make an icon for it

silent lake
#

although searching for emotes should probably take precedence over searching for users, since the whole site is all about emotes and stuff

stray adder
#

rounded is literally shit you'd see in the 90s

#

sharp looks sleek and modern

#

dont OD Copege

lofty locust
#

anatole don't look but badges are rounded catCrying

stray adder
#

ok but very small rounding is okay

#

what isn't okay is like

#

when your website is made up of fucking circles

lofty locust
#

DONT look at all the bars and buttons on discord catCrying !!!!

silent lake
#

How impractical is it to have a single search feature for users and emotes? @stray adder

#

or maybe a dropdown when you click the ๐Ÿ” that lets you pick which to search for

stray adder
#

wdym

#

there is search for emotes on the emote list and search for users in the user area

silent lake
#

in my mind, people may want to search for emotes from the home page

#

since it's an emote service and such

stray adder
#

how would that work

onyx maple
#

It's bad design

stray adder
#

you see tiny ass emote icons?

lofty locust
#

ppL "doglookingsussyandcute"

onyx maple
#

Just make the profile search (that appears in every page) emote search

stray adder
#

???

#

how does that make any sense

onyx maple
#

How does it not

lofty locust
#

ok I definitely disagree that u need a bar on every page, literally just click on the emote tab

stray adder
#

????? just click the big EMOTES button

lofty locust
#

but the two searches do need to look a bit different so it's easier to differentiate

onyx maple
#

It's annoying

stray adder
#

also this screams "this area here is about users"

onyx maple
#

No it doenst

stray adder
#

different icon is all that's needed

#

it does if you aren't a 2iq zoomer

silent lake
#

Don't expect your users to not be retarded 5Head

#

Apple makes billions because they expect their users to be retarded

lofty locust
#

the | does separate it idk

silent lake
#

Arch linux has dozens of users for the opposite reason

onyx maple
#

Emote search should be on every page

stray adder
#

no it should not

dreamy hedge
onyx maple
#

I don't understand why you want it to be harder to find the emote you want

silent lake
lofty locust
#

it is not hard to click the emote tab

silent lake
lofty locust
#

there's no reason to search for emote on home page or sub page

silent lake
#

Reducing friction should always be a goal

stray adder
onyx maple
#

?

stray adder
#

dont you want to actually look at the image?

onyx maple
#

What

silent lake
#

No, entering an emote name in the search box would take you to the normal search results page

#

you pepega

stray adder
#

hello, what you're saying retard, is that you want emotes to be as small as these user avatars icons

#

this isnt useful

onyx maple
#

Anatole is completely retarded OMEGALUL

silent lake
#

banned sadE

stray adder
#

kicked

#

get fucked

lofty locust
#

neutra heCrazy

silent lake
#

you were the one misunderstanding him though, tbh

#

(don't ban me)

#

that dropdown search results thing could probably be replaced too, with something more like the regular emote search result, except with people instead of emotes

lofty locust
#

keep to the subject at hand for now arnoldHalt

austere salmon
silent lake
#

what about this? @stray adder

stray adder
#

this is nice

stray adder
#

ApuThink maybe the magnifier could be placed in a way that wouldn't affect the size of the user icon

#

cuz this will squish it in the bottom with the square aspect ratio

silent lake
#

I can squish them closer but it gets kinda janky

stray adder
#

thats better

silent lake
#

the distance between the circles is not ideal icon design

#

I think I can make it work though

stray adder
#

find the perfect icon PauseManSit

silent lake
stray adder
#

Okayeg ???

#

PagStick pretty nice

silent lake
stray adder
#

deformed person

#

half of their body got squished

silent lake
stray adder
#

is this 1:1 FDM

silent lake
#

not quite

#

but it's closer to 1:1 than the original user icon

#

if you'd be ok with the magnifying glass at a non-45-degree angle, it could be much closer to 1:1

#

it could look like this

#

not everything has to be perfectly square though

untold hemlock
#

what about replacing the head with the magnifying glasses

#

looks scuffed af cuz i was lazy to open ps and used paint

#

but it can save space if you use it as the head

#

and just add more of the "buddy" and change it around a bit

silent lake
#

maybe

#

I was thinking about something more like this

#

but maybe replacing part of the head and body at the same time would be best

untold hemlock
#

this part

silent lake
#

๐Ÿค“ realistically the magnifying glass would make that part larger and distorted

#

this is way too much detail for an icon like this though

untold hemlock
#

yeah, i meant that this part just looks out of place

silent lake
#

it does yeah

#

does this look too goofy?

untold hemlock
#

can barely tell it's supposed to look like a user icon

#

maybe smaller border between the glass and the user

silent lake
#

I think it looks recognizable as a user icon

#

I'm still moving stuff around though

#

so here's what I'm thinking for the final version. Looks pretty good at small sizes tbh

untold hemlock
stray adder
#

looks pretty nice yeah

#

at large size it kinda looks like the guy just got a cannonball thrown at him but small its nice Okey

dreamy hedge
#

is it just me or does all the icons on the site look jaggedfeelsd

stray adder
#

wym

dreamy hedge
#

like the app icons look very jagged

#

even the 7tv logo

#

the icons in the top right

stray adder
#

?

dreamy hedge
#

even this edge is jagged asf

stray adder
#

jagged?

dreamy hedge
#

it's like it's aliased

#

no anti-aliasing

#

so it just looks really jagged and weird

stray adder
#

Apu?????

dreamy hedge
#

can someone back me up here

stray adder
#

well thats just how browsers render shit

#

it's barely noticeable though unless you're on an old monitor

dreamy hedge
#

maybe it's just bc the white is so bright

drifting portal
#

its really noticeable on chrome with my high end monitor

dreamy hedge
#

^

stray adder
#

it's not noticeable on my high end monitors Shrugeg

drifting portal
#

well its noticeable for hyru and i

dreamy hedge
#

i think it's bc the white is so bright

#

but idrk

drifting portal
#

cant notice it much on the other pages since its dark on dark

stray adder
#

try adding outline: 1px solid transparent; on the elements concerned

#

in theory that should cause the browser to run anti aliasing

dreamy hedge
#

how do i do that

stray adder
#

i cant really see anything

#

like sure if you zoom in enough you see it but thats just how pixels work

#

i.e pixels are squares

dreamy hedge
#

nah it just looks really jagged in general

#

on all the icons

stray adder
#

it does not

dreamy hedge
#

even without zooming in

#

bro it literally does idk what to tell you LULE

#

i have a 1080p 144hz monitor

#

even on my newer ultrawide with like true coloring it's just as bad

stray adder
#

im sure that 144hz helps a lot with those static layout boxes

silent lake
#

without zooming in

#

unless you have a 15 inch 4k display

stray adder
#

barely, but again that is just how browsers render this

#

there isnt anything that can be done about it

silent lake
#

if you made all the angles 45 degrees exactly, it would look fine

stray adder
#

it would be better if this specific area used a clip-path rather than a gradient

#

altho ends up the same really i think

silent lake
#

when the shape has less contrast, it's obviously less noticeable. But still noticeable

#

it's all based on the pixel density of peoples' screens

#

on mobile phones, pixel density is super high these days and people don't even bother to anti-alias stuff anymore

#

but on desktop displays, lots of people have fairly low pixel densities

dreamy hedge
#

yea the icons look clean on my phone

silent lake
#

I like high pixel densities so I always get the smallest screens for a given resolution, and I can still see them

stray adder
#

well yeah there isnt a thing to be done about it

#

unfortunately

#

im gonna have to tell you that,

#

you will pixel complain about this forever

#

and there is nothing that will come of it

silent lake
#

but I want to complain anyway

#

BatChest complaaaaaaaaain

dreamy hedge
#

sharp theming moment LULE

silent lake
#

I know some people get 1080p monitors that are like 24, 27, even 32 inches because they have high refresh rates instead of high resolutions. Those pixels are MASSIVE in comparison

#

the largest 1080p screen I'll ever buy is 21 inches

#

that works out to about the same density as 27 inches at 1440p

stray adder
#

it's fine on my 1440p and 2160p 32" monitors

dreamy hedge
#

me too LULE

silent lake
#

this suggestion takes 2nd place behind global emote fixes for most comments

dreamy hedge
lofty locust
#

cause u guys are peepotalkers and didnt even keep to the subject

dreamy hedge
#

so 1st since that other is hardly a suggestion