fabiochiu/medium-articles huggingface dataset:
Case study: building a custom form builder
By: Edgar Louis
Tags: UX Design, Case Study, UI Design, Product Design, Software Development

We tried to build something that combined the best of both. In Google Form, the heading and spacing is consistent design-wise. But the card system leaves the ‘clutter’ feeling as it creates too much unnecessary whitespace for each element. It risks the builder to create an empire state form, where the participant has to scroll a long page to fill out the form.

Typeform is intuitive and has a good flow. The builder can directly edit the label, input, and content of the form without the need to press the edit button. But what if the participant skips some parts of the question and decides to go back later? The participant needs to go all the way up one by one and it’s really annoying.

So then we created a system that takes the Google Form card system, by omitting the card design and making it more compact, and took the direct approach of Typeform that more intuitive for the users.

Task Flow

There are several design methods that I could possibly take for this project, like design principles, sketching, sketch boarding, etc. But I decided to go with task flow as it is the one that is suitable.

In the task flow method, there is two fashion: top-down or bottom-up. When we’re thinking in the top-down, we consider what is the starting point of the user and what the encounter first. Then, after the first point what might happen as the users work deeper into the product.

Accordingly, the bottom-up approach considers what is the most interesting steps in the process for the user and we ask ourselves what comes before and after that. This puts the user in the key destination of why the user uses the product in the first place — this is the reason why they are here.

It was clear to me. I need to use the bottom-up method as the sole purpose of the user when sign-in on the web page is to create a form. What comes after that is publishing the form and viewing the result as the participants submit their answers.

Constraint and Design Specific

This process will help the team to get a shared vision on the personality and essence of the design by choosing the look and the feel of the interface. When the users use the product, it will feel crisp and professional. I decided to limit the use of the color palette and focusing more on the professional look.
Utak-atik Konseling Psikologi di Halodoc (UX Case Study)
Tags: UX Design, Ux Case Study, UI Design, Counseling Psychology, Medical Apps

Thanks to Andhika S Pratama and gempitaff .
Redesigning the cinema experience
By: Joycelyn Koh
Tags: UX Design, UI Design, Movie, Cinema Experience, Website Design

Redesign some physical touchpoints at the cinema as well as on the website.

Timeframe: 2 weeks group project Tools: Adobe XD & Axure

Designing a better cinema experience

Our team (we called ourselves Oscars) — Bis, Brenda, Po Fong & myself — decided to redesign the cinema experience at Shaw Theatres. We believe we can redesign some of its physical and digital checkpoints so users will find them easier to use and have a better experience.

The brief

Redesign an existing service that includes both digital and physical touchpoints.

The business

Shaw Organisation was founded in 1924. Its major competitors, Cathay and Golden Village joined in 1935 and 1992 respectively. Unfortunately, despite having 7 locations and 70 screens, Shaw has been edged out by the other two.

The goal

Redesign some physical touchpoints at the cinema as well as on the website.

Discover

User Interviews

Firstly, we conducted user interviews with 13 testers and found the following patterns in our affinity mapping process.

We managed to find 13 testers that closely mirror this movie-goer profile in Singapore.

Key insights from these interviews and affinity mapping.

Service Safari

To gain a deeper understanding of the cinema-going experience at Shaw, we went on-site to 4 different Shaw cineplexes, PLQ, Lido, Waterway Point and Jewel to conduct Contextual Inquiries.
Comparte recomendaciones desde la app de Netflix
By: Violeta Robla
Tags: UX Design, Case Study, UI Design, Ironhack, New Features

Senior graphic and editorial designer based in Barcelona. Currently studying UX/UI Design. Feel free to have a look 🚀 www.violetarobla.com
Space & Hierarchy
By: Celine Fucci
Tags: UI Design, Product Design, Visual Design, Design, Graphic Design

Definitions

Let’s start by clarifying these terms. You may have used them in your designs, but do you know what they mean?

Space

Space is simply the breathing room between design elements. When you prioritize space in your designs, you’re:

Advocating for organization — this means you care about quality.

— this means you care about quality. Increasing simplicity, clarity, and balance — these principles are critical in interface design.

— these principles are critical in interface design. Making information easier to scan and digest — this can lead to user satisfaction and even increase retention.

Hierarchy

Hierarchy involves organizing information into different levels of relative importance. When you prioritize hierarchy in your designs, you’re:
Case study: Building an expense manager application
By: Saurabh Biware
Tags: UX Research, Case Study, UI Design, UX, UI

The current scenario has changed the face and pace of the technological and computing industry and has redefined humans reliance on it. With this evolving time and technology, I am extremely delighted to put forward my meticulous outcomes to such a field of infinite potential and that I truly believe that this burgeoning industry holds tremendous futuristic developments.

In Today’s Digital World there are a very few applications that have the discipline and diligence to stick to the goals, as it takes a relentless dedication to achieve a competent personal budget in order to ease the Consumer’s day to day life.

