{"id":19092,"date":"2025-02-27T15:00:12","date_gmt":"2025-02-27T14:00:12","guid":{"rendered":"https:\/\/webicient.com\/?post_type=wiki&#038;p=19092"},"modified":"2026-03-04T21:45:47","modified_gmt":"2026-03-04T20:45:47","slug":"vad-ar-ui-ux","status":"publish","type":"wiki","link":"https:\/\/webicient.com\/sv\/wiki\/vad-ar-ui-ux\/","title":null,"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"19092\" class=\"elementor elementor-19092\" data-elementor-post-type=\"wiki\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2099edc e-flex e-con-boxed e-con e-parent\" data-id=\"2099edc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3b1c30b e-con-full e-flex e-con e-child\" data-id=\"3b1c30b\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db56a38 e-con-full e-flex e-con e-child\" data-id=\"db56a38\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-284e2fb elementor-widget__width-auto subh elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"284e2fb\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\"><a href=\"\/\">Hem<\/a> \/ <a href=\"\/wiki\/\">Wiki<\/a> \/ Vad \u00e4r UI\/UX?<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cf29f3 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"7cf29f3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Vad \u00e4r UI\/UX?<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c13f6ec e-con-full e-flex e-con e-child\" data-id=\"c13f6ec\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a84b7e elementor-position-left elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"4a84b7e\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/webicient.com\/sv\/team\/sadegh-mirkhalafi\/\" tabindex=\"-1\"><img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/sadec-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-image-22409\" alt=\"\" srcset=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/sadec-150x150.png 150w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/sadec-300x300.png 300w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/sadec-400x400.png 400w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/sadec-600x600.png 600w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><div class=\"elementor-image-box-title\"><a href=\"https:\/\/webicient.com\/sv\/team\/sadegh-mirkhalafi\/\">Skrivet av: <span>Sadegh Mirkhalafi<\/span><\/a><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a009e85 elementor-icon-list--layout-inline elementor-align-left elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"a009e85\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Uppdaterad: februari 27, 2025<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef48db3 elementor-absolute elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image\" data-id=\"ef48db3\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1408\" height=\"1408\" src=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-bg.png\" class=\"attachment-full size-full wp-image-17472\" alt=\"\" srcset=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-bg.png 1408w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-bg-300x300.png 300w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-bg-1024x1024.png 1024w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-bg-150x150.png 150w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-bg-768x768.png 768w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-bg-400x400.png 400w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-bg-600x600.png 600w\" sizes=\"(max-width: 1408px) 100vw, 1408px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-545c501 e-con-full wiki-content e-flex e-con e-child\" data-id=\"545c501\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb64582 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"eb64582\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"ql-block\" data-block-id=\"block-35fb289b-3ec7-41a5-8bc3-72144a7a596c\"><div class=\"ql-block\" data-block-id=\"block-813a18c1-2ba9-486c-b1d9-c8dcba59ed45\"><p>Begreppen UI och UX anv\u00e4nds ofta tillsammans, men de betyder inte samma sak. <strong>UI (User Interface)<\/strong> handlar om det visuella \u2013 f\u00e4rger, knappar, layout \u2013 medan <strong>UX (User Experience)<\/strong> fokuserar p\u00e5 hur anv\u00e4ndaren upplever en webbplats eller app.<\/p><p>Att f\u00f6rst\u00e5 skillnaden mellan UI och UX \u00e4r avg\u00f6rande f\u00f6r att skapa en <strong>smidig, estetiskt tilltalande och anv\u00e4ndarv\u00e4nlig digital produkt<\/strong>. En snygg webbplats med d\u00e5lig UX riskerar att frustrera bes\u00f6karen, medan en logisk men tr\u00e5kig design kan k\u00e4nnas oinspirerande.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c820f3 elementor-widget elementor-widget-image\" data-id=\"2c820f3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"343\" src=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/uiux-cover-1024x439.jpg\" class=\"attachment-large size-large wp-image-19098\" alt=\"\" srcset=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/uiux-cover-1024x439.jpg 1024w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/uiux-cover-300x129.jpg 300w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/uiux-cover-768x329.jpg 768w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/uiux-cover.jpg 1400w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe551ab elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"fe551ab\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vad \u00e4r UI (User Interface)?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e38fc7 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"7e38fc7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UI, eller anv\u00e4ndargr\u00e4nssnitt, handlar om det visuella och interaktiva elementet p\u00e5 en webbplats eller app. Det \u00e4r det anv\u00e4ndaren ser och interagerar med.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2391008 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"2391008\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Vanliga UI-element:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3704821 ul-list elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"3704821\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">F\u00e4rgscheman och typografi<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Knappar och ikoner<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Navigation och menylayout<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Animationer och \u00f6verg\u00e5ngar<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11d7173 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"11d7173\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>En genomt\u00e4nkt UI-design g\u00f6r att en webbplats k\u00e4nns modern och l\u00e4ttanv\u00e4nd, medan en d\u00e5ligt genomf\u00f6rd design kan f\u00f6rvirra eller avskr\u00e4cka bes\u00f6kare. Vill du se exempel p\u00e5 hur UI kan anpassas efter ett varum\u00e4rke? Kolla in v\u00e5ra case-studier.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4ba420 elementor-widget elementor-widget-image\" data-id=\"e4ba420\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"343\" src=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/vad-ar-ux-1024x439.jpg\" class=\"attachment-large size-large wp-image-19113\" alt=\"\" srcset=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/vad-ar-ux-1024x439.jpg 1024w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/vad-ar-ux-300x129.jpg 300w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/vad-ar-ux-768x329.jpg 768w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/vad-ar-ux.jpg 1400w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32363f5 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"32363f5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vad \u00e4r UX (User Experience)?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b5b269 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"2b5b269\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UX handlar om hur anv\u00e4ndaren upplever och interagerar med en digital produkt. En bra UX-design g\u00f6r att en webbplats k\u00e4nns logisk, smidig och enkel att anv\u00e4nda.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00b9f7a elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"00b9f7a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Vanliga UX-faktorer:<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7eb0d81 ul-list elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"7eb0d81\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Anv\u00e4ndarfl\u00f6den och sidstruktur<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Sidans laddningstid och prestanda<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Enkelhet i navigering<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Anpassning f\u00f6r olika enheter och sk\u00e4rmstorlekar<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db91eed elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"db91eed\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ett exempel p\u00e5 d\u00e5lig UX \u00e4r n\u00e4r en webbplats ser bra ut men har en komplicerad checkout-process, vilket g\u00f6r att kunder avbryter sina k\u00f6p.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87b3d4e elementor-widget elementor-widget-image\" data-id=\"87b3d4e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"343\" src=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/ux-vs-ui-1024x439.jpg\" class=\"attachment-large size-large wp-image-19114\" alt=\"\" srcset=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/ux-vs-ui-1024x439.jpg 1024w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/ux-vs-ui-300x129.jpg 300w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/ux-vs-ui-768x329.jpg 768w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/02\/ux-vs-ui.jpg 1400w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ccb441 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"4ccb441\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Skillnaden mellan UI och UX<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65e29d3 elementor-widget-mobile__width-inherit elementor-hidden-desktop elementor-widget elementor-widget-text-editor\" data-id=\"65e29d3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\ud83d\udc49 <b>Swipea f\u00f6r att se skillnad<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82adcb6 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"82adcb6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<table><thead><tr><th><strong>Kategori<\/strong><\/th><th><strong>UI (User Interface)<\/strong><\/th><th><strong>UX (User Experience)<\/strong><\/th><\/tr><\/thead><tbody><tr><td><strong>Fokus<\/strong><\/td><td>Det visuella och grafiska<\/td><td>Anv\u00e4ndarupplevelsen och funktionalitet<\/td><\/tr><tr><td><strong>Exempel<\/strong><\/td><td>F\u00e4rger, knappar, layout<\/td><td>Navigering, interaktion, prestanda<\/td><\/tr><tr><td><strong>M\u00e5l<\/strong><\/td><td>Att skapa en snygg och tydlig design<\/td><td>Att g\u00f6ra anv\u00e4ndarresan enkel och effektiv<\/td><\/tr><tr><td><strong>P\u00e5verkan<\/strong><\/td><td>Hur n\u00e5got ser ut<\/td><td>Hur n\u00e5got fungerar och k\u00e4nns<\/td><\/tr><\/tbody><\/table>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9733fb4 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"9733fb4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hur UI och UX samverkar<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b824e1 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"2b824e1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UI och UX beh\u00f6ver fungera tillsammans f\u00f6r att skapa en helhetsupplevelse. Ett exempel p\u00e5 detta \u00e4r en e-handelsplattform:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7af4176 ul-list elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"7af4176\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">UI-designers skapar snygga produktbilder, tydliga knappar och en v\u00e4lbalanserad f\u00e4rgpalett.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">UX-designers ser till att checkout-processen \u00e4r smidig, snabb och utan on\u00f6diga steg.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0791e5 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"d0791e5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Om n\u00e5gon av delarna misslyckas riskerar webbplatsen att tappa bes\u00f6kare.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62f7170 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"62f7170\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hur UI\/UX p\u00e5verkar SEO<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-480655c elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"480655c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Google rankar webbplatser utifr\u00e5n anv\u00e4ndarupplevelse, vilket inneb\u00e4r att UI\/UX har en direkt p\u00e5verkan p\u00e5 SEO.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-77614a6 ul-list elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"77614a6\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Sidans laddningstid \u2013 Snabbare webbplatser f\u00e5r b\u00e4ttre ranking. Testa din hastighet med Google PageSpeed Insights.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Mobilv\u00e4nlighet \u2013 Google prioriterar responsiva webbplatser. Se Googles riktlinjer f\u00f6r mobiloptimering.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"52\" height=\"52\" viewBox=\"0 0 52 52\" fill=\"none\"><circle cx=\"25.812\" cy=\"25.812\" r=\"25.812\" fill=\"#E4F222\"><\/circle><path d=\"M11 22.1516L22.6084 36.4548L40.666 14.2053\" stroke=\"black\" stroke-width=\"4.82768\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Anv\u00e4ndarbeteende \u2013 \u00c4ven om det inte \u00e4r en direkt rankingfaktor, kan en h\u00f6g avvisningsfrekvens och kort sessionstid indikera att UI\/UX beh\u00f6ver f\u00f6rb\u00e4ttras, vilket i sin tur kan p\u00e5verka SEO.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff6db45 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"ff6db45\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>En genomt\u00e4nkt UI\/UX-design leder till h\u00f6gre engagemang, b\u00e4ttre SEO och fler konverteringar. Vill du f\u00f6rst\u00e5 hur din webbplats presterar i s\u00f6kresultaten? L\u00e4s v\u00e5r wiki om <a href=\"https:\/\/webicient.com\/wiki\/vad-ar-google-search-console\/\">Google Search Console<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0f680d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e0f680d\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-192c56a elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"192c56a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vanliga fr\u00e5gor om UI\/UX<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7087d7e elementor-widget elementor-widget-n-accordion\" data-id=\"7087d7e\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;all_collapsed&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:200,&quot;sizes&quot;:[]},&quot;max_items_expended&quot;:&quot;one&quot;}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1170\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1170\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h2 class=\"e-n-accordion-item-title-text\"> Vad \u00e4r den st\u00f6rsta skillnaden mellan UI och UX? <\/h2><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"4\" viewBox=\"0 0 34 4\" fill=\"none\"><path d=\"M0 2L33.556 1.99978\" stroke=\"white\" stroke-width=\"2.32744\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.9417 15.8366L33.5567 15.8365L33.5567 18.1639L17.9418 18.164L17.9419 33.7792L15.6144 33.7792L15.6143 18.164L0.000715327 18.1641L0.000698509 15.8367L15.6143 15.8366L15.6142 0.223219L17.9416 0.223203L17.9417 15.8366Z\" fill=\"white\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1170\" class=\"elementor-element elementor-element-3958a4a e-con-full e-flex e-con e-child\" data-id=\"3958a4a\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1170\" class=\"elementor-element elementor-element-7541047 e-flex e-con-boxed e-con e-child\" data-id=\"7541047\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c02a0c elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"2c02a0c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UI handlar om design och visuella element, medan UX handlar om anv\u00e4ndarupplevelse och funktionalitet. UI \u00e4r det du ser, UX \u00e4r det du upplever.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1171\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1171\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h2 class=\"e-n-accordion-item-title-text\"> Varf\u00f6r \u00e4r UI\/UX viktigt f\u00f6r en webbplats? <\/h2><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"4\" viewBox=\"0 0 34 4\" fill=\"none\"><path d=\"M0 2L33.556 1.99978\" stroke=\"white\" stroke-width=\"2.32744\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.9417 15.8366L33.5567 15.8365L33.5567 18.1639L17.9418 18.164L17.9419 33.7792L15.6144 33.7792L15.6143 18.164L0.000715327 18.1641L0.000698509 15.8367L15.6143 15.8366L15.6142 0.223219L17.9416 0.223203L17.9417 15.8366Z\" fill=\"white\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1171\" class=\"elementor-element elementor-element-cdfaed2 e-con-full e-flex e-con e-child\" data-id=\"cdfaed2\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1171\" class=\"elementor-element elementor-element-ff746a3 e-flex e-con-boxed e-con e-child\" data-id=\"ff746a3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28ea7a3 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"28ea7a3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Bra UI\/UX g\u00f6r att en webbplats blir enkel att anv\u00e4nda, snabb och tilltalande, vilket leder till n\u00f6jdare anv\u00e4ndare och b\u00e4ttre SEO-ranking.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1172\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1172\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h2 class=\"e-n-accordion-item-title-text\"> Hur p\u00e5verkar UI\/UX SEO? <\/h2><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"4\" viewBox=\"0 0 34 4\" fill=\"none\"><path d=\"M0 2L33.556 1.99978\" stroke=\"white\" stroke-width=\"2.32744\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.9417 15.8366L33.5567 15.8365L33.5567 18.1639L17.9418 18.164L17.9419 33.7792L15.6144 33.7792L15.6143 18.164L0.000715327 18.1641L0.000698509 15.8367L15.6143 15.8366L15.6142 0.223219L17.9416 0.223203L17.9417 15.8366Z\" fill=\"white\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1172\" class=\"elementor-element elementor-element-63cfab4 e-con-full e-flex e-con e-child\" data-id=\"63cfab4\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1172\" class=\"elementor-element elementor-element-0d2a418 e-flex e-con-boxed e-con e-child\" data-id=\"0d2a418\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14c15ef elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"14c15ef\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Google prioriterar webbplatser som laddar snabbt och \u00e4r mobilv\u00e4nliga. En d\u00e5lig UI\/UX-design kan g\u00f6ra att bes\u00f6kare l\u00e4mnar sidan, vilket p\u00e5verkar SEO negativt.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1173\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1173\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h2 class=\"e-n-accordion-item-title-text\"> Hur kan jag f\u00f6rb\u00e4ttra UI\/UX p\u00e5 min webbplats? <\/h2><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"4\" viewBox=\"0 0 34 4\" fill=\"none\"><path d=\"M0 2L33.556 1.99978\" stroke=\"white\" stroke-width=\"2.32744\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.9417 15.8366L33.5567 15.8365L33.5567 18.1639L17.9418 18.164L17.9419 33.7792L15.6144 33.7792L15.6143 18.164L0.000715327 18.1641L0.000698509 15.8367L15.6143 15.8366L15.6142 0.223219L17.9416 0.223203L17.9417 15.8366Z\" fill=\"white\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1173\" class=\"elementor-element elementor-element-8510e7e e-con-full e-flex e-con e-child\" data-id=\"8510e7e\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1173\" class=\"elementor-element elementor-element-60c73c5 e-flex e-con-boxed e-con e-child\" data-id=\"60c73c5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-98c45af elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"98c45af\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>S\u00e4kerst\u00e4ll att webbplatsen laddar snabbt och \u00e4r mobilanpassad<\/li><li>Anv\u00e4nd tydlig navigering och enkel struktur<\/li><li>Testa olika designval genom A\/B-testning<\/li><li>Samla in anv\u00e4ndarfeedback och analysera beteendedata<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1174\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1174\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h2 class=\"e-n-accordion-item-title-text\"> Hur vet jag om min webbplats har bra UI\/UX? <\/h2><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"4\" viewBox=\"0 0 34 4\" fill=\"none\"><path d=\"M0 2L33.556 1.99978\" stroke=\"white\" stroke-width=\"2.32744\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.9417 15.8366L33.5567 15.8365L33.5567 18.1639L17.9418 18.164L17.9419 33.7792L15.6144 33.7792L15.6143 18.164L0.000715327 18.1641L0.000698509 15.8367L15.6143 15.8366L15.6142 0.223219L17.9416 0.223203L17.9417 15.8366Z\" fill=\"white\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1174\" class=\"elementor-element elementor-element-4519a6b e-con-full e-flex e-con e-child\" data-id=\"4519a6b\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1174\" class=\"elementor-element elementor-element-4d5cbe3 e-flex e-con-boxed e-con e-child\" data-id=\"4d5cbe3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d04bc8 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"4d04bc8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Granska anv\u00e4ndarbeteenden i <strong><a class=\"ql-link\" href=\"https:\/\/marketingplatform.google.com\/about\/analytics\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Analytics<\/a><\/strong><\/li><li>Testa mobilv\u00e4nlighet med <strong>Google <a class=\"ql-link\" href=\"https:\/\/webicient.com\/wiki\/vad-ar-google-search-console\/\" target=\"_blank\" rel=\"noopener noreferrer\">Search Console<\/a><\/strong><\/li><li>Samla in feedback fr\u00e5n bes\u00f6kare<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1175\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1175\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h2 class=\"e-n-accordion-item-title-text\"> Vilka verktyg anv\u00e4nds f\u00f6r UI\/UX-design? <\/h2><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"4\" viewBox=\"0 0 34 4\" fill=\"none\"><path d=\"M0 2L33.556 1.99978\" stroke=\"white\" stroke-width=\"2.32744\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 34 34\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.9417 15.8366L33.5567 15.8365L33.5567 18.1639L17.9418 18.164L17.9419 33.7792L15.6144 33.7792L15.6143 18.164L0.000715327 18.1641L0.000698509 15.8367L15.6143 15.8366L15.6142 0.223219L17.9416 0.223203L17.9417 15.8366Z\" fill=\"white\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1175\" class=\"elementor-element elementor-element-1bb0e7e e-con-full e-flex e-con e-child\" data-id=\"1bb0e7e\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1175\" class=\"elementor-element elementor-element-642e032 e-flex e-con-boxed e-con e-child\" data-id=\"642e032\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5452be5 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"5452be5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div>Vanliga verktyg inkluderar:<\/div><ul><li><strong>Figma<\/strong> \u2013 F\u00f6r UI-design och prototyper<\/li><li><strong>Adobe XD<\/strong> \u2013 F\u00f6r UI-design och prototyper<\/li><li><strong>Google Analytics &amp; Hotjar<\/strong> \u2013 F\u00f6r att analysera anv\u00e4ndarbeteenden<\/li><\/ul><div>\u00a0<\/div><div>En v\u00e4l genomt\u00e4nkt UI\/UX-design leder till en <strong>b\u00e4ttre anv\u00e4ndarupplevelse, h\u00f6gre engagemang och fler konverteringar<\/strong>.<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"Vad \\u00e4r den st\\u00f6rsta skillnaden mellan UI och UX?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"UI handlar om design och visuella element, medan UX handlar om anv\\u00e4ndarupplevelse och funktionalitet. UI \\u00e4r det du ser, UX \\u00e4r det du upplever.\"}},{\"@type\":\"Question\",\"name\":\"Varf\\u00f6r \\u00e4r UI\\\/UX viktigt f\\u00f6r en webbplats?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Bra UI\\\/UX g\\u00f6r att en webbplats blir enkel att anv\\u00e4nda, snabb och tilltalande, vilket leder till n\\u00f6jdare anv\\u00e4ndare och b\\u00e4ttre SEO-ranking.\"}},{\"@type\":\"Question\",\"name\":\"Hur p\\u00e5verkar UI\\\/UX SEO?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Google prioriterar webbplatser som laddar snabbt och \\u00e4r mobilv\\u00e4nliga. En d\\u00e5lig UI\\\/UX-design kan g\\u00f6ra att bes\\u00f6kare l\\u00e4mnar sidan, vilket p\\u00e5verkar SEO negativt.\"}},{\"@type\":\"Question\",\"name\":\"Hur kan jag f\\u00f6rb\\u00e4ttra UI\\\/UX p\\u00e5 min webbplats?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\\u00e4kerst\\u00e4ll att webbplatsen laddar snabbt och \\u00e4r mobilanpassadAnv\\u00e4nd tydlig navigering och enkel strukturTesta olika designval genom A\\\/B-testningSamla in anv\\u00e4ndarfeedback och analysera beteendedata\"}},{\"@type\":\"Question\",\"name\":\"Hur vet jag om min webbplats har bra UI\\\/UX?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Granska anv\\u00e4ndarbeteenden i Google AnalyticsTesta mobilv\\u00e4nlighet med Google Search ConsoleSamla in feedback fr\\u00e5n bes\\u00f6kare\"}},{\"@type\":\"Question\",\"name\":\"Vilka verktyg anv\\u00e4nds f\\u00f6r UI\\\/UX-design?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Vanliga verktyg inkluderar:Figma \\u2013 F\\u00f6r UI-design och prototyperAdobe XD \\u2013 F\\u00f6r UI-design och prototyperGoogle Analytics &amp; Hotjar \\u2013 F\\u00f6r att analysera anv\\u00e4ndarbeteenden\\u00a0En v\\u00e4l genomt\\u00e4nkt UI\\\/UX-design leder till en b\\u00e4ttre anv\\u00e4ndarupplevelse, h\\u00f6gre engagemang och fler konverteringar.\"}}]}<\/script>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efe6d41 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"efe6d41\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sammanfattning<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4def4be elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"4def4be\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>UI (User Interface) fokuserar p\u00e5 det visuella \u2013 f\u00e4rger, layout och design. UX (User Experience) handlar om anv\u00e4ndarupplevelsen \u2013 navigering, fl\u00f6de och funktionalitet.<\/p><p>En bra UI\/UX-design \u00e4r avg\u00f6rande f\u00f6r en framg\u00e5ngsrik digital produkt. Genom att kombinera attraktiv design med smidig anv\u00e4ndarupplevelse kan du skapa en webbplats som b\u00e5de engagerar och konverterar.<\/p><p>F\u00f6r att skapa en riktigt bra digital produkt kr\u00e4vs en balans mellan UI och UX. Vill du veta mer om hur vi kan hj\u00e4lpa ditt f\u00f6retag att f\u00f6rb\u00e4ttra anv\u00e4ndarupplevelsen? <a href=\"https:\/\/webicient.com\/boka-mote\/\">Kontakta oss h\u00e4r.<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-947cf55 e-con-full e-flex e-con e-child\" data-id=\"947cf55\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0238bf8 e-flex e-con-boxed e-con e-parent\" data-id=\"0238bf8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1bf09aa e-con-full e-flex e-con e-child\" data-id=\"1bf09aa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4ab5df elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"e4ab5df\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Relaterade wikis<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b7643e elementor-mobile-align-right elementor-align-right elementor-widget__width-inherit elementor-widget elementor-widget-button\" data-id=\"0b7643e\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/webicient.com\/wiki\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Se alla<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bd8912 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"7bd8912\" data-element_type=\"widget\" data-settings=\"{&quot;template_id&quot;:18947,&quot;_skin&quot;:&quot;post&quot;,&quot;columns&quot;:&quot;3&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\">\n\t\t<style id=\"loop-18947\">.elementor-18947 .elementor-element.elementor-element-a4fe558{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#1A1A1A;--border-color:#1A1A1A;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18947 .elementor-element.elementor-element-a4fe558:not(.elementor-motion-effects-element-type-background), .elementor-18947 .elementor-element.elementor-element-a4fe558 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url(\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/bg-rec.jpg\");background-position:center left;background-size:cover;}.elementor-18947 .elementor-element.elementor-element-6505482{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 0px;--row-gap:5px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18947 .elementor-element.elementor-element-e156304{width:100%;max-width:100%;z-index:999;text-align:left;}.elementor-18947 .elementor-element.elementor-element-e156304 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-18947 .elementor-element.elementor-element-e156304 .elementor-heading-title{font-family:\"Inter\", Sans-serif;font-size:2rem;font-weight:500;line-height:1.2em;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(23px\/2);}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(23px\/2);}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(23px\/2);margin-left:calc(23px\/2);}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-23px\/2);margin-left:calc(-23px\/2);}body.rtl .elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-23px\/2);}body:not(.rtl) .elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-23px\/2);}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-item:not(:last-child):after{content:\"\";height:13px;border-color:#FFFFFF33;}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-18947 .elementor-element.elementor-element-9b4d103{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-item > a{font-family:\"Inter\", Sans-serif;font-size:1.2rem;font-weight:400;}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-text{color:#FFFFFFBF;transition:color 0.3s;}.elementor-18947 .elementor-element.elementor-element-f583cd1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-18947 .elementor-element.elementor-element-e1b3b71 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-18947 .elementor-element.elementor-element-e1b3b71 .elementor-icon-wrapper{text-align:center;}.elementor-18947 .elementor-element.elementor-element-e1b3b71 .elementor-icon{font-size:46px;}.elementor-18947 .elementor-element.elementor-element-e1b3b71 .elementor-icon svg{height:46px;}.elementor-18947 .elementor-element.elementor-element-e1b3b71 .elementor-icon-wrapper svg{width:auto;}@media(min-width:768px){.elementor-18947 .elementor-element.elementor-element-f583cd1{--width:18%;}}@media(max-width:767px){.elementor-18947 .elementor-element.elementor-element-6505482{--width:80%;}.elementor-18947 .elementor-element.elementor-element-e156304 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-18947 .elementor-element.elementor-element-e156304{text-align:left;}.elementor-18947 .elementor-element.elementor-element-e156304 .elementor-heading-title{font-size:2.5rem;}.elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18947 .elementor-element.elementor-element-9b4d103 .elementor-icon-list-item > a{font-size:1.6rem;}.elementor-18947 .elementor-element.elementor-element-f583cd1{--width:20%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18947 .elementor-element.elementor-element-e1b3b71 > .elementor-widget-container{margin:0px 0px -6px 0px;}.elementor-18947 .elementor-element.elementor-element-e1b3b71 .elementor-icon{font-size:35px;}.elementor-18947 .elementor-element.elementor-element-e1b3b71 .elementor-icon svg{height:35px;}}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"18947\" class=\"elementor elementor-18947 e-loop-item e-loop-item-19092 post-19092 wiki type-wiki status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-a4fe558 e-con-full e-flex e-con e-child\" data-id=\"a4fe558\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" href=\"https:\/\/webicient.com\/sv\/wiki\/vad-ar-ui-ux\/\">\n\t\t<div class=\"elementor-element elementor-element-6505482 e-con-full e-flex e-con e-child\" data-id=\"6505482\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e156304 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"e156304\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vad \u00e4r UI\/UX?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b4d103 elementor-icon-list--layout-inline elementor-align-left elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9b4d103\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Uppdaterad: februari 27, 2025<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f583cd1 e-con-full e-flex e-con e-child\" data-id=\"f583cd1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1b3b71 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"e1b3b71\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><rect width=\"15.207\" height=\"15.1743\" rx=\"7.58717\" fill=\"#444444\"><\/rect><path d=\"M4.16237 7.9944L4.16237 7.66576L10.6054 7.6598L7.60834 4.66275L7.84648 4.4246L11.252 7.83008L7.84648 11.2356L7.60834 10.9974L10.6054 8.00035L4.16237 7.9944Z\" fill=\"white\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"18947\" class=\"elementor elementor-18947 e-loop-item e-loop-item-18999 post-18999 wiki type-wiki status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-a4fe558 e-con-full e-flex e-con e-child\" data-id=\"a4fe558\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" href=\"https:\/\/webicient.com\/sv\/wiki\/vad-ar-google-search-console\/\">\n\t\t<div class=\"elementor-element elementor-element-6505482 e-con-full e-flex e-con e-child\" data-id=\"6505482\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e156304 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"e156304\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vad \u00e4r Google Search Console?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b4d103 elementor-icon-list--layout-inline elementor-align-left elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9b4d103\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Uppdaterad: februari 6, 2025<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f583cd1 e-con-full e-flex e-con e-child\" data-id=\"f583cd1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1b3b71 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"e1b3b71\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><rect width=\"15.207\" height=\"15.1743\" rx=\"7.58717\" fill=\"#444444\"><\/rect><path d=\"M4.16237 7.9944L4.16237 7.66576L10.6054 7.6598L7.60834 4.66275L7.84648 4.4246L11.252 7.83008L7.84648 11.2356L7.60834 10.9974L10.6054 8.00035L4.16237 7.9944Z\" fill=\"white\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"18947\" class=\"elementor elementor-18947 e-loop-item e-loop-item-18863 post-18863 wiki type-wiki status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<a class=\"elementor-element elementor-element-a4fe558 e-con-full e-flex e-con e-child\" data-id=\"a4fe558\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" href=\"https:\/\/webicient.com\/sv\/wiki\/vad-ar-wordpress\/\">\n\t\t<div class=\"elementor-element elementor-element-6505482 e-con-full e-flex e-con e-child\" data-id=\"6505482\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e156304 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"e156304\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vad \u00e4r WordPress?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b4d103 elementor-icon-list--layout-inline elementor-align-left elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"9b4d103\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Uppdaterad: februari 5, 2025<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f583cd1 e-con-full e-flex e-con e-child\" data-id=\"f583cd1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1b3b71 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"e1b3b71\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><rect width=\"15.207\" height=\"15.1743\" rx=\"7.58717\" fill=\"#444444\"><\/rect><path d=\"M4.16237 7.9944L4.16237 7.66576L10.6054 7.6598L7.60834 4.66275L7.84648 4.4246L11.252 7.83008L7.84648 11.2356L7.60834 10.9974L10.6054 8.00035L4.16237 7.9944Z\" fill=\"white\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37dfb1e e-flex e-con-boxed e-con e-child\" data-id=\"37dfb1e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-baf5bb9 elementor-absolute elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image\" data-id=\"baf5bb9\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"496\" src=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-b.png\" class=\"attachment-full size-full wp-image-17548\" alt=\"\" srcset=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-b.png 1920w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-b-300x78.png 300w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-b-1024x265.png 1024w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-b-768x198.png 768w, https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/star-b-1536x397.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9769483 elementor-absolute elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image\" data-id=\"9769483\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"609\" src=\"https:\/\/webicient.com\/wp-content\/uploads\/2025\/01\/bg-blur.svg\" class=\"attachment-large size-large wp-image-17527\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-445eacd elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading\" data-id=\"445eacd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Beh\u00f6ver du hj\u00e4lp med UI\/UX?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6d04ee elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"a6d04ee\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Vi designar UI\/UX anpassade webbplatser &amp; applikationer. Boka ett kostnadsfritt m\u00f6te och l\u00e5t oss hj\u00e4lpa dig komma ig\u00e5ng!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f5b853 e-con-full e-flex e-con e-child\" data-id=\"7f5b853\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b698c0d elementor-mobile-align-center elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"b698c0d\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/webicient.com\/boka-mote\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Boka ett m\u00f6te<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb19c2e elementor-widget elementor-widget-image\" data-id=\"bb19c2e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"193\" height=\"30\" src=\"https:\/\/webicient.com\/wp-content\/uploads\/2024\/08\/recensioner-webicient.svg\" class=\"attachment-large size-large wp-image-15396\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":19098,"parent":0,"template":"elementor_header_footer","meta":{"_acf_changed":false,"content-type":""},"class_list":["post-19092","wiki","type-wiki","status-publish","has-post-thumbnail","hentry"],"acf":[],"faq_title":null,"_faq_title":null,"faq_text":null,"_faq_text":null,"_title":null,"faq":null,"_faq":null,"faq_0_question":null,"_faq_0_question":null,"faq_0_answer":null,"_faq_0_answer":null,"faq_1_question":null,"_faq_1_question":null,"faq_1_answer":null,"_faq_1_answer":null,"hero_-_text":null,"_hero_-_text":null,"hiw_-_title":null,"_hiw_-_title":null,"_links":{"self":[{"href":"https:\/\/webicient.com\/sv\/wp-json\/wp\/v2\/wiki\/19092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webicient.com\/sv\/wp-json\/wp\/v2\/wiki"}],"about":[{"href":"https:\/\/webicient.com\/sv\/wp-json\/wp\/v2\/types\/wiki"}],"version-history":[{"count":3,"href":"https:\/\/webicient.com\/sv\/wp-json\/wp\/v2\/wiki\/19092\/revisions"}],"predecessor-version":[{"id":22429,"href":"https:\/\/webicient.com\/sv\/wp-json\/wp\/v2\/wiki\/19092\/revisions\/22429"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webicient.com\/sv\/wp-json\/wp\/v2\/media\/19098"}],"wp:attachment":[{"href":"https:\/\/webicient.com\/sv\/wp-json\/wp\/v2\/media?parent=19092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}