58 признаков хорошего интерфейса

UPD. пристойне чтиво не гріх і скомуніздити.

У хорошего интерфейса пользователя высокая конверсия и его просто использовать. То есть, он хорош и для бизнеса, и для использующих его людей. Вот список опробованных нами идей.

1 Один столбец вместо нескольких

Один столбец точнее отражает то, что вы хотите донести. Пользователи проходят сверху вниз по более предсказуемому пути. В дизайне с несколькими колонками есть риск отвлечения пользователя от основной задачи страницы.

image

WordPress — змінюємо головну тему через базу даних

Буває, що накосячиш, встановивши нову тему, а завернути не вдається, оскільки навіть на адмінці видає помилку…

Тоді йдемо в базу даних (php-myadmin) — таблиця wp_options — знаходимо записи зі значеннями stylesheet та template в колонці option_name. І замінюємо значення option_value на назву потрібної Вам форми.

Приблизно як на скріншоті.

Зберігаємо Contact Form 7 в базу даних

У світі немає людей, які б не любили плагін CF7 під вордпрес. Звісно, є люди, які про нього не знають, але щоб не любили — нема 🙂

Єдиним мінусом цього безкоштовного додатку є те, що тут не зберігаються повідомлення. Це особливо прикро, коли у Вас на сайті тупить поштовий сервер і гості відпраляють свої повідомлення в пустоту. Збереження листів до бази дозволить застрахуватись від цього.

WordPress — ajax на бекенді

Нема часу пояснювати що таке Ajax та які ніштяки він може видати в плані юзабіліті. Приклад роботи асинхронної передачі я спробую пояснити на одній задачі.

Отже, Ви маєте перелік публікацій та Вам потрібно виводити їхній вміст. Як це робити.

HTTP_HOST, PHP_SELF та REQUEST_URI

Я згадував про глобальний супермасив $_SERVER в надії, що згодом повернусь до публікації і розпишу все по поличках…

На цей раз не плекатимемо дапремні сподівання, а лишень зазначимо, що якщо вкрай потрібно завернути url сайту, то користуємось:

$_SERVER['HTTP_HOST']

Якщо цього Вам мало і потрібно знати ім’я сторінки, то допоможе:

$_SERVER['PHP_SELF']

Якщо ж для темних справ Вам потрібна не лише адреса сторінки, але й передані на неї GET-запити, тоді юзайте:

$_SERVER['REQUEST_URI']

wp insert post

wp insert post — це функція для створення публікацій, а також для їх редагування. Проте окрім очевидного застосування вона може допомагати у вирішенні численних задач: наприклад, якщо Вам потрібно зберігати кудись листи з форми зворотнього зв’язку.

Окрім того, у WordPress публікації в залежності від типу можуть виконувати як роль коментаря, так і пункту меню — тож спектр використання для функції справді чималий.

exit(), die() — дебажимо роботу скриптів в php

exit(), die() — конструкції в php, що зупиняють виконання скрипта та при потребі виводять повідомлення.

Використовуються у відладці скриптів, на які ми передаємо дані. Таким чином розробник має змогу бачити яким чином інтерпретуються його команди на “тій стороні”.

UPD. для девелоперів, які працюють на Wordpress оптимальніше буде використовувати wp_die() замість die().

Дана конструкція має розширенішу структуру і дозволяє передавати в третьому аргументі параметри для контролю поведінки.

wp_die( $message, $title, $args );
  • response (число) — код відповіді сервера;
  • back_link (логічний параметр) — виводити чи ні зворотнє посилання на попередню сторінку;
  • text_direction (строка) — напрям тексту ltr або rtl.

Pentium 4 — реставрація

22.00 мій здоровий глузд відійшов покурити і Юрій Санич знову намагається сотворити цивілізацію з гівна та палок.

Сьогодні продовжуємо танці навколо старого ПК з нереальною тактовою частотою в 2.8 Гц та 512 мб оперативки. Основна задача — не зважаючи на шальоні потужності зробити з нього пристойну друкарську станцію.

Минулого разу вже був ритуал використання древнього артефакту: хард Quantum 5.25 series. Спроба поставити на нього Windows XP завершилась нічиєю: система встановилась, але обмін інформації йшов ну дуже повільно.

Зважаючи на швидкість якісний об’єм заліза в 4.8 Гб, я вирішив відкласти артефакт та спробувати замість нього звичайну непородисту флешку на 15 Гб. Щоправда допустився помилки — відвів половину місця під диск [C], а іншу половину залишив нерозміченою.

Я мав намір розмітити диск [D] вже при установці операційки, проте система мене культурно послала, зіславшись, що не робить таких маніпуляцій зі змінними носіями.

22.10 Без звичного потріскування харддиску інсталяція проходить куди приємніше.

22.23 Зацінив, що до непристойності гріється відеокарта та сусідній радіатор (можливо південний міст). Присобачив збоку додатковий вентилятор — відтак повернулись олдскульні шумові ефекти.

22.39 75% скопійованих файлів і дружина кличе вечеряти: яєшня, шпондер під правильний салат з кунжутом + трохи каші — це далеко не найгірше, що може трапитись з людиною.

22.52 Завершилось копіювання, машина перезавантажилась і система офіційно видала:

Disk error

Press any key to restart

23.00 В чому причина я напевне розбиратимусь іншим разом. Ну, а на разі ніхто не постраждав, флешка залишилась живою і опісля годинних маніпуляцій має осб такий вигляд.

windows_to_flash

UPD. Підозрюю, що якщо трохи погуглити тему, то знайдуться більш оперативні варіанти встановлення з компа — принаймні можна опустити цей процес копіювання з флешки на влешку… Як там що — буде видно, коли здоровий глузд піде на перекур наступного разу.

Заміна інформації в серіалізованих даних

Доволі милий факапчик трапився при переносі клієнтського сайту з демонстраційного серверу на основний: часто система задає абсолютні лінки в матеріалах, зображеннях та інших деталях.

І якщо видалення/заміна цих абсолютних шляхів проходить в матеріалах, то у віджетах вона начисто відключає вивід даних.