Developer Tips : Focus on feature and content, not the appearance

-


I’ve been trying to become a UI designer. I want to develop a well-designed, really good looking system management app, and then I can sell it somewhere on the software marketplace and hope It can make me some revenue from it.

So I started searching on what is the best UI library that I will use to develop the project. UI design, library or framework that have the best look and feel for users so the user won’t feel tired or bored while using the app.

After analysing many libraries, I realize that even the best design, which in my opinion is Material design, in the end users will feel bored and feel that there’s nothing special with the design. Because appearance is kind of only work as a first impression, after a while using the app, the user won’t care about looks anymore, it is the content or feature that they will care about.

Looks are the first impression whether a customer will decide to choose our product or find another product that is better than ours, so looks are also very important too. Satisfaction of just a few glance looks of the app, the experiences they get are a crucial factor for customers to choose our product.

And even for me as the developer, developing an app that looks unique with a fresh UI is much more fun and satisfying than working on a regular app that has a boring look. Usually we will feel motivated to work on an app that has better look for a long time and not feel bored.

So far I have been using and only familiar with Bootstrap. I’ve used react material-ui but still have very little experience on it, for example just basic things like on how to make material ui being responsive on mobile clients, maybe in the recent version react material it is automatically responsive, i don’t know but i hope.

Like i stated before that material design has the best looks and i only knew Bootstrap, which is not based on material design. To cope with this I will use Mdbootstrap which is still Bootstrap but with material design looks. So i don’t need to learn React material-ui but still have material design looks.

Mdbootstrap works great but still it doesn’t have some components that I need, so it’s very painful to create one custom component by ourselves. Styling and designing a ui by itself can take forever, it’s not the best practice for a developer to focus on styling, let’s just outsource or hire specialists that have better experiences in styling. We must rather spend 95% of our time focusing on developing more features to our app, and focus on app logic not the interfaces.

After comparing many UI libraries, I have concluded that in the end looks are important but it shouldn't be our priority, the priority is our app content. All of these UI libraries slightly look the same, they just put different colors, borders and shadows. Again, the most important thing to our app is the features or the contents, information, menus, buttons, etc. And how is your app gonna solve as many problems as it can be.

Popular posts from this blog

ERROR 1348 Column Password Is Not Updatable When Updating MySQL Root Password

-
Image
MySQL and MariaDB password As already mentioned in the title of this blog, this error message sometimes occurred when we are trying to update our root password database, either MySQL or MariaDB, The error says: ERROR 1348 (HY000): Column 'Password' is not updatable This is because if we use this SQL command to update our database root password, and it turn out to be Restricted by MySQL to use update on mysql database. UPDATE mysql.user SET Password=PASSWORD('1234') WHERE User='root'; The solutions for MySQL Error1348 So you can not update a user password using Update commands, to update the password, use ALTER commands instead. like the following. ALTER USER 'root'@'localhost' IDENTIFIED BY '1234'; And then you need to do the flush privileges to commit previous queries (that alter command above) into the system, simply do like this. flush privileges; So now you have your root with password 1234. Although it is recommended to...
Read more

How To Create Spring Boot Project Using Netbeans

-
Image
Spring Boot is a handy tool that simplifies the development of Spring Framework applications by reducing the need for cumbersome configuration. In this tutorial, I'll guide you through creating a Spring Boot application using the Netbeans IDE. While you can certainly create a Spring Boot application in Netbeans manually, it's much easier with a plugin designed for Spring development. Here's a step-by-step guide to get you started: 1. Install the Spring Boot Plugin: Open Netbeans and navigate to the Tools menu. Click on "Plugins." Once the Plugins window opens, select the "Available Plugins" tab. Look for the "Nb SpringBoot" plugin, then install and activate it. 2. Create a New Spring Boot Project: After restarting Netbeans IDE, you can create a new project with Spring Boot. Go to File > New Project. Under Categories, select Maven, then choose "Spring Boot Basic." 3. Add Dependencies: With your new project created, open the po...
Read more

Spring Kafka - How to use ReplyingKafkaTemplate send and reply synchronously

-
Image
Microservice Spring with Apache Kafka Today, I want to share how to use Kafka. It's quite interesting once you get the hang of it, and I hope my explanation will make it a bit easier for you. So, Kafka is primarily known as an asynchronous messaging queuing system. This means it allows different parts of your application to communicate with each other without waiting for immediate responses. However, there are times when you might need a more immediate reply from another service in your project. Luckily, Kafka can handle this too. Here’s how it works: The client side sends a message to the server side via Kafka. This message includes a special identifier in the Kafka header request, known as KafkaHeaders.CORRELATION_ID, along with a topic where the server should respond. The server, after processing the request, sends a message back to the same topic with the same correlation ID. This way, the client knows that the message is a response to its initial request and can act accordingl...
Read more