This Project was developed including all the phases from mapping out the problem to delivering final designs with the responsibilities of Qualitative Research, UX Design, Visual Design, Prototyping, and Testing.

It was fancied to design an application to overcome this problem and help users through tracking and categorising the expenses by the means of visualisation. This prototype shows your monthly cash flow with an ability to break down expenses by category and dig in deeper where you see concerning spending habits.
I Fell In Love with UI Design
By: Kay Jasanya
Tags: Ui Ux Design, UI Design, Design, Journaling, Storytelling

Photo by Diego PH on Unsplash

Utilizing colors had never been my forte. I had always struggled with matching colors and because colors are crucial for design, I even concluded I would do nothing that had to do with design.

However, in July 2020, I was a participant in an internship with URx and that experience birthed my passion for UI design. I worked with a team of students chronicling my first experience with Figma.

It was love at first sight; I saw that I could create the UI of apps and websites. Since then, I have always ensured to put myself in programs where I get to develop my UI and UX skills.

Nowadays, I spend my time honing my Figma skills and it has been quite an adventure. I plan to share more the lessons I have learned so far in this journey.
Adobe Xd Gradients
By: Ui Blogger
Tags: UI Design, Gradient, Designer, UI, Adobe Xd

Gradients are very useful for Designing Something attractive inside a UI Design. Therefore for all Adobe XD users, We have created this sweet short article in which we will give you a simple guide and list down some useful UI Kits, Website resources for a better selection of gradients for your UI design..

How to Create Better Gradients

You can watch the above video to find out how you can create beautiful UI Design with Gradients..

Some Quick Instructions for Creating Better Gradients are:

Select the element Go to the Color Panel Select the Gradient option Choose gradients to shape you want to use.. linear or round gradient And customise according to your need..

Some Adobe Xd Gradients UI Kits

There are various UI Kit available for better Gradients Work.. these are the UI kit popular for their gradients collection.. some have big and some have a small collection of gradients

And most importantly all of them are Free.. so, without any delay let’s look at them

1. Gradient Collection

By Vishal Ganage

This is one of the famous gradients collection kits for Adobe Xd. This kit has 60 Pre-made gradients that help you in better selection of gradients for perfect designing..

2. Gradient Collection

By Hannah Milan

This UI kit is also very helpful for choosing simple gradients for your UI Design some people love that because they hate adjusting the gradients again and again for perfection therefore they prefer using gradients.

Some Gradients Resources Website

These are some of the very useful websites for gradients you can go and check their amazing collection of gradients..

1. Web Gradients

This website is my favourite gradients website as it has many useful gradients collection.. these websites have every type of gradients shades.. so go check them out

Website Link: https://webgradients.com/

2. UI Gradients

Another website that many designers use because of its big collection of gradients.. it has some of the very common gradients and some very unique and you can use them for free..

3. CSS Gradients

This website is one of the great websites for designers who love gradients as it has many websites links that contains a collection of gradients.. so go the website

So these are some of the best resources for Xd gradients if you like the resources then clap 👏👏 for this article.. and also subscribe our account for better articles thanks.
Hyweb Design Center
Tags: UX Design, UX, UI Design

Learn more. Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Make Medium yours. Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore
Daily Web Design Inspirations | #7
By: Robin Saulet
Tags: UX Design, Daily Blog, UI Design, Web Design, Daily Inspiration

You’re looking around for Web design inspirations?

This article is a top 20 Of My favorite web design inspirations Of the day.

Discover new designers, new gradients or new original interactions.Enjoy 🖖
Five Visual Designers to Follow for Their Engaging Tutorials
By: Amy Yang
Tags: UX Design, Visual Design, UI Design

Photo by ruben daems on Unsplash

As a UX designer, the focus of my training has been on how products function rather than how they look. Lately, with more time to practice and improve my UI skills, I’ve developed an interest in creating more eye-catching visual assets, most of which takes place in Adobe Illustrator or Photoshop (and neither of which I have much experience in). When it comes to learning these new skills, YouTube is the perfect place to turn for quick and easy tutorials.

I wanted to share some of my favorite design educators on YouTube who can help up your visual design game ranging from typography, logo design, 3D design, and other cool tips and tricks through their fun and engaging videos.
Daily Web Design Inspirations | #6
By: Robin Saulet
Tags: UX Design, Daily Blog, UI Design, Web Design, Daily Inspiration

You’re looking around for Web design inspirations?

This article is a top 20 Of My favorite web design inspirations Of the day.

Discover new designers, new gradients or new original interactions. Enjoy 🖖
Tips For UX/UI Designer
By: Dailos Ione García Afonso
Tags: UX Design, UI Design

Tip 1: During the design process is very important to keep a good order and give to every element a name. Before copiying working tables, it is mandatory to have every element named and set up the elements as a group or master component.
Design System: Icons
By: Андрей Насонов
Tags: UX Design, UI Design, Design, Design Systems, Figma

