UI/UX

43

Solutions

23

Articles & Videos

130

Contributors

UI stands for User Interface and UX for User Experience. While there are key differences between the two, both concern the design of how humans interact with computer systems and software.

Share tech news, updates, or what's on your mind.

Sign up to Post

While designing for a sign-up process, I'd like to be able to show a progress indicator dictating how many steps are in the process, total. Right now, I'm using little dots across the top of the screen that "fill in" as you're making progress during the page-by-page sign-up.

My question is in regard to a particular step that could extend or contract the number of remaining steps because a step is added or taken away. It feels weird that, in the middle of a 4-step process, a choice made on Step 2 would then show 5 dots on the following page.

Is there an alternative method to make this feel less strange? Or is the idea for a progress indicator made null because of how this sign-up process works?
0
Independent Software Vendors: We Want Your Opinion
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

As a junior, I'm a bit new to front end programming (crammed learning JS/other languages/NPM/NodeJS/etc within three months for my current role) so apologies if what I say doesn't make sense.

I've helped to build a UI for an application with the use of NPM/Node JS. The application stores data on a UNIX server. The UI accesses the data on the server (https://myhostname:8090/blah/blah) and presents the results with a nice UI. With the help of GIT, I've managed to do move all the src UI code onto the UNIX server. The purpose is for automation

While a specific file (in my UI code) specifies the UNIX server configuration, I've used NPM to build a bundle.js (Which bundles all the JS files into a single file) file. I move this bundles.js along with the index.html and CSS styling files to an appropriate directory in order to use Maven to build a JAR file. And with a start/stop server script to run the process to run  the code, I can just enter the UNIX hostname/port number in my browser window in order to access the UI and data. This all works.

However. I now need to generalise the server configuration in my bundle.js file as well as properties file on server side such that I'm not hard coding server configuration anywhere (meaning I can deploy the UI on any server with no issue). i.e. playing with "localhost" instead of the actual server hostname etc.

I want to try my best, but I need to acknowledge that I have no real server configuration experience and hence need a …
0
Hello all,

I'm working on a PowerShell script to modify users in Active Directory.  I would like to put a UI on the script to allow the users to first select the target users from the current users in out Active Directory.  I was able to generate the dialog box, use the input from one box in another box, but I wasn't able to return the value that the user running the program selected in the list box to the main script.  I'm pretty good with PowerShell, but I'm new to the UI part of it.  I was able to get two sample scripts working and modified them to return information both typed into a text box and selected from a list box, but combining the two has become difficult, and I know that the answer is probably right in front of me. If someone could show me the light I would much appreciate it.

Sincerely,

Steve

Here is the script as it is now:

Add-Type -AssemblyName System.Windows.Forms
#Add-Type -AssemblyName System.Drawing`

$MainForm = New-Object System.Windows.Forms.Form
$MainForm.Text = "User Selection Form"
$MainForm.Size = New-Object System.Drawing.Size(650,300)
$MainForm.StartPosition = "CenterScreen"

$OKButton = New-Object System.Windows.Forms.Button
$OKButton.Location = New-Object System.Drawing.Point(10,220)
$OKButton.Size = New-Object System.Drawing.Size(75,23)
$OKButton.Text = "OK"
$OKButton.DialogResult = [System.Windows.Forms.DialogResult]::OK
$MainForm.AcceptButton = $OKButton
$MainForm.Controls.Add($OKButton)

$CancelButton = …
0
* We have a product Ccure[/b][/b] Anti-Theft which is not working in oppo company phones background we are trying hooting on wrong attempt.
            we have perform certain process like:
    1. we exclude this app from battery optimization and power saving.
    2. We exclude  also from data saving.
    3. App process management and given all permissions .
    4. added to app auto startup (Startup Manager)
    5. Also prevented app to be killed while releasing background app memory

* we have also referred to certain links to resolve our problem but did not.
reference link.
     https://stackoverflow.com/questions/4797050/how-to-run-process-as-background-and-never-die
0
I am using keno ui grid for angularjs keno grid in our project and am  new to kendo . I am getting data from API similar to below JSON Data and need to bind this data to Kenod Grid basically there will be no header fields / columns .Just simply bind data to grid.

