Автор будет очень признателен, если Вы кликнете по одной из белых ссылок выше.
Вам это ничего не стоит, а автору сайта будет приятно ;)
Найдено страниц: 56 [показано 10]
Windows с маленькой буквы w
Степень соответствия запросу: 42,86%
Фрагменты текста поста : ... Windows с маленькой буквы w Все программы базируются на основе двух типов окон: главных и вспомогательных, таких как диалоговые окна и окна документов... ... Создавая удобный пользовательский интерфейс, нельзя просто гадать, какие окна использовать в программе... ... Нужно знать, как делать выбор... ... Лишние комнаты Если изобразить программу в виде дома, то можно представить каждое окно в виде отдельной комнаты... ... Дом будет соответствовать главному окну программы, а каждая комната – окну диалога или документа... ... Точно так же и при создании программы мы не должны добавлять окно в нее до тех пор, пока оно не будет служить какой-то цели, которой нельзя или невозможно достичь в уже существующих окнах... ... Например, в большинстве программ для рисования, для установки глубины тени объекта часто используется текстовое поле или ползунок в отдельном диалоговом окне... ... После изменения этого значения программа для продолжения работы возвращается к главному окну... ... В программе для рисования главной задачей является работа с изображением, а так как изображение находится в главном окне, то все инструменты для работы c ним тоже должны быть расположены здесь же, в главном окне... ... Вынесение функций в диалоговое окно отделяет их от главной задачи... ... Однако с точки зрения художника эта функция – часть процесса рисования и поэтому должна находиться в главное окно... ... Соедините это с невероятной легкостью создания новых окон и в результате получите по одному окну на одну функцию... ... Современные средства разработки программ позволяют создавать диалоговые окна, но добавление своих элементов управления или создание идиом непосредственной манипуляции (direct manipulation) в них обычно не поддерживается, поэтому разработчик, желающий создать качественный интерфейс, вынужден создавать свои элементы управления... ... Остальные части программы могут служить для обычных задач, таких как ввод и проверка записей... ... Очистка должна происходить в отдельном окне... ... В этом случае создание специального окна для функции будет уместным... ... В программе функция вставки изображения тоже должна быть легко доступной, но, так как для нее нужен отдельный набор инструментов, которые в обычной работе не используются, ее следует разместить в отдельном окне... ... Вместо того, чтобы просто помещать каждую новую функцию в новое окно, мы видим, что некоторые функции вообще не нужно помещать в диалоговые окна, другие должны быть вынесены в отдельное окно, интегрированное в общий интерфейс, а некоторые функции вообще нужно убрать из программы... ... Загрязнение окнами Некоторые разработчики считают, что каждую функцию нужно помещать в отдельное диалоговое окно... ... Если в программе используется одно окно для одной функции, экран быстро становится визуально загроможденным... ... В Visual Basic, Delphi, C# и других языках легко создавать формы, которые представляют собой независимые окна верхнего уровня... ... По поведению они представляют собой все те же немодальные диалоговые окна... ... Стратегия создания приложения в виде набора форм была довольно спорной, и не применялась широко до тех пор, пока среды разработки не дали возможность создавать окна легко и просто... ... Но только потому, что это сделать легко, интерфейс не становится хорошим... ... Каждое новое окно приводит к увеличению лишних телодвижений - манипуляций с окнами... ... Ни одну программу с 57 формами нельзя использовать эффективно... Подробнее: http://fit-media.com/post_1204300625.html14 принципов создания вежливых программ
Степень соответствия запросу: 19,56%
Фрагменты текста поста : ... Из этого исследования следует важный вывод: Если мы хотим, чтобы наша программа понравилась пользователям, мы должны сделать ее поведение похожим на поведение человека... ... Насс и Ривз утверждают что программы должны быть "вежливыми", потому что вежливость – это универсальный человеческий признак, - хотя действия, которые можно считать вежливыми различаются от одной культуры к другой, этот признак присутствует в любой культуре... ... Они борются с идеей сделать компьютеры более похожими на людей, потому что они считают людей слабыми и несовершенными компьютерными устройствами... ... Действительно, ни одна из программ на моем персональном компьютере не помнит ни меня, ни моих привычек, несмотря на то, что только я и никто другой постоянно, снова и снова пользуюсь ею... ... Вместо этого, программа ведет себе довольно глупо, всегда предлагая мне окно для выбора нужного Дейва из 11 вариантов... ... Если хозяин отказывается сделать это, я скорее всего покину этот ресторан и поищу другой, где мои желания имеют приоритет перед желаниями владельца... ... Например, программа может утверждать, что я не могу отправить заказ, пока не введу свой номер социального страхования, но если я все таки захочу отправить заказ без него, программа должна сделать так как я сказал... ... Почему бы не использовать это время, чтобы предварительно загрузить страницы, ссылки на которые видны в окне... ... Вполне вероятно, что я вскоре попрошу браузер загрузить ту или иную ссылку... ... Однако когда я меняю разрешение обратно, окна не возвращаются к своим размерам... ... Из этого следуют два вывода... ... Я хочу знать заранее, что объем партии ограничен и заказ нужно сделать заранее... ... Когда я ищу информацию в Интернет через поисковую машину, я не могу быть уверен, что не наткнусь на неработающую ссылку... ... Я выбираю нужную мне ссылку и получаю противное сообщение об ошибке “404 Link Not Found”... ... Разве поисковая машина не может периодически проверять каждую ссылку... ... Если ссылка неверна, ее можно удалить из списка, и мне не придется тратить время на ожидание ее загрузки... ... Я раскрываю на весь экран окно любой запущенной программы... ... Я так часто максимизирую окна, что мои предпочтения должны быть ясными и однозначными... ... Другие пользователи работают с программами в маленьком окне, чтобы видеть Рабочий Стол... ... Затем я возвращаюсь чтобы обнаружить посреди экрана бессмысленное и пугающее окно диалога с вопросом "Вы действительно хотите печатать... ... Adobe Photoshop например осыпает пользователя множеством ненужных маленьких вопросов, каждый в отдельном окне... ... Хотя автоматизированная система ввода заказов может обработать в миллион раз больше заказов, чем простой служащий, служащий всегда может подстроить работу системы... ... Отсутствие это качества – одна из главных причин нечеловечности компьютерных систем... ... Одно из больших преимуществ подстраиваемой системы – уменьшение числа ошибок... ... Подстраиваемость – одно из немногих качеств человека, связанных с вежливостью, которое трудно встроить в компьютерную систему... ... Для того, чтобы быть подстраиваемой система должна сделать свой внутренний процесс доступным опытному пользователю... ... Принцип здесь простой – позволить пользователю делать все что он захочет, но подробно записывать все его действия, так что ответственность остается... ... Мы можем сделать программы значительно более вежливыми, если они будут работать для того, чтобы предоставить пользователю всю возможную информацию без значительных усилий с его стороны... ... Как показывает приведенный список характеристик, в большинстве случаев сделать вежливую программу ничуть не труднее, чем невежливую... ... Ни одна из этих характеристик не отличается от других, более очевидных целей информационного бизнеса... Подробнее: http://fit-media.com/post_1203349390.htmlAJAX — WEB 2.0 за 5 минут
Степень соответствия запросу: 8,98%
Фрагменты текста поста : ... сервер возвращает простой HTML, вместо XML, как того требует технология AJAX... ... Итак, первое, что нужно сделать &mdash... ... html <... ... html (но вы, естественно, можете дать любое имя)... ... html')... ... } Броузер понимает запись #my_container как некую ссылку на элемент с id="... ... html... ... Не стану изобретать велосипед и просто добавлю на страницу ссылку, кликнув по которой пользователь запустит наш скрипт... ... Код: Ссылка для запуска скрипта <... ... html <... ... html> <... ... html')... ... /html> Сохраните файлы index... ... html, jquery... ... html в одной папке, откройте index... ... html в вашем любимом броузере, кликните по ссылку Run... ... html')... ... добавим поле для ввода имени: Поле ввода имени Enter your name: <... ... } Первой командой мы считываем значение атрибута value из нашего поля ввода и сохраняем его в переменной nnn, а второй командой вызываем наш серверный скрипт с передачей ему считанного имени и занесением ответа в наш контейнер... ... ) Проблема встает, когда ваша форма содержит десятки элементов ввода &mdash... ... радио-кнопок, чек-боксов, полей ввода и т... ... html <... ... html> <... ... /html> Как видите, теперь я создал форму и использовал два поля &mdash... ... ) Ну вот, на этом можно было бы и закончить, если бы не одно "... ... При всей простоте, гибкости, мощности и привлекательности, описанный выше способ имеет одно ограничение &mdash... ... html - загрузка файлов <... ... html> <... ... /html> Чуть комментариев к коду... ... все, больше ничего делать не нужно... Подробнее: http://fit-media.com/post_1262093659.htmlОптимизируем мышиную возню
Степень соответствия запросу: 6,71%
Фрагменты текста поста : ... Оптимизируем мышиную возню Одной из главных причин появления неудобных интерфейсов является тот факт, что разработчик как правило никогда сам не пользуется своей программой... ... Как уже было сказано в предыдущих постах, чем большим количеством устройств ввода приходится пользоваться юзеру для работы с программой, тем менее удобен такой интерфейс... ... Большинство компьютеров в наше время оборудовано всего двумя такими устройствами - мышью и клавиатурой , но даже два устройства хуже, чем одно... ... Меню должны иметь как можно меньше вложенных подменю Лучше сделать больше пунктов главного меню с одной выпадающей менюшкой в каждом пункте,чем все команды загнать в одно меню с кучей вложенных подменю... ... Но зато для переключения в другие режимы (например для наклона объекта) приходится делать правый клик по объекту и выбирать нужный режим из выпадающего меню... ... Насколько я знаю, в PhotoShop такую операцию мышью сделать нельзя... ... Везде где можно используйте возможности технологии "Drag-and-Drop" Пользователю гораздо удобнее схватить объект и перетащить его в корзину или в другое окно, чем отметить объект и потом лазить по пунктам меню (или по многочисленным тулбарам) в поисках команды удаления/переноса... ... Очень полезными бывают расположенные в окне "зоны посадки"... ... Очень желательно реализовать грамотное поведение окон Окна, которые знают в какой момент им следует появиться на экране, а в какой исчезнуть - отличные помощники в работе... ... Посмотрите, как действуют окошки, расположенные по краям главного окна в среде Microsoft Visual Studio... ... Например, если пользователь ввел курсор мыши в поле контрола DropDownList (который не поддерживает ввод с клавиатуры, а просто позволяет выбирать варианты из списка возможных), то почему бы этому контролу не развернуться не дожидаясь пока пользователь кликнет по нему... ... Точно так же, он должен сам свернуться, как только курсор мыши покинул его - пользователь видимо передумал делать выбор... ... Идея состоит в том, чтобы окно меню исчезало не сразу после клика по его пунктам, а с некоторой задержкой... ... И для каждого запуска мне приходится повторять одни и те же действия: "Пуск" - "Все программы" - "Интернет" - и т... ... Позвольте пользователю закреплять немодальные окна... ... Там можно установить атрибут "Поверх всех окон" (Always On Top) для абсолютно любого окна... ... Еще одна классная идея касательно мышиного управления и меню подсмотрена мною в LiteStep... ... сделать его независимым и не исчезающим... Подробнее: http://fit-media.com/post_1199978157.htmlГрамотный интерфейс: поля ввода
Степень соответствия запросу: 6,31%
Фрагменты текста поста : ... Грамотный интерфейс: поля ввода Очень часто в программах данные вводятся в формах, содержащих множество полей: поле фамилии, имени, адреса, номера паспорта, размера обуви... ... Частично решить эту проблему позволяют контролы, принимающие ввод по маске ( MaskEdit или MaskEditBox ), но, честно говоря, им не хватает гибкости... ... Гораздо лучше изначально создать такие условия ввода данных, чтобы подобные ошибки просто не возникали... ... Наиболее популярное на данный момент - разбить форму с десятком полей ввода на несколько форм, по два-три поля в каждом... ... для изменения ранее введенных данных (например неверно введенной фамилии) необходимо сделать в формах навигацию "вперед - назад"... ... Раскрасим поля ввода... ... На мой взгляд для решения вышеописанной проблемы необходимо разукрасить фон полей ввода... ... Но не стоит делать их яркими как новогодняя елка, а нужно просто слегка изменить цвет, чтобы каждое поле приобрело свой уникальный легкий цветовой оттенок... ... Суть состоит в том, что для ввода новой записи в базу и для редактирования уже введенной записи как правило используется одна и та же форма... ... Так вот, если во время редактирования придать фону формы какой-нибудь оттенок (например сделать ее слегка красноватой), то пользователь, занимающийся только вводом новых данных, сразу же заметит это изменение цвета и не введет по ошибке новые данные поверх старых... ... Ну и чтоб поставить жирную точку в вопросе путаницы при вводе и редактировании данных опишу еще одно простое, но очень полезное улучшение интерфейса... ... Когда на форме расположено множество полей, то из-за усталости глаз, не очень хорошего зрения, слишком высокого разрешения монитора и многих других проблем возникает ситуация, когда пользователь не может сразу отпределить позицию коретки ввода - моргающая полоска может быть не заметна... ... Помочь пользователям в этом случае можно раскрасив текст в текущем поле ввода... ... Программируется такое поведение сверх-просто: как только фокус ввода передается какому-то контролу, значение его свойства " цвет текста " ( ForeColor , TextColor ) меняется на " красный " ( Color... ... Это простое дополнение даст возможность пользователю всегда точно знать, где именно находится коретка ввода и что именно нужно сейчас вводить... Подробнее: http://fit-media.com/post_1205142560.htmlDropBox - убийца фалообменников
Степень соответствия запросу: 3,74%
Фрагменты текста поста : ... он будет использоваться в качестве логина для входа в систему... ... за два с лишним месяца с этого сайта пришло только одно письмо (об успешной регистрации), так что завал спамом вам не грозит... ... попадаем на следующую страницу: Здесь желательно поклацать по всем ссылкам в левом столбике, чтобы система больше не лезла к вам с предложениями рассказать, какая она удобная и показать как с ней нужно работать... ... Там же внизу есть синяя картинка с коробкой - это ссылка на скачивание клиента... ... В первом окне выберите пункт "... ... В следующем окне введите е-мэйл и пароль, которые вы вводили при регистрации... ... Если все в порядке, то в следующем окне вам будет предложено выбрать тарифный план... ... Когда вы просмотрите все картинки, то дойдете наконец до окна с крупной надписью "... ... В этом окне нужно поставить галочку "... ... С одной стороны это хорошо и удобно &mdash... ... одна копия лежит у вас, вторая &mdash... ... дадите ссылку)... ... Поэтому если вы хотите, чтобы кто-то кроме вас мог скачать файлы из вашего аккаунта, то вы должны разместить эти файлы внутри одной из этих папок... ... Чтобы получить паблик-ссылку перейдите в папку Photos , кликните правой кнопкой мыши по папке альбома (My First Album) и в меню выберите Dropbox / Copy Public Gallery Link : Вроде ничего не произошло, но на самом деле прямая ссылка на ваш фотоальбом была скопирована в буфер обмена (клипборд) и теперь вы можете вставить ее в письмо, в сообщение форума, в аську или просто в броузер для проверки... ... в том, что в ней нельзя расшарить (сделать публично-доступным) один какой-то файл, только целиком альбом (вложенную папку)... ... в ней можно получить паблик-ссылку на любой вложенный файл, но нельзя получить такую ссылку на папку... ... Вся передача происходит фоном, вам ничего делать не нужно... Подробнее: http://fit-media.com/post_1256945370.htmlМаксимум производительности
Степень соответствия запросу: 3,03%
Фрагменты текста поста : ... Увеличение производительности компьютера ускоряет все процессы, повышает эффективность их выполнения и уменьшает стоимость одной операции... ... Во-первых, для этого нужно увеличить производительность всего компьютера, а не только одной его части... ... Например, пользователь решил сделать определенный шов... ... Такие фотоаппараты устраняют необходимость принятия решений низкого уровня, которые мог бы сделать профессионал... ... Одно кольцо устанавливает диафрагму &ndash... ... Действительно ли необходимо второе окно, или же задание можно выполнить с помощью одного... ... Уменьшение необходимости ввода данных Следующие методы могут увеличить производительность ввода данных, уменьшая количество необходимой для ввода информации: Автоматически заполняйте поля новой записи значениями предыдущей... ... Минимизируйте, либо полностью устраните необходимость ввода информации... ... Можно ли получить информацию на основе логического вывода... ... Второй подход - минимизация ввода информации - может быть довольно сложным для применения по довольно неожиданной причине... ... Скорее всего, сделать неправильный выбор... ... Слишком часто создатели программ предлагают нам неясные вопросы с двумя одинаково выглядящими вариантами ответа, хотя одно из решений является неверным для большинства... ... Если нужно передать длинную форму после того, как пользователь нажмет Submit , это нужно сделать в фоновом режиме, пока пользователь переходит к следующей форме... ... В одном из исследований этого феномена пользователей попросили выполнить одно и то же задание с помощью клавиатуры и мыши... Подробнее: http://fit-media.com/post_1207048697.htmlМиф о метафоре
Степень соответствия запросу: 3,01%
Фрагменты текста поста : ... Хотя в современных программах встречаются все три подхода, одна лишь метафорическая парадигма так широко популярна, что следуя по ее ложному следу мы часто препятствуем созданию по-настоящему хороших интерфейсов... ... Подавляющее большинство компьютерных программ сегодня строятся по такой же архитектуре, безо всякого стыда показывая нам как они были созданы: одна кнопка на функцию, одна функция на модуль кода, команды и процессы, которые точно отражают внутренние алгоритмы и структуры данных... ... Графический интерфейс пользователя, разработанный в PARC состоял из различных объектов: окна, кнопки, мыши, иконки, метафоры, меню... ... Эффективность этого метода огромна, потому что она использует грозное оружие человеческого ума - способность делать логические выводы... ... Процессор этого делать не умеет... ... Толковый словарь Вебстера определяет интуицию как "способность достижения непосредственного знания без какой-либо очевидной разумной мысли или логического вывода"... ... Он и не должен делать этого, потому что большинство идиом вообще не имеют метафорического смысла... ... Золотые арки МакДональдс , три алмаза Мицубиси , пять пересекающихся Олимпийских колец и даже летящее окно Майкрософт - не метафорические идиомы, которые наполнены внутренним смыслом и опознаются сразу же... ... Такие артефакты, как кнопки закрытия окна, окна с изменяемыми размерами, бесконечно вложенные папки с файлами, щелчки мышью и перетаскивание пиктограмм - не метафорические операции, потому что их нет в реальном мире... ... Но для таких часто используемых в программах понятий как процессы, связи, службы и преобразования это сделать трудно или даже невозможно... ... Очень сложно найти хорошую визуальную метафору для покупки билета, смены каналов, приобретения товара, нахождения ссылки, установки формата, вращения инструмента или смены разрешения экрана, хотя именно такие операции мы чаще всего встречаем в программах... ... В физическом мире это нормально, но в программе нет нужды заставлять пользователя делать все старыми неуклюжими методами... ... Но они не могут сделать этого, будучи ограниченными мрачной реальностью электрических цепей и пластмассовых корпусов... ... Почему наши коммуникационные устройства не позволяют делать несколько звонков одновременно или же звонить по указанным организациям... Подробнее: http://fit-media.com/post_1206190085.htmlПользовательский интерфейс
Степень соответствия запросу: 2,95%
Фрагменты текста поста : ... Еще одна книга, очень популярная среди американских специалистов по пользовательским интерфейсам, анализирует развитие столовых приборов в средние века... ... Например, такой интерфейсный элемент как линейка прокрутки находится в противоречии с одним из основных принципов психологии восприятия: у человека может быть только одна точка активного внимания... ... Пока в уголовном кодексе не предусмотрено наказание типа "заключения в пользовательский интерфейс", он имеет право выбора (не между одной программой и другой, а между компьютером и телевизором или даже книгой)... ... Теперь нам нужно сделать концептуальный дизайн интерфейса... ... В рамках нашей метафоры мы должны разработать систему интерфейсных элементов, своего рода алфавит взаимодействия, изучив который пользователь сможет легко делать то, что ему нужно... ... Не случайно ни в одной из известных мне локализаций надпись на этой кнопке не переводится на другой язык... ... С одной стороны, пользователь должен уметь сказать системе, где и что он хочет изменить (обычно это делается щелчком мыши в нужном месте)... ... Поле экрана разбивалось на прямоугольники-окна и вся работа велась только в одном из них - так называемом активном окне... ... Это требовалось для облегчения проблемы поиска текстового курсора в окне... ... Одна - "Конические деревья" - является визуализацией файловой системы компьютера и похожа на систему детских пирамидок, каждый уровень которой соответствует уровню файлового каталога... ... Соль модели в том, что нужный файл можно "приблизить" поворотом карусели (может быть, не одной), идущим в режиме анимации... ... Пользователь может сделать средним любой отрезок стены, причем это тоже происходит в режиме анимации... ... В этот интервал входит не только время вывода новой картинки на экран, но и время осознания ее пользователем, ведь определенное время и усилия тратятся пользователем на то, чтобы понять, как каждая следующая картинка соотносится с предыдущей... ... Анимация за счет увеличения времени перехода от одной картинки к другой (а именно времени анимированного преобразования картинок) существенно сокращает время осознания новой картинки... ... Существует еще одно свойство анимационного пользовательского интерфейса, которое существенно улучшает его полезность по сравнению с графическим интерфейсом, а именно динамически визуальные сигналы... ... Вне зависимости от активности пользователя программе, построенной на анимационном интерфейсе, всегда есть что делать (например, менять фазу мигания)... ... На каждом такте работы такой программы заново строится изображение на экране, а события, инициированные пользователем, например ввод с клавиатуры, отрабатываются всего лишь изменением состояния программы... ... Все компьютерные программы в корне меняют дизайн при переходе от одного окна к другому... ... Так, самое модное сейчас применение компьютеров - блуждание по Сети - имеет тот интерфейс, который вытекает из языка HTML, а он, в свою очередь, производит впечатление "времянки", которая, как теперь ясно, пришла всерьез и надолго... Подробнее: http://fit-media.com/post_1204019048.htmlНе пристало вэб-мастеру ходить в рваных носках.
Степень соответствия запросу: 2,85%
Фрагменты текста поста : ... Можно открыть форум, напривлекать кучу народу и сделать наиболее посещаемые/интересные разделы платными... ... ваш сайт может разместить на своих страницах ссылки на другие сайты, те самые, которым позарез нужна посещаемость... ... Почитайте форумы вэб-мастеров - там постоянно продаются/покупаются ссылки... ... Причем продаются абсолютно любые ссылки... ... Естественно за ссылку со слабого сайта денег платят меньше, но все равно платят... ... Ладно, вроде все ясно, но возникает еще пара неудобств: хотелось бы, чтобы оптимизаторы сами находили ваш сайт, сами размещали на нем нужные ссылки и сами же клали вам в карман денюжку... ... :) Естественно сами они этого делать никогда не будут... ... Ссылка на сайте появилась - ваш кошелек стал толще... ... Просто перейдите по ссылке, зарегистрируйтесь, установите код на свой сайт (подробное описание "... Подробнее: http://fit-media.com/post_1211713145.html