Redundant Layers In The Icon Frame

There should be nothing in the component frame, except for the icon. Don’t forget to remove all hidden layers from the icon frame.

For example, Material Design icons have a white background layer.

Icons have a white background layer

As a result, the icon component should contain only one layer (the layer with the icon). But there may be exceptions, for example, two-color icons.

In the case of a one-color icon, all the elements must be combined into one layer.

After you have merged the layers, don’t forget to apply the “Outline Storke” to the merged shape.

Combining an icon into one layer

All this is necessary for the icons to weigh less, to make the SVG code much smaller and more understandable, and for the developers not to have problems with recolouring the icons.

This is how the SVG code of the icon looks like when the icon component has several layers and they are not combined into one. The code turned out to be very long and has as many as 7 “Fill” parameters for different icon elements. It can’t be done like that.

Icon file size 1318 bytes

And this is how the SVG icon code looks like when all layers are merged. The code is much smaller and has only 2 “Fill” parameters. One for the background of the container, the other for the color of the icon. You can do it like that.

Icon file size 803 bytes

After exporting the icon, you can further compress it using this website.

After compression, the icon code got even smaller, but the appearance of the icon did not change.
My journey to landing the first UX job
By: Daniela Popa
Tags: UX Design, Entry Level Jobs, UI Design, Product Design

Fast forward to October 2020, I was preparing to take on my new role as a full-time UX / UI designer. Along with the bubbly, exciting feeling came certain “new job nerves” as I was meeting the whole UX / UI Design team. There were plenty of matters that ran through my mind, such as wanting to be of use from day one, getting on track with the team’s rhythm, and remembering every bit of information or every person I met — the usual!

Having been in this role for a short while, I would like to share a couple of thoughts and points to consider if you are are at the beginning of your design career.

In terms of personal development, it is a good idea to consider ways in which you will succeed at your job. However, this brings a certain risk of focusing a little bit too much inward. You also want to paint the bigger picture and look at ways in which you contribute and support the company’s / project’s goals.

Particularly if you are an entry-level designer, I suggest being open and honest with your manager when discussing your goals and what you would like to achieve. This enables your manager to support you to the best of their abilities and helps you build trust through transparency.

In my view, you should not be afraid of admitting your flaws, even as early as during the job interview. It shows you know yourself, and are able to critically evaluate your skillset and put it into perspective— where you are and where you would like to be in the future for example.

As a newcomer, you have the ability to ask plenty of questions, understand how the team got to where they are now, and what is their ultimate goal. Besides this, it can also be interesting to consider knowing how does success looks like to the team and what does it take to be successful when the product launches.
Daily Web Design Inspirations | #5
By: Robin Saulet
Tags: UX Design, Daily Blog, UI Design, Web Design, Daily Inspiration

You’re looking around for Web design inspirations?

This article is a top 20 Of My favorite web design inspirations Of the day.

Discover new designers, new gradients or new original interactions.Enjoy 🖖
Ux / Ui — Case Study. miXto · Proyecto Carrera Ux/Ui Acámica
By: Yanina Bartolomei
Tags: Case Study, Acamica, UX Design, UI Design

Graphic designer, Ux/Ui in process, shoe designer on my free time and mom of two
Building your portfolio in Notion: Part 1
By: Rama Krushna Behera
Tags: UX Design, UI Design, Visual Design, Interaction Design, Portfolio

II— Case Study Page

This is where you have detailed case studies of your selected works. For this page, you can take either of the two approaches or a combination of both.

a. Approach 1

If you have published your case study on Medium, you might want to redirect the viewers to that page instead of showing the case study in the Notionfolio.

To do this, add a new property to the card named “Note”, and put a note to click the medium link to view the case study

OR

b. Approach 2

If you haven’t published your case study on Medium, you can show the case study in the Notionfolio. Use the different blocks that are available to build your case study in Medium.

However, if you want you can combine both of these approaches and showcase your case study.
Memulai belajar UI UX Design, 5 tips dan langkah praktis bagi pemula di 2021
By: Ar Wasil
Tags: UX Design, Belajar Desain, UI Design, Interaction Design, Wireframe

Learn more. Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Make Medium yours. Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore
How UX improved my grocery shopping during the pandemic
By: Morgan Nebiosini
Tags: UX Design, UI Design, Covid 19, Shopping, Pandemic

Photo by Anna Tarazevich from Pexels

One of the things I miss most from my life before the pandemic was the weekly grocery store trips to Trader Joe’s my partner and I took. Food shopping can often feel stressful. But Trader Joe’s in-store aesthetics and innovative products created a fun environment. My partner and I enjoyed casually strolling the store, sticking to our shopping list I made on my phone and breaking from the list when we found new items we wanted to try that week. We eat a plant-based diet, so we end up buying a lot of fresh produce.

