WordPress and User experience


Before giving you more concrete examples of what to review at the level of user experience in your WordPress web, I want you to understand in the concept of don’t make me think (do not make me think).

Think of a very successful television show, such as the series of friends or The Simpsons.

They are chapters of 20 minutes in which, if we imagine a continuous line, we can draw the line with chalk, without raising the hand of the blackboard. From point A to point B. Easy. You like. It doesn’t make you think and you can even do any other activity while watching a chapter.

Now think Of Game of Thrones, or in West World, whose chapters (not all) seem to master classes of a university where you have to be with paper and pen carefully looking at the screen to not lose detail.

Who is with who, who dominates what, what flashback is here now, what a dream is the one who controls not what and killed the best friend of someone’s sister-in-law… tired sometimes not? You have to be a fan to continue watching some series today.

Well, in my view, the same thing happens with webs. If a website, in a leisure environment such as Internet, is complicated too much from the beginning, and that, add that you visit does not know you previously or has references about you, you can take for granted that your percentage of Bounce it ‘s going to be very high (people coming in, look at what’s in 2 seconds, and flee terrified).

When visiting a website, you have to see little, almost nothing. Very few things. A single concept that is easy to understand: look, this web sells mobile, OK. Look, this website is for booking hotels, OK. Look, this man is a personal trainer and he makes you lose pounds, okay. 

Little by little you discover new content, little by little you are hooking.

Don’t pretend to show all your cards on the home screen. Show one there, then another on the Services page, then another in your portfolio… But connect Those pages well, take the hand of your visitor and show him, experience to experience, what you can do for him.

These concepts remind me of two moments that for me have a lot of meaning at the UX level or user experience.


The first, for me, is a good example OF UX: It is a scene from the film Idiocracy, in which, in a future where people directly do not think more, a man of our time travels in time and becomes the Smartest man on the planet.

In this particular scene, this man visits a hospital and the receptionist searches between a large and very descriptive button interface what happens to the prospective patient.

The second is a clear example of BAD UX and many will sound. It is the website that became Homer Simpson when he discovered the Internet (it lowers the volume because it makes a lot of noise).

And finally, I step to talk about what you should take into account at the level of user experience in the elements that Make up your WordPress website.

Keep in mind that I commented superficially, so I hope you will be curious about some points and work, investigate and get your hands dirty to apply to your page.

User experience or UX  applied WordPress

  • When hovering (hovering the mouse over the menu) it has a striking or at least beautiful effect.
  • Always highlight the benefits of your product or service (and not the features). This means highlighting why they have to buy or hire you and not just know what you offer.
  • Fortunately, more and more people worry about a minimalist and fast loading design (not like Homer Simpson’s page).
  • Es de mis partes favoritas de UX, las tiendas online. Es cierto que hay que seguir muy de cerca lo que hace Amazon que no ha cambiado su UX en varios años, porque simplemente, les funciona.
  • As other elements I refer to price tables, sliders, testimonials, pages 404… all of this has to be taken care of at the level of design, text, etc
  • Also, decide if you need them or not. And above all, why would you need them? If you can’t answer that question, don’t put them.

10 Tips For Improving Your Product’s User Experience

I remember how easy it was to overlook UX errors in my first start-up. It had a drastic effect on the experience users had with our product.That’s bad, because positive user experiences lead to increased word-of-mouth, higher engagement rates and faster growth.The thing is that most of these bugs could easily have been fixed. All it takes is a little time to figure out how to detect them. Do you want to learn how to create repeat customers and loyal and committed users?

1. Focusing on “Impressive Design” over “Usable Architecture”

It’s easy to understand how this happens. You want your app or product to make a big splash. You want to create a buzz.

2. Not Removing Unvalidated Features

Ideas for features can quickly get away from you. At my last startup, we racked up a “planned features” list that we could have never kept up with.

When you have a great idea, it’s so easy to let your brain convince you that your product needs it. What makes this even worse is when the idea comes from one of your users.

3. Listening to What Users Want, Not What They Actually Use

What I’m talking about here is the gigantic difference between what a user says they want, and what they actually use.

Listening to what a user wants ultimately leads you to hamburgers in the shoe store. You’ll be building features no one will actually use.

4. Forcing People to Signup Without Offering Any Value