JSON Data (json data viewer

["cell1  cell2 cell3 cell4 cell5 cell6",
 "cell1  cell2 cell3 cell4 cell5 cell6",
 "cell1  cell2 cell3 cell4 cell5 cell6",
 "cell1  cell2 cell3 cell4 cell5 cell6",
 "cell1  cell2 cell3 cell4 cell5 cell6",
 "cell1  cell2 cell3 cell4 cell5 cell6"
]

It would be great if anyone can provide sample example  in plunker/jsfiddle.

Thanks in advance
0
New to Angular.  I am making my way through a book titled "Pro AngularJS" by Adam Freeman.

If you look at this screenshot while I was debugging the "Add" TO DO item functionality you can see that the new to do item is showing up in the items array, but the web page UI is not updating with the new item.

angular push
Why might it not be getting added?

I don't see any Javascript errors in the console... : (


Here is the TODO.html source:
<!DOCTYPE html>
<html data-ng-app="todoApp">
<head>
    <title>TO DO List</title>
    <link href="bootstrap.css" rel="stylesheet" />
    <script src="angular.js"></script>
    <script>
        var model = {
            user: "Adam"
        };

        var todoApp = angular.module("todoApp", []);

        todoApp.run(function ($http) {
            $http.get("todo.json").then(function (data) {
                model.items = data;});
        });

        todoApp.filter("checkedItems", function () {
            return function (items, showComplete) {
                var resultArr = [];
                angular.forEach(items, function (item) {

                    if (item.done == false || showComplete == true) {
                        resultArr.push(item);
                    }
                });
                return resultArr;
            }
        });

        todoApp.controller("ToDoCtrl", function ($scope) {
            $scope.todo = model;

            $scope.incompleteCount = function () {
                var 

Open in new window

0
Hey,

I have reseted Apple TV 3rd gen to the factory defaults. Now im see screen to ude iphone to automatically set up ATV.

See attached pic.
not sure what now because i have no remote.

thanks for helping
0
4
 
LVL 6

Expert Comment

by:Brian Matis
Glad to see it happening! There's a lot of room for improvement in this area...
0
 

Expert Comment

by:Daniella Barion
I think this is related to the importance of the user's experience.
1
I want to be a Game play Programmer. to be GPP I need to study in a good university.Good universities want good $$$.i want start my career for some years or some time.which career is best that give me more $$$.
1.Java EE/Java Developer
2.Mobile App Developer
3.UI/UX Designer
4.Internet Advertiser
0
Hi Experts,

I have below codes using asp repeater and jdatatable. As you can see it return table UI with column phone, Direction, and message looks like below

Phone No, Direction, Msg
(111)222-1111, Outbound, asdfasdf
(111)222-1111, Inbound, 23423423asdfasdf
(111)222-1111, Outbound, 223434234dfasdf
(222)222-1234, Outbound, 23asdfasjdfasjdfjdfs
(222)222-1234, Inbound, 2131231231312

In the UI, I hope to see. Is it possible?

(111)222-1111, Outbound, asdfasdf
                         , Inbound, 23423423asdfasdf
                         , Outbound, 223434234dfasdf
(222)222-1234, Outbound, 23asdfasjdfasjdfjdfs
                         , Inbound, 2131231231312

<asp:Repeater runat="server" ID="conversationList" OnItemCommand="conversationList_ItemCommand">
                                                        <HeaderTemplate> 
                                                                <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                                                                     <thead>
                                                                                        <tr>
                                                                                            <th class="text-center"><small>Phone</small></th>
                                                                                            <th class="text-center"><small>Dir.</small></th>
                 

Open in new window

0
Industry Leaders: We Want Your Opinion!
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

1
 
LVL 9

Author Comment

by:Brandon Lyon
Console interfaces also use horizontal scrolling pretty well. I can't remember if Sony or Microsoft were first with that one but now they all do it (as do Kodi / Plex / Fire TV / Apple TV / etc).
2
 
LVL 6

Expert Comment

by:Brian Matis
The key to the change being ok really seems to be that mouse with scrollwheel isn't necessarily the common input hardware for a lot of these cases. When your main way to scroll is a vertical scrollwheel, then the UX needs to work well with that.

But with the prevalence of touch and directional controls (like on a remote or gamepad), horizontal scrolling is much more accessible. The use of touch has even made old rules like "avoid lots of clicking to get to the destination" less of a big deal, since the UX friction of touch is way lower than moving a mouse and clicking.
2
Hello,
Are there any good products, sites or services that can be used to basically develop a prototype app for planning purposes and relaying information to others like graphics, dev etc.? Something that can be used as a kind of project manager to build a app.

So lets say you have a idea for a app but want to do a rough, not flashy, draft of the layout and mock actions for buttons etc. So if you tap here then this screen pops up type of thing so not actually coding the app but just some type of WYSIWYG interface to help test out the flow of the design before spending time and money on the actual coding and graphics etc.
0
Hello I just purchased honda hrv 2003. it has kenwood hdv-910 in it. it is all in japanese so i cant get a thing. I want to change language from japanese to english. is it possible?  and also i would like to know if this touchscreen has bluetooth. thanks in advance.
0
hi,

I just installed Redhat linux and Fedora linux on Windows 10 VM, but once installed it, it seems login in command mode. how to enable the Linux UI mode for me to play around by UI ?
0
http://estato.html.themeforest.createit.pl/search-list.html

Take a look above website and try to click on icon next to sorted by drop down. I like the feature that can show list or grid
If I already have asp.net repeater and inside using table with (https://datatables.net/) plugin, is it possible to make it happen?

If yes, please show me how.

Thanks
0
Does any one knows when droid 5 will be release? I just like QWERTY keyboard. I am using droid 4.
0
hi  i have code like this  File inputFile = new File(templateDownloadRequestDto.getTemplateName().trim() + ".xlsx");
this line is showing as path manipulation issue HP fotify scanning, from UI level i select a drop down value to download a file, then i hits a spring controller, from spring service we prepare xlsx sheet using apache poi ,here we are not validating any file names, because those are predefined names, so no need to validate file, how can i resolve this issue ?
0
Windows Phone Theme Colours
The Windows Phone Theme Colours is a tight, powerful, and well balanced palette. This tiny Access application makes it a snap to select and pick a value. And it doubles as an intro to implementing WithEvents, one of Access' hidden gems.
3
 

Expert Comment

by:John Clark
Comment Utility
Gustav,

I adapted my application to this and I could not believe how efficient and easy this was to do. I see myself deleting a HUGE amount of redundant code and using Class Module in the future. They have always intimidated me and quite frankly, I did not see the use of them until I needed something similar to what you did here. The link you provided to John Colby's Blog was spot-on and VERY informative.

A question on this method however, the particular functionality I am trying to achieve applies to Text and Combo boxes. Reading JC's Blog led me to believe that I would need another Class to handle each type of Object.

Did I comprehend that correctly or can I include more than one Object in this Class?

Great stuff!

John
0
 
LVL 50

Author Comment

by:Gustav Brock
Comment Utility
Yes, you implement many classes, perhaps one for each type of control.

Or you can modify this check:

    If Control.ControlType = acTextBox Then

to check for other control types as well. And then either apply the same or different methods.

Or do both. Or add more conditions; for example only apply a method to a control with a control source.

/gustav
0
For years, I was taught, I saw and I wrote that the area in the lower right corner of the Windows UI was the System Tray or Systray.
I just looked at the Microsoft Manual of Style 4th Ed and it's now called the Notification area.  
Where can I file formal complaint?  This is a stupid change.

Ugggh.
1
Technology Partners: We Want Your Opinion!
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Is there a piece of code that makes a website compatible in all the main browsers, ISO Phones, Android Phones, and tablets?
1
What are some good books that describe how to use a Samsung Galxy S8+ Android cell phone?
0
Dear SharePoint experts

I have a file share with over 200 knowledge documents which I manage as a library with folders, sub folders etc.
I would like to transfer this repository to SharePoint 2013 to gain accessibility from anywhere and exposure to our knowledge bank

Since I'm new in SP - How do I design (look & feel), create the UX/UI  and the search options and eventually create a DMS in SharePoint 2013 which I can share with the organization and will give me the added value?

I there a tutorial, book, any kind of training that can instruct me how to manage SP and create this kind of DMS?
0
Hi Experts

I have a repository (file share) filled with documents and I am looking for a document management that will enable searching, cataloging & previewing  of documents. I I need a tool I can direct to my repository and will provide me the user experience & interface - preferably web based but not mandatory - Free or payed tool

Thanks
0
I am exporting a ui-grid as a pdf and I want one column to export using a currencyFilter.  When it exports, the column uses the filter, however, two columns which contain formatted dates are now not formatted like mm/dd/yyyy.  

Expected: 5/11/2016
Result: 14630112000809

I just want this to target the one column, which is the 8th column
Here is the code for the export function:
$scope.export = function(){
	      var exportData = [];
	      var exportColumnHeaders = $scope.gridOptions.showHeader ? uiGridExporterService.getColumnHeaders($scope.gridApi.grid, uiGridExporterConstants.VISIBLE) : [];
	      angular.forEach($scope.gridApi.grid.rows, function(row) {
	        if (row.visible) {
	          var values = [];
	          angular.forEach(exportColumnHeaders, function(column) {
	            var value = row.entity[column.name];
	            if (column.name == 'rentalRevenue')
	            	value = $filter('lcpFilter')(value); 

	            values.push({
	              value: value
	            });
	            
	          });
	          exportData.push(values);
	        }
	      });
	   
	      var content = uiGridExporterService.prepareAsPdf($scope.gridApi.grid, exportColumnHeaders, exportData);
	      content.pageMargins = [40, 93, 40, 40];
	      pdfMake.createPdf(content).open();
	      
	    };

Open in new window



Any help is appreciated.  If you need more info please let me know.  Thank you
0
Hi Experts ,

Am trying to make the canvas responsive when the Jquery UI Dialog resizes . but some how it didn't work  and i know someone already reinvented the wheel . Please share if anybody did .


Thanks in Advance Experts
0

UI/UX

43

Solutions

23

Articles & Videos

130

Contributors

UI stands for User Interface and UX for User Experience. While there are key differences between the two, both concern the design of how humans interact with computer systems and software.