It’s funny; before the pandemic, I wouldn’t have realized how much I enjoyed going to the grocery store as I thought it was just a chore. But once the lockdown started overnight, our trips to the grocery store became a chore again, long lines, the stress of staying 6 feet apart. Suddenly being at the grocery store meant putting our health at more risk. Sometimes we would forget to grab items in our hurry to minimize our in-store time, or some item we wanted would have sold out; we would end up buying more things than usual so that we wouldn’t have to go back as often — instead, we just ended up eating more. The food was the product, and nothing about it had changed. I still enjoyed finding new items on the shelf, but it no longer was safe to stroll around the store and discover new things. The experience of obtaining the product changed.

Enter Misfits Market, an ugly produce delivery system. It took away the stress that the pandemic brought to my weekly shopping trips. Every Saturday at 4 PM, my shopping window opens up. A beautiful UI prompts me to customize my delivery box. Each week I get to select six vegetables out of groups A and B and three from group C. I find myself excited to see what new vegetables and fruit await me, as each week the selection of available items changes. In one business day of my order shipping, it is at my front door. Since the items are directly from farmers, the produce is exceptionally fresh. My weekly shopping is back to stress-free levels, and I still have the joy of finding new items to try.

In the digital space, products are often more abstract. While the main product is the food, it took a sound UI system to replace the in-store experience for me. Misfits Market solved the problem of visiting the grocery store during the COVID-19 pandemic with a delightful operating system I didn’t even know I needed.
Revisit: Chatbox Challenge
By: Emily Shaindlin
Tags: Flatiron School, Design Thinking, UI Design

A few weeks ago, I did a design challenge where I had to design a chat app. I’m not super happy with it, so we’re gonna tinker with it and see what else we can come up with.

As it is, it’s a simple enough set up: it looks like your basic chatbox design. I’m not crazy about the logo I made for MedBlog and my color scheme could use some extra attention. So let’s try again.

For round two, I decided to try a different approach for MedBlog. Let’s not use 3 different fonts for the logo, shall we?

This is admittedly a simpler set up and is instead a game chat instead of a blog support chat. I didn’t include a keyboard because I made this at a higher resolution than the last one and had trouble finding one that would adjust easily to my desired size. I am hoping and praying that after I get my office in my new house fully set up and get a chair that is fully supportive, I will have the patience to do these adjustments myself.

For next week, I’m going to try and do some user testing with my Amazon Flex bathroom app. Or possibly I’ll try to design my own app for finding the nearest bathroom for delivery drivers. Maybe it should have a function to find the nearest food stop as well…

Tune in next week to find out which idea I decide to go with!
Why Digital Prototyping? Does it help in Faster and Successful Product Launches?
By: Techment Technology
Tags: Digital Product, Cross Platform, UI Design, Prototyping

Thousands of new products are introduced into the market every single year and thousands of startups open each year. Sadly 95% of new products fail within 12 months, and less than a third of startups succeed to survive. Such turbulence in the marketplace makes it incumbent upon the leaders to take steps to ensure product success, cost-effectively. Prototyping is a tool that can ensure that the products do well and consequently the companies.

Make the Right Choice

There are various choices for prototyping, such as:

Low and High fidelity: Depending on the need, budget, and stage of development the choice needs to be made. Answer the following to ensure that you pick the right choice:

Depending on the need, budget, and stage of development the choice needs to be made. Answer the following to ensure that you pick the right choice: Quality: What level of quality are you aiming at? What kind of functionality are you looking to have to get the right feedback and results?

What level of quality are you aiming at? What kind of functionality are you looking to have to get the right feedback and results? Stage of Development: What stage of development is your project at? Advanced stages may call for a high-fidelity prototype, whereas the initial stages mostly require simple paper sketches.

What stage of development is your project at? Advanced stages may call for a high-fidelity prototype, whereas the initial stages mostly require simple paper sketches. Precision Need: Large enterprises with complex projects while going for upgrades need a high-precision rapid prototyping technology. The level thus depends upon the need.

Large enterprises with complex projects while going for upgrades need a high-precision rapid prototyping technology. The level thus depends upon the need. Crude or Refined: Refinement costs dearly, as well as consumes more time. Hence, based on these parameters, the decision has to be taken, as crude-focused prototypes are quick and cheap solutions. Refinement is critical for products with a high level of technical or market risk, such as aircraft safety testing, surgical programs, etc.

Based on the above requirements, decide the type of prototype you need. Here are four types of prototyping that you may consider using when creating a new digital product or service:

1: Sketch prototyping

2: Paper prototyping

3: Mockup prototyping

4: Coded prototyping

Each has its unique set of advantages, to learn about this topic in greater detail, get access to our blog.
Kaisa Laga Khana Apko? — A UI/UX Design Case Study
By: Nikita Singh
Tags: Design Thinking, Ui Ux Design, UI Design, Designer, Design Psychology

🌐 Background