The most likely scenario for this is a mobile app. The user downloads the app, opens it, and then gets stuck at a “signup or login” screen.

It can also be a landing page that contains nothing but images of icons and selling points.

5. Taking User Feedback Personally

This used to be me. There was a time, before I started learning about UX, that I hated when users couldn’t figure out how to use something I designed.

6. Not Including an Onboarding Experience

Onboarding is how you interact with a user when they use your product for the first time. It’s often in the form of guided tours with overlays, tips and arrows pointing out what button does what.

7. Having a Poorly Design Search Function

Fifty percent of users, on the entire internet, are search dominant. This means 50% of your users are using your search function as their main point of navigation.

They don’t care about your drop downs or your side nav or any fancy browse function you’ve got. They get in, search, and find what they want.

8. Not Optimizing for Mobile

If you’re bootstrapping, or if you’re just testing the waters with a minimal product, building a responsive site is a lot of extra development.

9. Not Offering Users Help

Regardless of how usable your site is, someone is always going to need help.

If you’ve ever worked in a supermarket you’ll have been in this situation before.

There you are, stocking some bread on the shelf when a distraught customer approaches you. “Excuse me! Where on earth do you keep your bread? I’ve looked everywhere for it!” You casually hand them a loaf as they quietly walk away with their tail between their legs.

10. No Emotional Connection Between Your Brand and Your Users

If the goal of good UX is to create an enjoyable experience for your users, then your company’s brand plays into this far more than you’d think.

Positive user experiences aren’t just about making sure your users are able to use your product, it also has to do with the reason they’re using it.

Understanding Cancellation Flows

Understanding Cancellation Flows

The creation of a cancellation flow can be something simple or very complex, it will depend mainly on the guidelines adopted by your company, the product or service you are dealing with and the level of openness you have to suggest alternatives that can make this a quieter process for the user and minimize losses to the maximum for the company. Understanding the scenario and the possibilities within which it is possible to work, it is easier to trace the profile of the client, to trace the possible ways and to find viable solutions that are interesting for both parts.

Let the user find the cancellation option

First of all, it is important that the user can find this option within the site or application. It is obvious that hierarchically this should not be prioritized, but it has to be something easy to find, after all, if you can’t find it, it doesn’t mean you will give up the cancellation, it just means that:

Call customer service

You will complain on social networks, app stores or other channels, generating a bad impression about your brand;
You won’t be honest with him, and that’s unfair, to say the least.
So, the main thing is that you give him this option and let him find it. You have to understand this: if someone wants to cancel a product, they will find a way to do it. The question is to figure out how to keep it, but this you will try to resolve later in the process.

.Understanding the reason

Several factors can influence the decision to cancel: quality, a higher price, cost reduction, the choice of another company that offers the same thing with a better cost-benefit, among others.

It is essential to understand what your user’s motivations are when making this decision, not only to think about a strategy and try to change your mind, but also to observe where your company is going wrong.

Therefore, ask for the reason for the cancellation and ask for an evaluation of the product. You can preset the most obvious answers, but it’s also good to leave a field open for the user to talk more about their experience and better detail the problem.

It may be redundant to say this, but try to simplify the text as much as possible throughout this flow. The journey to the end of this task will not be so easy and will certainly generate some discomfort, so think of a friendly and objective text.

Understanding UX – what are personas?


Understanding UX – what are personas?

In this post, we’ll help you start taking steps to improve UX.

The first step to better user experience is a better understanding of who your users are – and what they want and need.

Referring to these documents and sharing them with all teams should lead to a user experience (or UX) that better aligns with their real needs. In reality, personas rarely cause these results. In many teams, personas’ documents remain abandoned, left aside while web designers and ergonomists continue to create products based solely on their intuitions.In contrast, data-based personas can be real protectors of the user. They help us control the work of UX Design, web design, and ensure that we are building what our users need.

Why make personas? The 7 good reasons

The personas allow you to:

  1. To really address the need of users and not just to remain in the discourse
  2. Identify the real and precise needs of users. This will allow you to create a simple and adapted product and not a catch-all of features
  3. Understand, humanize your target audience and create empathy towards users
  4.  Have a simple, clear and explicit communication tool
  5. Have a common referent
  6.  Streamline decisions
  7. Prioritize development efforts

In two sentences (or almost!)Peopleas are also a great communication tool both to raise awareness and to convince and bring a different vision of the user experience.

