Автор будет очень признателен, если Вы кликнете по одной из белых ссылок выше.
Вам это ничего не стоит, а автору сайта будет приятно ;)
Найдено страниц: 55 [показано 10]
Грамотный интерфейс: поля ввода
Степень соответствия запросу: 40,07%
Фрагменты текста поста : ... Грамотный интерфейс: поля ввода Очень часто в программах данные вводятся в формах, содержащих множество полей: поле фамилии, имени, адреса, номера паспорта, размера обуви... ... Проблема состоит в том, что внешне эти поля очень похожи друг на друга и рано или поздно оператор (из-за усталости, по неопытности или по какой другой причине) вобьет фамилию в поле номера паспорта или адрес в поле отчества... ... Частично решить эту проблему позволяют контролы, принимающие ввод по маске ( MaskEdit или MaskEditBox ), но, честно говоря, им не хватает гибкости... ... Гораздо лучше изначально создать такие условия ввода данных, чтобы подобные ошибки просто не возникали... ... Наиболее популярное на данный момент - разбить форму с десятком полей ввода на несколько форм, по два-три поля в каждом... ... после нескольких часов работы они начинают дико раздражать... ... Раскрасим поля ввода... ... На мой взгляд для решения вышеописанной проблемы необходимо разукрасить фон полей ввода... ... Но не стоит делать их яркими как новогодняя елка, а нужно просто слегка изменить цвет, чтобы каждое поле приобрело свой уникальный легкий цветовой оттенок... ... Поработав пару часов с таким интерфейсом, человек уже на уровне подсознания будет знать, что в розовое поле нужно вводить фамилию, а в голубое - адрес... ... Окрашивание полей имеет и еще один плюс - если разработчики в будущем поменяют расположение полей, но при этом сохранят их цветовое соответствие (фамилия - розовый, адрес - голубой), то пользователям будет намного легче приспособиться новому виду, т... ... для поиска нужного поля они будут ориентироваться по цвету, а не читать все подряд надписи на форме... ... Суть состоит в том, что для ввода новой записи в базу и для редактирования уже введенной записи как правило используется одна и та же форма... ... Ну и чтоб поставить жирную точку в вопросе путаницы при вводе и редактировании данных опишу еще одно простое, но очень полезное улучшение интерфейса... ... Когда на форме расположено множество полей, то из-за усталости глаз, не очень хорошего зрения, слишком высокого разрешения монитора и многих других проблем возникает ситуация, когда пользователь не может сразу отпределить позицию коретки ввода - моргающая полоска может быть не заметна... ... Обычно в таких случаях пользователь хватает мышь и "тычет" ей в нужное поле... ... Помочь пользователям в этом случае можно раскрасив текст в текущем поле ввода... ... Программируется такое поведение сверх-просто: как только фокус ввода передается какому-то контролу, значение его свойства " цвет текста " ( ForeColor , TextColor ) меняется на " красный " ( Color... ... Это простое дополнение даст возможность пользователю всегда точно знать, где именно находится коретка ввода и что именно нужно сейчас вводить... Подробнее: http://fit-media.com/post_1205142560.htmlAJAX — WEB 2.0 за 5 минут
Степень соответствия запросу: 34,15%
Фрагменты текста поста : ... кнопочках и раздвижных меню (как думают многие), а в интерактивности... ... сервер возвращает простой HTML, вместо XML, как того требует технология AJAX... ... html <... ... html (но вы, естественно, можете дать любое имя)... ... html')... ... html... ... после выполнения функции mytest() внутри контейнера будет помещено содержимое нашего файла (в данном примере это будет надпись "... ... html <... ... html> <... ... html')... ... /html> Сохраните файлы index... ... html, jquery... ... html в одной папке, откройте index... ... html в вашем любимом броузере, кликните по ссылку Run... ... html')... ... добавим поле для ввода имени: Поле ввода имени Enter your name: <... ... } Первой командой мы считываем значение атрибута value из нашего поля ввода и сохраняем его в переменной nnn, а второй командой вызываем наш серверный скрипт с передачей ему считанного имени и занесением ответа в наш контейнер... ... ) Проблема встает, когда ваша форма содержит десятки элементов ввода &mdash... ... радио-кнопок, чек-боксов, полей ввода и т... ... html <... ... html> <... ... /html> Как видите, теперь я создал форму и использовал два поля &mdash... ... И теперь эти поля не имеют идентификаторов, зато имеют имена... ... считывать данные из полей, этим займется метод serialize(), который сам соберет все данные из формы и упакует их в формат, понятный для метода post()... ... Теперь, если вам нужно передать на сервер больше данных, то просто добавьте в форму сколько угодно полей различных типов (радио-кнопки, текстовые области, пароли, чек-боксы)... ... фреймворк сам определит количество и типы полей и сам соберет из них данные для отправки... ... html - загрузка файлов <... ... html> <... ... /html> Чуть комментариев к коду... ... всего навсего указывает функцию, которую необходимо выполнить сразу после загрузки страницы... ... после получения ответа (она поместит ответ в наш контейнер)... ... Всю необходимую информацию (список полей, их типы, адрес серверного скрипта и т... Подробнее: http://fit-media.com/post_1262093659.html14 принципов создания вежливых программ
Степень соответствия запросу: 10,64%
Фрагменты текста поста : ... Из этого исследования следует важный вывод: Если мы хотим, чтобы наша программа понравилась пользователям, мы должны сделать ее поведение похожим на поведение человека... ... Действительно, ни одна из программ на моем персональном компьютере не помнит ни меня, ни моих привычек, несмотря на то, что только я и никто другой постоянно, снова и снова пользуюсь ею... ... Программе попросту наплевать на меня, она относится ко мне, как к чужаку, хотя я – единственный человек, которого она знает... ... Если я вежливо возражу, и выберу другой столик в пустом ресторане, я ожидаю что меня немедленно там разместят... ... В программе можно встретить пункты меню предлагающие простые, безвредные функции рядом с чрезвычайными, отменить которые невозможно... ... Было бы неуместным, если бы он прервал наш разговор и сказал "Привет, меня зову Рауль, и я буду вашим официантом на этот вечер"... ... У меня на компьютере обычно установлено разрешение экрана 1024х768... ... Однако когда я меняю разрешение обратно, окна не возвращаются к своим размерам... ... Меня не интересую затруднения программы в вопросе когда чистить "корзину"... ... Из этого следуют два вывода... ... Он оказался достаточно восприимчив к моим интересам, что позволило ему предположить мои желания и обеспечить меня нужной информацией до того, как я сам подумаю о ней... ... Точно также, если мой ассистент не сможет взять билеты на нужный мне рейс, я ожидаю, что он закажет билеты на наиболее подходящий, не беспокоя меня из за таких мелочей... ... Если я прошу компьютер удалить файл, я не хочу чтобы он спрашивал у меня "Вы уверены... ... В любом случае, программа должна быть уверенной в своих действиях, а не перекладывать ответственность на меня... ... Очень часто после длительной работы с документом я нажимаю кнопку "Печать" и ухожу выпить чашечку кофе, пока документ распечатается... ... Подавать до или после главного блюда... ... Хотя автоматизированная система ввода заказов может обработать в миллион раз больше заказов, чем простой служащий, служащий всегда может подстроить работу системы... ... Я доверяю банковскому служащему, потому что он улыбается мне, но я всегда пересчитываю свои деньги после банкомата, потому что попросту не доверяю тупой машине... Подробнее: http://fit-media.com/post_1203349390.htmlОптимизируем мышиную возню
Степень соответствия запросу: 4,87%
Фрагменты текста поста : ... Как уже было сказано в предыдущих постах, чем большим количеством устройств ввода приходится пользоваться юзеру для работы с программой, тем менее удобен такой интерфейс... ... Меню должны иметь как можно меньше вложенных подменю Лучше сделать больше пунктов главного меню с одной выпадающей менюшкой в каждом пункте,чем все команды загнать в одно меню с кучей вложенных подменю... ... В фотошопе для активации режима трансформации приходится лезть в меню (Edit - Free Transform) или нажимать комбинацию Ctrl+T... ... Но зато для переключения в другие режимы (например для наклона объекта) приходится делать правый клик по объекту и выбирать нужный режим из выпадающего меню... ... Везде где можно используйте возможности технологии "Drag-and-Drop" Пользователю гораздо удобнее схватить объект и перетащить его в корзину или в другое окно, чем отметить объект и потом лазить по пунктам меню (или по многочисленным тулбарам) в поисках команды удаления/переноса... ... Например, если пользователь ввел курсор мыши в поле контрола DropDownList (который не поддерживает ввод с клавиатуры, а просто позволяет выбирать варианты из списка возможных), то почему бы этому контролу не развернуться не дожидаясь пока пользователь кликнет по нему... ... Это то, чего сильно не хватает стандартному меню "Пуск" операционной системы Microsoft Windows... ... Идея состоит в том, чтобы окно меню исчезало не сразу после клика по его пунктам, а с некоторой задержкой... ... Таким образом пользователь, однажды развернув меню, сможет активировать сразу несколько пунктов... ... Меню должно исчезнуть только после того, как мышь его покинет... ... Закрепление вложенных меню... ... Еще одна классная идея касательно мышиного управления и меню подсмотрена мною в LiteStep... ... Там есть возможность закрепить на экране любое вложенное меню, т... Подробнее: http://fit-media.com/post_1199978157.htmlМаксимум производительности
Степень соответствия запросу: 1,98%
Фрагменты текста поста : ... После этого: Уменьшайте число манипуляций, насколько это возможно... ... Уменьшение необходимости ввода данных Следующие методы могут увеличить производительность ввода данных, уменьшая количество необходимой для ввода информации: Автоматически заполняйте поля новой записи значениями предыдущей... ... Минимизируйте, либо полностью устраните необходимость ввода информации... ... Можно ли получить информацию на основе логического вывода... ... Второй подход - минимизация ввода информации - может быть довольно сложным для применения по довольно неожиданной причине... ... Да еще и сами браузеры содержат большое количество кнопок и меню... ... Если нужно передать длинную форму после того, как пользователь нажмет Submit , это нужно сделать в фоновом режиме, пока пользователь переходит к следующей форме... Подробнее: http://fit-media.com/post_1207048697.htmlКручу, верчу, обмануть хочу!
Степень соответствия запросу: 1,94%
Фрагменты текста поста : ... Ну или другим способом (например, через пункты меню Select)... ... Все они собраны в меню Edit/Transform... ... :) Как только вы выберете любой из первых шести пунктов меню трансформаций, ваше изображение изменится... ... Стоит сказать, что как только вы войдете в любой из режимов трансформаций, верхняя панель окна Photoshop изменится - в ней появятся поля для ввода точных значений... ... С помощью этих полей можно проделать трансформации с точностью до десятых долей точки... ... Но здесь я об этих полях писать не стану, если вам понадобится такая точность, то вы сами разберетесь - там все интуитивно понятно... ... Давайте перейдем к следующему пункту меню Transform - повороту (Rotate)... ... Следующий пункт меню - искажение (Distort)... ... Последний пункт меню Transform - изгибание (Warp)... ... Мы разобрались со всеми пунктами меню Transform... ... Активируется этот режим через меню Edit/Free Transform или комбинацией клавиш Ctrl+T... ... На экране тут же появится меню с полным списком всех возможных режимов трансформаций и вы сможете выбрать нужный... Подробнее: http://fit-media.com/post_1212106379.htmlWindows с маленькой буквы w
Степень соответствия запросу: 1,68%
Фрагменты текста поста : ... Было бы еще более неразумным, если после рукопожатия мы бы вернулись в предыдущую комнату для продолжения разговора... ... Например, в большинстве программ для рисования, для установки глубины тени объекта часто используется текстовое поле или ползунок в отдельном диалоговом окне... ... После изменения этого значения программа для продолжения работы возвращается к главному окну... ... Остальные части программы могут служить для обычных задач, таких как ввод и проверка записей... ... Для таких задач пользователь не должен использовать меню и диалоги... ... Тот же художник наверняка хранит каталог с образцами не прямо на столе, а где-то рядом, например, на полке, до которой можно дотянуться, не вставая... ... В программном эквиваленте этого процесса, пользователь временно оставляет программу рисования вместе со всеми инструментами, находит подходящее место на диске, чтобы сохранить изображение, после чего, возможно, посылает его по электронной почте... ... Для меня неясно, почему они так считают, но заканчивается это тем, что обычно называют "загрязнением окнами"... Подробнее: http://fit-media.com/post_1204300625.htmlФайлы vs базы данных.
Степень соответствия запросу: 1,66%
Фрагменты текста поста : ... :-) Структура, например, такая: Структура таблиц Таблица se_hosts -------------------- ID1 — уникальный числовой номер (используется для связи таблиц) Host — имя хоста поисковика Таблица se_query --------------------- ID2 — уникальный числовой номер (используется для связи таблиц) SH_ID — уникальный номер для ссылки на первую таблицу Query — текст искомой фразы Таблица se_hits ------------------- Q_ID — уникальный номер для ссылки на вторую таблицу Date — кво-дней с 1 января 2000 года Hits — количество хитов за этот день Естественно первая и третья таблицы будут иметь индексы по первым двум полям, а вторая — по всем... ... Если не использовать индексы, то для выполнения этой операции придется провести сравнение имен хоста с содержимым поля Host первой таблицы для части (а в худшем случае всех ) записей... ... Индексный файл содержит копию проиндексированного поля (или полей) из таблицы БД, но в отсортированном виде... ... Весь диапазон значений (количество записей в таблице) делится пополам и сравнение искомого значения происходит со значением поля сразу из середины таблицы... ... Благодаря тому, что мы проиндексировали поле с именем хоста, мы находим нужную запись в 15 раз быстрее, чем в массиве (буду брать наихудший вариант)... ... После того как мы нашли с помощью индексов нужную запись, ее требуется загрузить в память... ... В нашем случае размер записи (для третьей таблицы) составляет 12 байт , ведь там только три поля — Q_ID , Date и Hits , каждое из которых представляет собой 32-битное число и занимает 4 байта... Подробнее: http://fit-media.com/post_1222679684.htmlЗалепа №12. Microsoft не знает собственного кода.
Степень соответствия запросу: 1,62%
Фрагменты текста поста : ... Microsoft не знает собственного кода... ... Соответственно они никак не зависят от состояния "включенности" CapsLock и NumLock , равно как и от текущей раскладки (языка ввода)... ... ) возможность указать системе, что принятый символ не должен проходить дальнейшую обработку и должен покинуть очередь вода... ... Например, если требуется ввести сумму, то нужно из потока ввода удалить все символы кроме цифр, точки, минуса и возможно кода клавиши "Забой" ( BackSpace )... ... Вот этот пример со всеми комментариями: Пример кода: // Boolean flag used to determine when a // character other than a number is entered... ... :) Ладно, вот еще вариант, на этот раз мой: Пример кода: private void textBox1_KeyDown(object sender, System... ... } Результат работы обоих примеров одинаковый, только у меня переопределен только один обработчик, не нужна дополнительная переменная, да еще и ввод символа "минус" разрешен, равно как и десятичной точки и десятичной запятой... ... :) Вывод этого краткого поста таков: разработчики библиотеки до такой степени напутали с лишними свойствами и методами, что сами потерялись в этой головоломке... ... из-за разработчиков библиотеки, которые "забыли" дополнить TextBox возможностью фильтровать (хотя бы на уровне "цифра/буква") пользовательский ввод, нам с вами приходится делать финты ушами, чтобы реализовать такие полезные в каждодневной работе вещи... Подробнее: http://fit-media.com/post_1203179184.htmlDropBox - убийца фалообменников
Степень соответствия запросу: 1,41%
Фрагменты текста поста : ... На этой страничке вводим любые имя и фамилию (поля First name и Last name ), а так же адрес электронной почты и желаемый пароль... ... он будет использоваться в качестве логина для входа в систему... ... В поле "... ... Иначе впишите в это поле любое слово или оставьте "... ... После нажатия на кнопку "... ... - появится поле с указанием пути и кнопкой "... ... Чтобы получить паблик-ссылку перейдите в папку Photos , кликните правой кнопкой мыши по папке альбома (My First Album) и в меню выберите Dropbox / Copy Public Gallery Link : Вроде ничего не произошло, но на самом деле прямая ссылка на ваш фотоальбом была скопирована в буфер обмена (клипборд) и теперь вы можете вставить ее в письмо, в сообщение форума, в аську или просто в броузер для проверки... Подробнее: http://fit-media.com/post_1256945370.html