After months, when finally the lockdown was lifted, people were looking for new ways to reach out to DD asking to deliver their regular meals or to taste something different! Under this situation, it was predictable that for the next few months the customers will demand for their “personalized dabbas.” With this in mind, the startup — Dhinchak Dabba aimed at creating a digital platform where people can customize the dabba based on their preferences, culture and moods.

💁🏽‍♀️ Understanding the Brand

Dhinchak Dabba is a one stop destination for all your home food requirements. We strictly believe in the ideology of “HHH” i.e., Health, Hygiene and Homemade. We work daily for the better health of our customers by making the food with all homely recipes and no use of any kind of food sodas. To make it interesting we have customizable dabbas. We have successfully delivered about 11,485 dabbas so far in this journey and we aim to reach new heights daily by making our customers happy and healthy. We are currently operating in Wagholi, Kharadi and Viman Nagar, Pune, India.
Design-thinking in our daily life
By: Cristian Virciu
Tags: Design Thinking, Food, UI Design, Design, UX

🚨 Combat cognitive overload

Most interfaces today use some “tricks” to get our attention, like a very good ad. And this is done through color, sound, movement, and feedback. Another place where the same principle goes? — Casinos! That’s right! You walk into a casino, you see colors, lights, sounds, and animations everywhere. That’s part of why our brains are attracted to that. When it comes to our phones, think of the complexity of an app Icon, or how notification badges, interfaces, and animations are designed.

Illustration by Natasha Remarchuk from Icons8

Did you know that the human eye is naturally drawn to warm colors? Especially red. That’s why we see it everywhere, from traffic lights to UX Design. That’s why a notification badge is designed to be red, so you know it’s something important and you have to look there. The same goes for app icons and interfaces.

So, a trick that you can easily do, is to turn your whole OS interface black and white. It sounds and it will feel weird at first, but then you start to realize how much better and distraction-free experience you’ll have.

These principles can be applied everywhere. From our workspace, from our homes, we can all create a more distraction-free environment by just tweaking a few things.
7 Takeaways from the 2020 UX Tools Survey
By: Jordan Bowman
Tags: UX Design, UI Design, Design, UX, UI

Original article on uxtools.co.

Over 4,000 designers responded to the annual UX Tools survey.

Here are some key takeaways from the results.

1) Miro had massive growth

In the brainstorming category, Miro grew from 5% usage in 2019 to 33% in 2020. This has become one of my personal favorite tools.

2) People love Whimsical

Most tools averaged a rating of 3.5 out of 5, but Whimsical achieved a great score of 4.5. Miro also had high scores, but Whimsical looks to be a great contender.

3) Windows adoption is climbing

More designers are using Windows. 25% of respondents used Windows as one of their platforms for design this year, up from 18% last year.

4) Figma usage skyrocketed

Taylor said the Figma numbers were so high, he had to double-check them. They were the clear winner in multiple categories, including the “Which tools are you most excited to try in 2021?” section.

5) Testers like Zoom & Maze

Zoom is the clear winner here, especially as it becomes a household name. Maze also had a strong showing and high user rating. 25% don’t use software at all.

6) Notion is a budding favorite

There were several surprise appearances from Notion in multiple categories. It’s clearly becoming a popular solution for many designers.

7) Adobe XD is slowly emerging

Adobe XD grew 10x from being used by 1% of respondents in 2019 to 11% for managing a design system. However, it’s still behind Figma and Sketch.

Wrapping up

Big thanks to Taylor for putting this together every year! Be sure to visit uxtools.co/survey-2020 to see all the results.

For more UX news and tips, sign up for the 📮 UX Tools newsletter.

Have you changed tools in 2020? Let me know on the Twitter thread. If you’re feeling generous, perhaps like or retweet the thread, too:
Community App for Kara & Nate— A UI/UX Design Case Study
By: Rama Krushna Behera
Tags: UX Design, UX Research, UI Design, Web Design, Interaction Design

• Who are ‘Kara and Nate’?

A couple from Nashville, Tennessee who started in January 2016 with a goal of traveling 100 countries by 2020. Make video blogs (vlogs) about their travel and have 1.78 million subscribers on their YouTube channel with around 742 videos. The couple achieved their goal of traveling to 100 countries in February 2020. Now they are traveling within the United States and posting vlogs about it.

• What kind of content they produce?

The video content that they produce for their channel is Semi-Formal, Informative, and Joyful. Apart from the videos, they also write blogs on travel hacks, credit cards, and their income, and have got their own Travel Hacking and Video Editing course hosted on teachable. They are also planning to start their own newsletter.

• Why are we creating the app?

Kara and Nate have a diversified audience from different walks of life. Currently, they have:

A YouTube Channel for people to watch their videos and travel experiences A website where they post blogs related to travel hacks, credit cards, and income report A private FB group for Patreon members to interact with the community

It is difficult to keep track of different digital platforms and be productive while traveling. Moreover, some of these platforms are major contributors to their income.