On the other hand, just because your personas are well done does not mean that your site, your service will be properly designed. There are other methods to use and other rules to follow to achieve this!





The use of Sitemaps with clients

people working on sitemaps

These days I saw an article that talked about sitemaps and how effective (or not effective) they can be when showing the structure of a site during a meeting with the customer. The article caught my attention because I stopped to think that in the most recent projects I worked on the sitemap had not been very effective in communicating the structure of the site to those on the other side of the table or the line.

Some points I’ve noticed:

Depending on the type of project, showing the structure of the site is not important for the project and for what is being decided at the meeting. But this varies according to the type of navigation that is being designed In a Facebook application, for example, which has a more linear than hierarchical navigation, it makes much more sense to show a user flow than a sitemap. And what I realized is that this kind of project has been much more common than building websites with menus and submenus.
The sitemap is not a very interesting document to go through. It is clear the customer’s disinterest for the document, especially when the person to whom the sitemap is being presented does not have much experience in building sites. Put yourself in that person’s place: it’s all a big succession of rectangles and lines that can often scare you more than clarify.

Precisely because of this, in some cases, the client approves the sitemap without having understood very well what this approval means. It is important that, in the speech, the UX Designer makes very clear the purpose of the document, the implications of that structure that is being presented and even why you have not opted for a different structure. If you do not take these precautions during the presentation of the sitemap, the client ends up approving just by approving. Only in the stage of wireframes, the client will realize that a link he thought important ended up being too hidden within the structure of the site or the menu.

It is dangerous to show only the sitemap and cause the false sensation that the experience always starts from the homepage of the site – mainly because some of them happen in very different sites of the great worldwide network of computers. An experience can start on a user’s Facebook wall, proceed with an application, go through an SMS and end up inside the brand’s institutional website. In these cases, it makes more sense to show the way from the user’s point of view, and not from the point of view of the structure of the site – which usually starts on the homepage.
The article I mentioned tries to list some alternatives for the sitemap, some of them even interesting. What I’ve been trying to use is a hybrid between sitemap and user flow – and as far as possible from gray rectangles to avoid scaring the client too much.

But of course this deliverable decision should be thought of on a case-by-case basis and there is no “definitive formula” for that.

When in doubt, common sense and old common sense.







Sketch versus Adobe XD

Adobe XD vrs Sketch

Sketch versus adobe XD


The digital product design community is currently split between Sketch, Photoshop, and Illustrator when it comes to “design tool of choice,” with Sketch gaining serious ground the past few years. Design blogs are stuffed with Sketch vs. Adobe XD debates, with Sketch coming out tops in most instances. As a result, Bohemian Coding (the makers of Sketch) has eaten into Adobe’s dominance in the design tool market.

These leaps forward in prototyping will definitely push Sketch and other tools to follow suit with similar features. Adobe is also working on both iOS and Android apps for previewing purposes. Pretty nifty


Pros and cons of Sketch


  • Use of extensions – Directly generate code from the sketch and paste it on for HTML/Swift/Objective-c/Kotlin/Java.
  • Exports – Directly export the design to other software like Zeplin.
  • Ease of use – The easiness that the tool carries is quite good as compared to other software in the same category, even a novice can start using it in very less time.
  • Community Support – The best part is that the software is used by a very large audience, and the community support is quite large and good.


  • Quick saves – sometimes quick saves don’t work, and the progress for last few minutes is lost.
  • Layers choices – Choosing layers among nested layers becomes complicated if you have not kept this in mind from the start.
  • Pre-designed styles – Some pre-designed styles can be given to be built upon to reduce design time even more.


Pros and cons of Adobe XD


  • User-friendly, dissimilar to many Adobe products that have a steep learning curve.
  • Simplifies Application development with interactive prototypes.
  • Gives you the ability to create really attractive prototypes and integrates with Photoshop / Illustrator seamlessly.


  • It would be great if the software helped to generate usable code. It does not.
  • Only allows for simple transitions and not many effects.
  • Image editing within the application is limited. Should at least be able to crop images.



Traditionally, the software development cycle goes through the “alpha” then “beta” status with, according to the editors, a “Preview” passage available to users in order to give a preview of the product. While most distribution to as many people as possible is at an advanced stage of development, it seems that Adobe has made the choice to distribute “urgently” to all its Creative Cloud subscribers, software that we hope is still under construction….

