Какое относительно простое изображение можно использовать в качестве значка для обозначения «релевантности», например релевантности поиска?
Я действительно не могу придумать ничего, что можно было бы мгновенно распознать, или даже то, что пользователь мог бы догадаться, что это то, что он искал. Лучшее, что я придумал до сих пор, — это увеличительное стекло с другим символом внутри:
Но мне не нравится ни один из них, потому что объединение 2+ объектов делает значки неуклюжими, и, что более важно, ни один из них не передает сразу цель значка.
У кого-нибудь есть идея получше?
Редактировать:
Я ищу один значок для представления концепции. Пользователи будут щелкать значок, чтобы повторно отсортировать список результатов поиска в соответствии с релевантностью поиска (например, вместо алфавитного или датированного).
Контекст представляет собой веб-приложение, обслуживающее пользователей в сфере профессиональных услуг (юридических, финансовых, академических и т. д.), поэтому оно должно быть чистым и профессиональным.
Хорошо, я вмешаюсь. Вы можете просто использовать смайлики или какую-нибудь цветную полосу. Другой вариант — просто раскрасить текст так, чтобы наименее релевантным был более бледный цвет. Мишень с дротиком или без него. Эти примеры очень грубы, но я надеюсь, что вы уловили общее представление. Конечно, можно было их совместить. (Если у меня появятся другие идеи, я отредактирую и добавлю).
Подобно простым цветным кругам боблета, я предлагаю систему оценки температуры.
Красный — горячий, оранжевый — теплый, светло-голубой — чуть холодный, темно-синий — ледяной. Основной пример:
Это дало бы вам четыре порога для рейтинга (например, {100 % – 90 %}, {89 % – 70 %}, {69 % – 45 %}, {45 % – 0 %}), но на самом деле вы могли бы добавить несколько больше цветовых остановок между ними, если вы хотите.
Это очень простой способ передать то, что вы пытаетесь сказать. Просто не забудьте добавить title
тег, чтобы пользователи, которые его не понимают, сразу знали, что это такое, когда они наводят на него курсор.
Если вы создавали макет на основе таблицы с заголовками столбцов, вы также можете использовать значок датчика температуры в столбце, который использует это.
Пример:
Вы сказали, что это набор иконок, связанных с поиском, верно?
Я думаю, вам следует реализовать увеличительное стекло в качестве базового символа и второго элемента вместе с ним; создать набор и использовать его.
Например:
А остальные для полного набора:
Для даты и алфавитной индексации/категоризации соответственно:
Хотя релевантность кажется сложной концепцией для простого представления, я бы сослался на то, как учителя начальных классов преподносят темы «соответствия» маленьким детям.
1.) Предметы: два одинаковых предмета, поставленные рядом, означают совпадение. Итак, может быть, два простых значка яблока с вертикальной пунктирной линией между ними для сравнения.
2.) Головоломки. Собирая кусочки головоломки вместе, вы учитесь визуальному сопоставлению концепций. Итак, может быть, два простых кусочка головоломки, которые подходят друг к другу.
Оба варианта могут быть немного клише, но кажутся вполне уместными в данном контексте.
Бентех
Исела
Брайан Лейси
Брайан Лейси
Натан Уильямс