The app is created with an idea to unify the purpose that is being served on different platforms, thereby increasing productivity without hampering their incomes.
Два элемента информации, два элемента управления
Tags: UX Design, Zoom, Design, UI Design

Learn more. Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Make Medium yours. Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore
Culturs — an app for travelers designed in times of COVID-19
By: Andreea Dragomir
Tags: UX Research, Case Study, UX Design, UI Design, Covid 19

HOW DID OUR RESEARCH STARTED?

DESK RESEARCH

We have chosen tourism as the main theme, and we have launched a hypothesis: Do travelers get to have authentic experiences when traveling? Can they experience the places in a way like a local does? What interests them the most?

We started investigating several subtopics like mass tourism, how to generate a more responsible tourism, reasons to travel and found tons of statistics that show a rise in interest in cultural tourism, gastronomy and local diversity.

Travel statistics — Desk Research

The result of the study “What most attracts us to a tourist destination? Attractions, culture and gastronomy” of the Pompeu Fabra University, Barcelona, of April 2019, on 12 large European cities, show that to compete in this specific market, tourist products and packages, cultural attractions and gastronomy are the critical elements chosen to attract visitors. The 12 cities studied showed a significant amount of content dedicated to these issues on all the websites considered (over 40%).

According to UNWTO (World Tourism Organization) tourism revives traditional activities and customs, empowers communities and promotes awareness of the value of heritage.

INTERVIEWS & SURVEYS

We did two rounds of interviews (30 people) and a survey (85 people) to empathize with the users.

Most of the interviewed people have ranked traveling as one of the things they like to do the most. Their priorities when traveling are to discover cultures they do not know, seek authentic experiences, learn about gastronomy and what the places really are like. They like to do tours, especially with local people and they don’t trust so much as before the recommendations found on Trip Advisor or Google Maps.

Interviews & survey Culturs

What bothers the users most is when organizing their itineraries. It is the time taken, the false or outdated information, places that are sold as authentic from the site but are just a tourist trap. Also the fact that they do not find activities by zones or segmented by their interests.

With our survey we confirmed the hypothesis from our interviews, we got to know better what other platforms users are using, how much time are inverting in organizing a trip and how they do it.
Frontend services || Ui design services
Tags: Frontend Services, Ui Ux Design, Ui Design Services, UI Design

With the rising traffic and an increase in the demand for web-based services, innovative web solutions are necessary for apps to excel in the market. Seamless user-interface is hugely dependent on the quality of your front-end development services and Origami Studios can be your one-stop solution to quality web apps.

Frontend services

We offer specialized full stack front end development services that are built on the core of the JavaScript language and can confidently deliver desirable results. Developers at Origami Studios build reliable and adaptable web app solutions without jeopardizing your commercial objectives.

Ui design services

A strong digital experience includes a design that suffices all your needs without being in your face. Elements used are only there because you can’t do without them. Understanding human behavior is vital to create a remarkable user experience. This is where client research and testing becomes an integral factor, and we foster the experienced designers who are pros at what they do.

At Origami Studios, the journey of your interface is made user-friendly at every possible point. Our objective is to lighten the cognitive load for the end-user and highlight the convenience being provided. Crisp and spot-on design with a frictionless user journey is essential to create an extraordinary UI. Therefore, we execute entirely with a thorough research and design process that guarantees ROI on the go. Through our UI design services, Team Origami acts as a co-creation force translating thoughts into tangible jaw-dropping results.
Out Now — SAP Fiori Design Guidelines, Version 1.84
By: Susanne Wilding
Tags: Sap Fiori, UI Design, User Experience, Design Guideline, Sapui5

The SAP Fiori design guidelines for web applications have been updated to version 1.84. Here’s a selection of the topics we’ve updated with this edition.

Visual design

Check out the updated resource links for icons and the new semantic color for information text in the Quartz Light and Quartz Dark themes.

UI patterns

In the first of a series of updates, we’ve simplified the overview topic on creating, editing, and deleting objects. Learn about the difference between simple and complex objects, and which interaction flows to use for each.

The topic on formatting numbers has also been reworked and now includes more examples.

SAP Fiori floorplans

See where to set the initial focus for key floorplans (analytical list page, list report, overview page, wizard, worklist).

UI elements

As we continue to enhance the guidelines for smart controls, we’ve fully revised the smart link topic.

Smart link popover

SAP Fiori design stencils

Guideline version 1.84 contains new stencils for the message page, tiles, calculation builder, and upload controls, along with numerous updates. You can see what’s been added and changed below:

We’re constantly expanding our stencil library, so be sure to check for the latest download before you start working on a new app design.

Other updates

For a complete overview of all changes, see the What’s New page for version 1.84.

This post originally appeared on SAP User Experience Community and SAP Community.
Where I find color palette inspiration
By: Phylicia Flynn
Tags: Colors, UI Design, Visual Design, Design, Inspiration

Where I find color palette inspiration

Pantone Connect