Sketch is clearly Adobe’s target with its XD (for “Experience Design”): a “Preview” launched on Mac only (the playground of Bohemian Coding’s software) and an interface so well copied inspired, that it is far from the Creative Cloud suite’s cannons!

It also has a pretty loyal following already, but XD’s innovative features will force Bohemian Coding to keep pace. Although that means a mass exodus is unlikely, we’re going to start seeing XD pop up as a strong contender in those Sketch vs. Photoshop debates.








You might want to make sure things look fancy, but you must first make sure that your stuff is going to be read. Also, be sure that you’re thinking about colors and layouts. The wrong colors will be hidden or hard to see against certain backgrounds. Sometimes this comes into play with templates, so make sure you have everything under control

What Is User Experience?

User experience (abbreviated as UX) is how a person feels when interfacing with a system. The system could be a website, a web application or desktop software and, in modern contexts, is generally denoted by some form of human-computer interaction (HCI).

UX designers also look at sub-systems and processes within a system. For example, they might study the checkout process of an e-commerce website to see whether users find the process of buying products from the website easy and pleasant. They could delve deeper by studying components of the sub-system, such as seeing how efficient and pleasant is the experience of users filling out input fields in a Web form.

Compared to many other disciplines, particularly Web-based systems, UX is relatively new. The term “user experience” was coined by Dr. Donald Norman, a cognitive science researcher who was also the first to describe the importance of user-centered design (the notion that design decisions should be based on the needs and wants of users).

We built interaction based on what we thought worked — we designed for ourselves. The focus was on aesthetics and the brand, with little to no thought of how the people who would use the website would feel about it.

What Situations Would Benefit From UX Design?


Things To Know About UX Design

UX design is an amazing discipline, but it cannot, or will not, accomplish certain things.

Here at Sweven we can help you improve any process or site



Fairuz is a jewelry store located in plaza Atlantis Escazu
It has stainless steel jewelry, Murano and onyx from different parts of the world

The problem

  • The problem is that Fairuz needed a digital platform as well as a strategy for its social networks to increase sales and have digital penetration

Fairuz home

The changes

We apply changes based on the study of data analysis based on what users are looking for

Automation tools were also applied within the site in the sales area to make the store more efficient in its inventory and sales.

In addition, development policies were applied to the account as a production environment where testing was conducted.

Fairuz receives the results of the analysis of our CEDY system. This helped the store management to make market decisions based on what users are looking for and how they can improve as a company.

A WordPress site

A Facebook campaign with influencers

Bounce Rate

 Total New User in the website

Fairuz managers followed all our recommendations and this is what they achieved:

  1. Better SEO positioning in google thanks to our SEO optimization
  2. Increase in site visits by 120% according to google analytics
  3. An improvement in sales that increased by 70%
  4. Reduction in the bounce rate
  5. A digital strategy
  6. A real Digital inventory


FutbolID is an online store that sells customized sporting goods from the National Soccer Team and local teams of Costa Rica.
FutbolID came to us because despite having many followers in their social networks their conversion rate into sales from their website was not as expected.

Immediately our team of experts in the agency began to analyze why this happened and through our CEDY system, we got down to work.

What did we find ?

  • Low interaction with followers in social networks, did not attend to the queries made by followers.
  • The purchase process on the website was not optimized for users so there was a very high rebound percentage.
  • The size of the images on the website was not adequate.
  • Unattractive sales and promotion strategy
  • Low perception of target users
  • The site was not 100% responsive which increased the bounce rate

What did we do?

First we talked to our client in our office about their expectations, the current scenario and what they wanted their website to do.
With this as a starting point we began to analyze the data obtained through our CEDY syste

Bounce Rate

What was done ?

Through the analysis of data and what was found was rethought the existing digital estregia and created an oriented to generate greater interaction with users in social networks and conducted a redesign of the website with load times less than 5 seconds.

This strategy was executed over a period of 4 months and the results were :

Increase in sales

  • Process Optimization
  • Greater interaction in social networks, which allowed to create community and increase the number of followers.
  • 100% Responsive Website
  • Better perception of the target market

Through our CEDY system we integrate our best research and design techniques and are very pleased to create exceptional experiences for your customers.