Кастомная галерея на iOS: от лага на 60 000 фото до lazy-загрузки и Combine

Если вы когда-нибудь разрабатывали мессенджер, то наверняка сталкивались с задачей выбора фотографий и видео для отправки. На первый взгляд кажется, что Apple предоставляет всё необходимое: UIImagePickerController, PHPickerViewController. Но стоит только копнуть чуть глубже, и оказывается, что стандартные компоненты не покрывают и половины того, что нужно в реальном продукте.

https://habr.com/ru/articles/1005060/

#iOS #Swift #UIKit #Photos_framework #UICollectionView #Combine #iCloud #lazy_loading #галерея #мессенджер

Вайбкодерам и Веб-разработчикам на заметку! Список сайтов с готовыми React UI-Компонентами

Во многих случаях при разработке веб-сервисов и сайтов возникает необходимость в поиске готовых UI-компонентов — как для вдохновения, так и для ускорения работы над интерфейсом. Подобные решения будут полезны всем, кто занимается веб-дизайном и веб-разработкой. В статье представлена подборка ресурсов с качественными и интересными UI-компонентами. Список будет дополняться по мере появления действительно достойных сайтов и сервисов.

https://habr.com/ru/articles/983350/

#ui #uicollectionview #ui_библиотека #opensource #react

The role of a user persona in UX and how to create it

A lot of articles and guides on how to create an effective UX design for a software product mention “sticking to a user persona” in order not to waste efforts and resources on a non-target audience. What is a user persona, how to define it, and how can it help the UX team in finding the best design solutions for a product?

https://habr.com/ru/articles/942046/

#ui #uikit #ui_testing #ui_kit #uitableview #uicollectionview #uiтесты #uix #ux #ux_design

The role of microinteractions and small details in UX design

Microinteractions play a huge role in UX design despite being labelled “micro”. They include all the small details you can find in a software product, i.e. animations, emotive reactions, clicks, vibrations, etc. Not only do they make it more interesting and joyful for users to interact with a product, they also help ease the navigation process and make it more intuitive by providing important information. Which types of microinteractions can be used in apps, what makes them a vital part of software products, how to implement them correctly and which common mistakes to avoid when designing small details? Types of microinteractions

https://habr.com/ru/articles/895238/

#ui #uikit #ui_kit #ui_testing #uitableview #uicollectionview #uix

Секретная акция, или Как выйти за пределы UICollectionView

На собеседованиях iOS-разработчиков часто спрашивают о сложных лейаутах коллекций. Мы решили использовать их для геймификации программы лояльности в нашем приложении. А это возможно? Сначала казалось, что нет. Но мы это сделали. Нарисовали, анимировали и спрятали за пределы экрана ячейку с секретной акцией, у которой даже отрывается корешок! И всё с помощью UICollectionView. О том, как у нас это получилось, я сегодня и расскажу.

https://habr.com/ru/companies/dododev/articles/855560/

#ios #коллекции #анимация_скролла #mobile #collection_view #uicollectionview

10 certain indicators of a well-done UX design

UX design is the backbone of any digital product like an app or a website. It’s like a “dark horse” of a product: it’s something that is not always visible to a naked eye, but without it a product would be very hard or even impossible to use. In the meantime, it’s very easy to tell apart an optimized, well-done UX from a poorly implemented one. The latter can not only turn users away from a product, but also make a negative impact on the brand perception as a whole, as it plays a great role in customer satisfaction. Of course, each product has its own UX quality criteria, as it depends on different factors like the theme of a product, age of the target audience and so on. But there are also a few general indicators of a well-done UX that are applicable to any product no matter what. Let’s discuss them:

https://habr.com/ru/articles/833076/

#ui #ui/ux #uikit #ui/ux_дизайн #ui_kit #ui_testing #uitableview #uicollectionview #uix #uiтесты

Alright, again I run into wall after wall with #SwiftUI. I'm trying to finally get a grip on it by ... wrapping a #UICollectionView in a UIViewRepresentable. That's probably one of the more complex situations to start out with.

Maybe I should just start with a first launch screen and some data persistence and see what I can learn from there… That'll also give me some more structure instead of beginning in the middle, where I don't even know yet where my data is going to come from.

With all the spotlight on #SwiftUI, the changes introduced this #WWDC19 to #UICollectionView could easily go unnoticed, but they are *huge*.

Really impressed about the possibilities of diffable data sources and composable layout.

https://developer.apple.com/videos/play/wwdc2019/220/
https://developer.apple.com/videos/play/wwdc2019/215/