We all know Pantone, the leaders in color trends, so this was an obvious pick. But I recently found out about Pantone Connect. A website, along with a mobile app, to help you create color palettes by working with premade or creating your own. The benefit of using the app is the ability to take a photo and extract colors right from there! And if you are also a nerd about color theory, they have a cool option to “analyze” the palette.

Pantone Connect color palette analysis

Coolors

Coolors is probably the most popular palette generator right now. Like Pantone Connect, you can make your own, explore premade palettes or upload a photo to extract colors. One useful function is the Color Contrast Checker. You enter your background color and text color and it will give you a grade on how accessible the combination is.

Coolors trending palettes

Designspiration

This site is similar to Pinterest except there is an emphasis on color! When you click on a photo you like on Designspiration, it will show you a coordinating color palette. From there you can either select all of the colors or a specific color to see other images that coordinate. Um, hello easy mood board creation!

Color palette search on Designspiration

Muzli Colors

While this might look like another color palette generator, there’s one feature that Muzli Colors has saved me plenty of time on UI Design projects. It’s no different in showing you trending palettes, but click on one and you’ll see “Live UI Demo Kit.” With two options, you can download UI components or a whole dashboard using the color palette. The two options also show you how the palette could be used on Light versus Dark themes.

Live UI Demo Kit on Muzli Colors

Wes Anderson

So this one is not like the others. While it’s great to have computers generate palettes for you, I think finding inspiration outside of the computer is equally as important. While Wes Anderson has always been a source of inspiration for me, he doesn’t have to be yours. But find a creative you admire and study their work. One benefit to this is being able to see colors used in real life. You aren’t only looking at blocks of colors; you’re seing them used in compositions, seeing the balance and distribution of color.

My favorite thing to come out of 2020 is Wally Koval’s Accidentally Wes Anderson. I keep it out on my coffee table (because every part of this book makes me swoon) and use my Pantone Connect app to pull out colors. Also, this interactive map is way too much fun.
9 เครื่องมือที่นักออกแบบ UX/UI ต้องใช้
By: Paksupang Janpae
Tags: UX Design, UI Design, User Experience, Tools, User Interface

9 UI/UX must tools for designers

There are some tools that UI/UX designer must know and some tools that are good to know. Let's go through some of them!
How to prototype your design idea like a pro
By: Julia Tsoi
Tags: UX Design, UI Design, Design, Resources, Prototyping

How to prototype your design idea like a pro

Throwing back to the old days when I was a young consultant. There was a time my boss asked me to work on a PowerPoint deck for his presentation. And you can imagine that he does not have time to walk me through his idea; instead, he gave it an open-end question and asked me to build with my best knowledge and effort.

Challenge accepted. I was so excited to formulate the deck in the way I wanted it. So I directly jumped into my creative zone, crafted out the content, and made it the most appealing presentation in my life. Carefully selected wordings, visually-appealing graphics, fancy animation between slide and slide, all you can imagine. I made it like a decent art piece in the exhibition, awaiting my boss to applause.

When I finally scheduled a time to show him my deliverables after a week, things did not go as planned. He did not find the flow of content resonating with him at all. The next minutes, he stood up and started doodling on the whiteboard to show me the presentation flow in his head — which, surprisingly, is the opposite direction of my beautiful slides built.

My learning? I should have shown him the presentation deck’s strawman a week ago before spending much effort worrying about nice touch-ups.

Since then, I have learned to visualize and test the initial concept before investing the effort to build the final deliverable. I always align and test the ideas before developing the products, whether it is a document, a project plan, or a mobile app. And the earlier I show the working version to others, the easier to get feedback to ensure we are on the right track. This is why the concept of prototyping started melted into my day-to-day life.

In this article, I’ll provide cover the below topics related to prototyping:
Welcome to the first in a series of short illustrated articles, explaining the basics of UX design.
By: Gurjot Singh
Tags: User Experience, UI Design, Ux Designer, User Interface, Ui Ux Designer

Clearly whatever you can control or master to design “- Milton Glaeser

Welcome to the first in a series of short illustrated articles, explaining the basics of UX design.

It starts with understanding

In the real world, it is important to develop empathy and understanding of the users of your product; The audience or stakeholders who interact with it (whether directly or indirectly).

Simply put, the responsibility of designers in user experience (UX) is to understand users. And it’s easier said than done. Users are human — their behavior, priorities and goals have a Changes set. Understanding users in the real world becomes even more challenging, while upsizing with other competing needs of your business, engineering resources, market demands, brands, etc. Balancing your needs with other competing needs of.

However, UX is important. This ultimately makes a product more useful, understandable, useful and beautiful.

Learn to be sympathetic

To design great user experience (UX) you have to be sympathetic to your users. Good design makes sense.

It can also be thought of in terms of goals:

Who wants to be a user?

What does the user want to do?

How does the user want to feel?

Understand your users; Who they are, why they are using your product, what they want, and how best to get them how they want to be.

In moment

