Двоє американських дизайнерів Jesse Kaczmarek та Andy Gugel представили своє бачення того, як повинні виглядати інтерфейси сервісів пошуковго гіганта. Вони намагалися створити єдиний візуальний образ продуктів та фундамент для оновлення бренду. Читати далі »

Russian Design Cup — це перший в Росії відкритий конкурс для найсильніших дизайнерів та проектувальників інтерфейсів. Задачі, розроблені спеціалістами Mail.Ru Group, чекають на тих, хто дійсно сильний в проектуванні інтерфейсів та готовий це довести в чесному змаганні.

Задачі для конкурсу будуть схожі на ті, з якими команди дизайнерів Mail.Ru Group регулярно стикаються в реальному житті. А так як конкурс творчий, часто у задачі не може бути єдиного правильного рішення, тому воно буде оцінюватись суб’єктивно членами журі. Читати далі »

Кожна взаємодія, яку ми створюємо, допомагає визначити і направити досвід користувача. Найкращим варіантом буде розробка чогось інтуітивно-зрозумілого перед створенням естетично приємного інтерфейсу. «Навіщо винаходити „велосипед“, якщо вже є все готове у різних шаблонах?», — спитаєте ви. Простий на вигляд елемент може нашкодити інтерфейсу користувача. Тому кращі проекти, інколи, потребують від нас заново винаходити велосипед. Читати далі »

Дизайн мобільних інтерфейсів iOS дуже відрізняється від веб-дизайну. Тут зібрані 50 цінних порад для отримання гарного результату.

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

Орієнтуйтесь на пристрій, коли створюєте програму: враховуйте не тільки розмір екрану, а й де і коли пристроєм користуються. Частіше всього iPad використовується для розваг між20:00-23:00,пере сном, тоді як iPhone — в черзі на автобус або в кафе. Враховуйте різні сценарії використання при розробці аплікацій — включаючи й те, як далеко пристрій розташований від обличчя користувача.

Розглядайте вашу програму поекранно. Визначіть основні задачі, які буде вирішувати програма на конкретному екрані, а потім зробіть так, щоб користувач міг вирішити їх, задіюючи мінімальну кількість додатковий опцій, кнопок та інших елементів управління. Уникайте надмірно великого функціонального навантаження на активний екран, а особливо на мобільних пристроях.  Читати далі »

Фото Roger Schultz’s

Дана стаття — переклад англомовної «How to Design a Mobile Responsive Website» автора Elaine Simpson.

Створювати мобільну версію сайту чи ні? Це питання викликає багато обговорень. Між тим, тут є інше рішення: гнучкий веб-дизайн. Тож коли, як і що потрібно робити для того, щоб створити такий мобільний сайт?

Враховуючи прогнози, за якими в США до 2015 року користувачів мобільним інтернетом буде більше, ніж тих, хто використовує для доступу в Інтернет стаціонарні комп’ютери, а також зважаючи на велику популярність планшетів та навіть перегляду інтернету через телевізори, важливим постає питання розробки сайту таким чином, щоб у користувачів не виникало труднощів і незручностей в незалежності від того, яким пристроєм вони користуються для доступу в мережу. Отже, чи може в цьому випадку допомогти гнучкий дизайн? Так, адже саме він надає можливість створити єдине універсальне рішення для різної ширини екрану. Використовуючи відповідні методи, ви зможете надати мобільному користувачу той самий контент, але вже у відповідно пристосованому для перегляду на його пристрої вигляді. Читати далі »