In the next part of this illustrated series, we’ll look at UX design tools — see you there!
20 sites para Baixar Ilustrações Gratuitas
By: Beatriz Jardim
Tags: UX Design, UI Design, Flats, Ilustration, UI

Graphics | Delesign

You've reached the end. We'll be adding more soon, and would love to hear your suggestions on what to design next. Need…
डिफेंडिंग डिज़ाइन को रोकें, प्रस्तुतिकरण समाधान शुरू करें I Design Guru (Hindi)
By: Gurjot Singh
Tags: UI Design, Logo Design, Design, Logo, UI

We create ready-to-use trendy UI designs and kits for web, desktop app, software, and we develope android mobile applications. Read More: http://bit.ly/3p9pnj4
Desafío 1: Design Thinking
Tags: Design Thinking, UI Design, Ironhack Prework, User Experience, Diseño De Productos

in Perspectives on Design by Modernist Studio
Case study: A daily UI challenge
By: Oghenefejiro Esieboma
Tags: Daily Ui Challenge, Case Study, UI Design, Product Design, Dailyui

Case study: A daily UI challenge

In my last article, I spoke on a new approach to the Daily UI challenges, that can help people struggling with consistency in the challenges. I’ll be putting in weekly updates on how my struggle with consistency is going (and links to view the screens from my Daily UI challenges) But before we dive into designing, what is the concept you want to design? what problem do you want to solve, or what idea do you want to develop? Over the past week, I’ve brainstormed, and researched on an idea that addresses a problem that may seem little, but may actually turn out to be relevant.

An Overview

A lot of podcasts with relevant and amazing information are available everywhere on the internet, and although one of the reasons Podcasts were created was the aid multitasking, A lot of people are missing out of the amazing content delivered in this market because of accessibility issues. That is, although some podcast applications have the option for the podcasters to add subtitles/transcripts, this can be really stressful, and most don’t. This makes the content of most podcasts inaccessible to people with hearing impairment, or people who are not able to listen to sound at a particular time.

The Solution

The solution I suggest to this problem is a website/application that hosts podcasters, and helps with closed captioning (or subtitles) using speech to text recognition, with the option to edit the captions if there are mistakes.

The Process

Since the designs are for the Daily UI challenges, and the emphasis would be on the interface of the product, I’ll be skipping user research, and going straight into sketching, wireframing and high fidelity prototyping. I’m excited to see what would come out of these challenges!

p.s: Are you interested in working on this idea also? You can!
On a daily basis we see UI while using the computer and UI makes them easier to use and more…
By: Dolapo Mosuro
Tags: Ui Ux Design, UI Design, UX, Design, UI

On a daily basis we see UI while using the computer and UI makes them easier to use and more efficient.

Users interface refers to:

Visual interfaces such as Mobile apps, html/css web designs.

Audio interfaces such as music, siri.

Physical interactions such as keyboard, mouse etc.

UX, on the other hand focuses on the entire process of acquiring and integrating the product during the process of branding, design, usability and function.

The process a ux designer seeks to understand the context of use first, the Ux are more concerned about how users react and reason so they can help determine how users can integrate fully to have a wholesome experience.

In ux, considerations are:

Why: motivations, values and views of the user is considered.

What: design functionality and features.

How: accessibility and beauty.

UI vs UX

UI artists in general are artists with technical knowledge. Visual knowledge of how a design looks. They convey brand identities and make designs look good while ui is more visual,easy to use, it usually doesn’t focus on ensuring it does the exact thing needed. UX does exactly that. UX keeps the Usability and accessibility and overall experience of the Users in mind.

As long as UX is defined well, then it is easy to design ui around that else the app will fall short. They create a synergy that makes it as good as it can be yet does what people want it to do.

Key Principles Of User Experience Design

Meet the users’ needs. Focus on users throughout the design process.

Source

Know where you are in the design process. It can get overwhelming, but keep up with where you are at during the design process For instance, there’s is no point testing the color of a button if you are still figuring out where it should be placed in the design.

2. Have a clear hierarchy. This is associated with how content or information is organized throughout the design and across the app/site The best description would be the Navigation, where all the pages can be linked from.

3. Keep it consistent.Users will quickly adapt to the more familiar design compared to others, the faster users can learn to use it, the more enhanced their experience.

4. Understand accessibility. An error free app/site means one that is accessible to the old and the young. Usage is not tedious.

5. Context is key. Location,Age,Interest/Industry of the Users should be factors to be considered For example, the emotional state of a user would impact how patient or impatient she might be when interacting with the user interface of your product or service, so you’d want to design with that in mind.

6. Usability first. A clustered app/site is bound to lose Users while a more advanced user will want to use to pick up his pace and intellect. Keyboard shortcuts are a perfect example as well as templates.

7. Less is more. Yes. Don’t get carried away with complex links, pages,and designs. Assume the mistakes a user may make no matter how silly or simple then work it into the design.

Articles

*refactoring ui